Gunnar Mills | 4129f40 | 2018-07-11 16:40:58 -0500 | [diff] [blame] | 1 | <div id="led-switch"> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 2 | <div class="row column"> |
| 3 | <h1>Server LED</h1> |
| 4 | <div class="page-header"> |
| 5 | <h2>LED light control</h2> |
Michael Davis | 5a752b2 | 2017-03-09 09:41:08 -0600 | [diff] [blame] | 6 | </div> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 7 | </div> |
| 8 | <div |
| 9 | class="column" |
| 10 | ng-class="{disabled: dataService.server_unreachable || dataService.loading}" |
| 11 | > |
| 12 | <div class="led-switch__label"> |
| 13 | <h3> |
| 14 | Server LED light |
| 15 | </h3> |
| 16 | <p> |
| 17 | Turn the LED light on or off. If the server has an LCD, use this control |
| 18 | to display text (on) or not to display text (off) on the LCD. |
| 19 | </p> |
Michael Davis | 5a752b2 | 2017-03-09 09:41:08 -0600 | [diff] [blame] | 20 | </div> |
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame] | 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-click="toggleLED()" |
| 29 | ng-checked="dataService.LED_state == 'on'" |
| 30 | ng-disabled="dataService.server_unreachable" |
| 31 | /> |
| 32 | <label for="toggle__switch-round" tabindex="0" |
| 33 | >Server LED indicator is |
| 34 | <span class="toggle-switch__status">{{ |
| 35 | dataService.LED_state |
| 36 | }}</span></label |
| 37 | > |
| 38 | </div> |
| 39 | <span> |
| 40 | {{ dataService.LED_state == "on" ? "On" : "Off" }} |
| 41 | </span> |
| 42 | </div> |
| 43 | </div> |
Gunnar Mills | 4129f40 | 2018-07-11 16:40:58 -0500 | [diff] [blame] | 44 | </div> |