Gunnar Mills | 52b8bde | 2018-06-21 13:16:54 -0500 | [diff] [blame] | 1 | <loader loading="loading"></loader> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 2 | <div id="power-usage" class="page"> |
| 3 | <h1 class="page-title">Manage Power Usage</h1> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 4 | <form class="power-usage__form" role="form" action=""> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 5 | <section class="section"> |
Derick Montague | 30d7c63 | 2019-07-31 22:35:48 -0500 | [diff] [blame^] | 6 | <div class="section-header"> |
| 7 | <h2 class="section-title">Power information</h2> |
| 8 | </div> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 9 | <dl class="list-pair"> |
| 10 | <dt>Power Consumption</dt> |
| 11 | <dd>{{ power_consumption }}</dd> |
| 12 | </dl> |
| 13 | </section> |
| 14 | <section class="section"> |
Derick Montague | 30d7c63 | 2019-07-31 22:35:48 -0500 | [diff] [blame^] | 15 | <div class="section-header"> |
| 16 | <h2 class="section-title"> |
| 17 | Server power cap setting |
| 18 | </h2> |
| 19 | </div> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 20 | <div class="section-content"> |
| 21 | <p> |
| 22 | Set a power cap to keep power consumption at or below the specified |
| 23 | value in watts. |
| 24 | </p> |
| 25 | <div class="toggle-container"> |
| 26 | <div class="toggle"> |
| 27 | <input |
| 28 | id="toggle__switch-round" |
| 29 | class="toggle-switch toggle-switch__round-flat" |
| 30 | type="checkbox" |
| 31 | tabindex="0" |
| 32 | ng-model="power_cap.PowerCapEnable" |
| 33 | ng-checked="power_cap.PowerCapEnable" |
| 34 | /> |
| 35 | <label for="toggle__switch-round" tabindex="0" |
| 36 | >Server power cap setting is |
| 37 | <span class="uid-switch__status">{{ |
| 38 | power_cap.PowerCapEnable ? "on" : "off" |
| 39 | }}</span></label |
| 40 | > |
| 41 | </div> |
| 42 | <span> |
| 43 | {{ power_cap.PowerCapEnable ? "On" : "Off" }} |
| 44 | </span> |
| 45 | </div> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 46 | </div> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 47 | <div class="section-content form__field"> |
| 48 | <label for="power-cap" class="content-label" |
| 49 | >POWER CAP VALUE IN WATTS</label |
| 50 | > |
| 51 | <input |
| 52 | id="power-cap" |
| 53 | type="number" |
| 54 | min="100" |
| 55 | max="10000" |
| 56 | step="1" |
| 57 | ng-disabled="!power_cap.PowerCapEnable" |
| 58 | ng-model="power_cap.PowerCap" |
| 59 | /> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 60 | </div> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 61 | </section> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 62 | <div class="form__actions"> |
| 63 | <button type="submit" class="btn-primary" ng-click="setPowerCap()"> |
| 64 | Save settings |
| 65 | </button> |
| 66 | <button type="button" class="btn btn-secondary" ng-click="refresh()"> |
| 67 | Cancel |
| 68 | </button> |
| 69 | </div> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 70 | </form> |
Gunnar Mills | 52b8bde | 2018-06-21 13:16:54 -0500 | [diff] [blame] | 71 | </div> |