71 lines
3.1 KiB
HTML
71 lines
3.1 KiB
HTML
<form>
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input type="radio" class="form-check-input" name="mode" data-bind="checkedValue: StairsMode.Static, checked: Stairs.Mode.Current">
|
|
Static
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input type="radio" class="form-check-input" name="mode" data-bind="checkedValue: StairsMode.Custom, checked: Stairs.Mode.Current">
|
|
Custom
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input type="radio" class="form-check-input" name="mode" data-bind="checkedValue: StairsMode.Alternate, checked: Stairs.Mode.Current">
|
|
Alternating
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
<div data-bind="visible: Stairs.Mode.Current() == StairsMode.Static" style="display: none">
|
|
<div class="form-group row">
|
|
<div class="col-sm-2">Brightness</div>
|
|
<div class="col-sm-5"><input type="number" class="form-control" min="0" max="4095" data-bind="value: Stairs.Mode.Static.Brightness" /></div>
|
|
<div class="col-sm-5"><input type="range" class="form-control" min="0" max="4095" data-bind="value: Stairs.Mode.Static.Brightness, valueUpdate: 'input'" /></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-bind="visible: Stairs.Mode.Current() == StairsMode.Custom" style="display: none">
|
|
|
|
<form>
|
|
<div class="row">
|
|
<div class="col-sm-2 header">Step</div>
|
|
<div class="col-sm-10 header">Value</div>
|
|
</div>
|
|
|
|
<div data-bind="foreach: Stairs.Mode.Custom.Brightness">
|
|
<div class="form-group row">
|
|
<div class="col-sm-2" data-bind="text: $parent.Stairs.Mode.Custom.Brightness().length - $index()"></div>
|
|
<div class="col-sm-5"><input type="number" class="form-control" min="0" max="4095" data-bind="value: $data.value" /></div>
|
|
<div class="col-sm-5"><input type="range" class="form-control" min="0" max="4095" data-bind="value: $data.value, valueUpdate: 'input'" /></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div data-bind="visible: Stairs.Mode.Current() == StairsMode.Alternate" style="display: none">
|
|
<div class="form-group row">
|
|
<div class="col-sm-2">Interval</div>
|
|
<div class="col-sm-5"><input type="number" class="form-control" data-bind="value: Stairs.Mode.Alternate.Interval" /></div>
|
|
<div class="col-sm-5"></div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<div class="col-sm-2">Brightness</div>
|
|
<div class="col-sm-5"><input type="number" class="form-control" min="0" max="4095" data-bind="value: Stairs.Mode.Alternate.Brightness" /></div>
|
|
<div class="col-sm-5"><input type="range" class="form-control" min="0" max="4095" data-bind="value: Stairs.Mode.Alternate.Brightness, valueUpdate: 'input'" /></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div data-bind="visible: Stairs.Mode.Current() == StairsMode.Slide" style="display: none">
|
|
<div class="parameter">
|
|
Brightness: <input type="range" min="0" max="4095" data-bind="value: slide.brightness, valueUpdate: 'input'" /> <input type="number" min="0" max="4095" data-bind="value: slide.brightness" />
|
|
</div>
|
|
</div>
|
|
--> |