blob: 793f5e90f6222d2de7fee02f45241cce356a8f29 [file] [log] [blame]
Gunnar Mills52b8bde2018-06-21 13:16:54 -05001<loader loading="loading"></loader>
2<div id="power-usage">
Gunnar Mills006aaa02018-06-26 16:08:59 -05003 <div class="row column">
4 <h1>Manage Power Usage</h1>
Gunnar Mills52b8bde2018-06-21 13:16:54 -05005 </div>
Gunnar Mills006aaa02018-06-26 16:08:59 -05006 <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 Mills52b8bde2018-06-21 13:16:54 -050046</div>
47