| Gunnar Mills | 52b8bde | 2018-06-21 13:16:54 -0500 | [diff] [blame] | 1 | <loader loading="loading"></loader> | 
 | 2 | <div id="power-usage"> | 
| Gunnar Mills | 006aaa0 | 2018-06-26 16:08:59 -0500 | [diff] [blame] | 3 | 	<div class="row column"> | 
 | 4 | 		<h1>Manage Power Usage</h1> | 
| Gunnar Mills | 52b8bde | 2018-06-21 13:16:54 -0500 | [diff] [blame] | 5 | 	</div> | 
| Gunnar Mills | 006aaa0 | 2018-06-26 16:08:59 -0500 | [diff] [blame] | 6 | 	<form class="power-usage__form" role="form" action=""> | 
 | 7 | 		<section class="row column"> | 
 | 8 | 			<div class="page-header"> | 
 | 9 | 				<h2 class="bold h4">Power information</h2> | 
 | 10 | 			</div> | 
 | 11 | 			<fieldset> | 
 | 12 | 					<ul class="power-usage__metadata-wrapper"> | 
 | 13 | 						<li class="power-usage__metadata-block"> | 
 | 14 | 							<p class="content-label">Power Consumption</p> | 
 | 15 | 							<p class="courier-bold">{{power_consumption}}</p> | 
 | 16 | 						</li> | 
 | 17 | 						<li class="power-usage__metadata-block"> | 
 | 18 | 							<div class="toggle inline"> | 
 | 19 | 								<input id="toggle__switch-round" | 
 | 20 | 												class="toggle-switch toggle-switch__round-flat" | 
 | 21 | 												type="checkbox" | 
 | 22 | 												tabindex="0" | 
 | 23 | 												ng-model="power_cap.PowerCapEnable" | 
 | 24 | 												ng-checked="power_cap.PowerCapEnable"> | 
 | 25 | 								<label for="toggle__switch-round" tabindex="0">Server power cap setting is <span class="uid-switch__status">{{power_cap.PowerCapEnable ? "on" : "off"}}</span></label> | 
 | 26 | 							</div> | 
 | 27 | 							<div class="power-usage__switch-label inline"> | 
 | 28 | 								<p>Server power cap setting is <span class="uid-switch__status">{{power_cap.PowerCapEnable ? "on" : "off"}}</span></p> | 
 | 29 | 								<p>Set a power cap to keep power consumption at or below the specified value in watts.</p> | 
 | 30 | 							</div> | 
 | 31 | 							<div class="small-12 large-4"> | 
 | 32 | 								<p class="content-label power-cap-value-label">POWER CAP VALUE IN WATTS</p> | 
 | 33 | 								<input id="power-cap" type="number" min="100" max="10000" step="1" ng-disabled="!power_cap.PowerCapEnable"  ng-model="power_cap.PowerCap"/> | 
 | 34 | 							</div> | 
 | 35 | 						</li> | 
 | 36 | 					</ul> | 
 | 37 | 			</fieldset> | 
 | 38 | 			<div class="power-usage__submit-wrapper"> | 
 | 39 | 				<button type="button" class="btn-primary inline" ng-click="setPowerCap()">Save settings</button> | 
 | 40 | 				<button type="button" class="btn-secondary inline" ng-click="refresh()">Cancel</button> | 
 | 41 | 			</div> | 
 | 42 | 			<p class="success-msg" ng-show="set_power_cap_success" role="alert">Success! Power cap changed!</p> | 
 | 43 | 			<p class="set_powercap_error error-msg" ng-show="set_power_cap_error" role="alert">Error setting Power Cap!</p> | 
 | 44 | 		</section> | 
 | 45 | 	</form> | 
| Gunnar Mills | 52b8bde | 2018-06-21 13:16:54 -0500 | [diff] [blame] | 46 | </div> | 
 | 47 |  |