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      <div class="section-header">
7        <h2 class="section-title">Power information</h2>
8      </div>
9      <dl class="list-pair">
10        <dt>Power Consumption</dt>
11        <dd>{{ power_consumption }}</dd>
12      </dl>
13    </section>
14    <section class="section">
15      <div class="section-header">
16        <h2 class="section-title">
17          Server power cap setting
18        </h2>
19      </div>
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>
46      </div>
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        />
60      </div>
61    </section>
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>
70  </form>
71</div>
72