blob: c5a56e124d4587b7a1463cc2bf5cdeaeb962d389 [file] [log] [blame]
<div id="led-switch">
<div class="row column">
<h1>Server LED</h1>
<div class="page-header">
<h2>LED light control</h2>
</div>
</div>
<div
class="column"
ng-class="{disabled: dataService.server_unreachable || dataService.loading}"
>
<div class="led-switch__label">
<h3>
Server LED light
</h3>
<p>
Turn the LED light on or off. If the server has an LCD, use this control
to display text (on) or not to display text (off) on the LCD.
</p>
</div>
<div class="toggle-container">
<div class="toggle">
<input
id="toggle__switch-round"
class="toggle-switch toggle-switch__round-flat"
type="checkbox"
tabindex="0"
ng-click="toggleLED()"
ng-checked="dataService.LED_state == 'on'"
ng-disabled="dataService.server_unreachable"
/>
<label for="toggle__switch-round" tabindex="0"
>Server LED indicator is
<span class="toggle-switch__status">{{
dataService.LED_state
}}</span></label
>
</div>
<span>
{{ dataService.LED_state == "on" ? "On" : "Off" }}
</span>
</div>
</div>
</div>