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