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