14129f402SGunnar Mills<div id="led-switch">
24129f402SGunnar Mills  <div class="row column">
34129f402SGunnar Mills    <h1>Server LED</h1>
44129f402SGunnar Mills    <div class="page-header">
5edf1ab46Sbeccabroek      <h2>LED light control</h2>
64129f402SGunnar Mills    </div>
74129f402SGunnar Mills  </div>
8*c652ed18SDixsie Wolmers  <div
9*c652ed18SDixsie Wolmers    class="column"
10*c652ed18SDixsie Wolmers    ng-class="{disabled: dataService.server_unreachable || dataService.loading}"
11*c652ed18SDixsie Wolmers  >
12*c652ed18SDixsie Wolmers    <div class="led-switch__label">
13*c652ed18SDixsie Wolmers      <h3>
14*c652ed18SDixsie Wolmers        Server LED light
15*c652ed18SDixsie Wolmers      </h3>
16*c652ed18SDixsie Wolmers      <p>
17*c652ed18SDixsie Wolmers        Turn the LED light on or off. If the server has an LCD, use this control
18*c652ed18SDixsie Wolmers        to display text (on) or not to display text (off) on the LCD.
19*c652ed18SDixsie Wolmers      </p>
20*c652ed18SDixsie Wolmers    </div>
21*c652ed18SDixsie Wolmers    <div class="toggle-container">
22*c652ed18SDixsie Wolmers      <div class="toggle">
23*c652ed18SDixsie Wolmers        <input
24*c652ed18SDixsie Wolmers          id="toggle__switch-round"
254129f402SGunnar Mills          class="toggle-switch toggle-switch__round-flat"
264129f402SGunnar Mills          type="checkbox"
274129f402SGunnar Mills          tabindex="0"
284129f402SGunnar Mills          ng-click="toggleLED()"
294129f402SGunnar Mills          ng-checked="dataService.LED_state == 'on'"
304129f402SGunnar Mills          ng-disabled="dataService.server_unreachable"
31*c652ed18SDixsie Wolmers        />
32*c652ed18SDixsie Wolmers        <label for="toggle__switch-round" tabindex="0"
33*c652ed18SDixsie Wolmers          >Server LED indicator is
34*c652ed18SDixsie Wolmers          <span class="toggle-switch__status">{{
35*c652ed18SDixsie Wolmers            dataService.LED_state
36*c652ed18SDixsie Wolmers          }}</span></label
374129f402SGunnar Mills        >
384129f402SGunnar Mills      </div>
39*c652ed18SDixsie Wolmers      <span>
40*c652ed18SDixsie Wolmers        {{ dataService.LED_state == "on" ? "On" : "Off" }}
41*c652ed18SDixsie Wolmers      </span>
424129f402SGunnar Mills    </div>
434129f402SGunnar Mills  </div>
444129f402SGunnar Mills</div>
45