1<loader loading="loading"></loader> 2<div id="power-usage"> 3 <div class="row column"> 4 <h1>Manage Power Usage</h1> 5 </div> 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 </section> 43 </form> 44</div> 45 46