update and test with rpi zero 2
This commit is contained in:
@@ -20,7 +20,8 @@
|
||||
<body class="bg-dark text-white">
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade text-black" id="reconnectBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="connectionLostLabel" aria-hidden="true">
|
||||
<div class="modal fade text-black" id="reconnectBackdrop" data-bs-backdrop="static" data-bs-keyboard="false"
|
||||
tabindex="-1" aria-labelledby="connectionLostLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
@@ -31,9 +32,10 @@
|
||||
Try reconnecting in <span id="time-left">60s</span>
|
||||
</div>
|
||||
<form id="ws-input" class="btn-group" role="group" aria-label="Select ws">
|
||||
<input type="radio" class="btn-check" name="ws-selection" id="hotspot-ws" autocomplete="off" value="0" checked>
|
||||
<input type="radio" class="btn-check" name="ws-selection" id="local-ws" autocomplete="off" value="1">
|
||||
<input type="radio" class="btn-check" name="ws-selection" id="distant-ws" autocomplete="off" value="2">
|
||||
<input type="radio" class="btn-check" name="ws-selection" id="hotspot-ws" autocomplete="off"
|
||||
checked>
|
||||
<input type="radio" class="btn-check" name="ws-selection" id="local-ws" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="ws-selection" id="distant-ws" autocomplete="off">
|
||||
</form>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" onclick="{timeout=1;}">Reconnect now</button>
|
||||
@@ -50,17 +52,23 @@
|
||||
<div class="row pt-2 gy-2">
|
||||
<div class="col d-flex justify-content-center">
|
||||
<form id="mode-input" class="btn-group" role="group" aria-label="Select mode">
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="test-mode" autocomplete="off" value="0" checked>
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="artnet-mode" autocomplete="off" value="1">
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="auto-mode" autocomplete="off" value="2">
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="manual-mode" autocomplete="off" value="3">
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="test-mode" autocomplete="off"
|
||||
checked>
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="artnet-mode" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="auto-mode" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="mode-selection" id="manual-mode" autocomplete="off">
|
||||
</form>
|
||||
</div>
|
||||
<div class="col d-flex justify-content-center">
|
||||
<form id="pattern-input" class="btn-group" role="group" aria-label="Select pattern">
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="pulse-pattern" autocomplete="off" value="0" checked>
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="travel-pattern" autocomplete="off" value="1">
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="strobe-pattern" autocomplete="off" value="2">
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="bounce-pattern"
|
||||
autocomplete="off" checked>
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="pulse-pattern"
|
||||
autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="travel-pattern"
|
||||
autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="pattern-selection" id="strobe-pattern"
|
||||
autocomplete="off">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -77,15 +85,16 @@
|
||||
<div class="col d-flex justify-content-center">
|
||||
<form id="channel-input" class="btn-group" role="group" aria-label="Select channel">
|
||||
<!-- todo: Change to checkbox -->
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="all-channel" autocomplete="off" value="8" checked>
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="0-channel" autocomplete="off" value="0">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="1-channel" autocomplete="off" value="1">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="2-channel" autocomplete="off" value="2">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="3-channel" autocomplete="off" value="3">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="4-channel" autocomplete="off" value="4">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="5-channel" autocomplete="off" value="5">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="6-channel" autocomplete="off" value="6">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="7-channel" autocomplete="off" value="7">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="0-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="1-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="2-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="3-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="4-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="5-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="6-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="7-channel" autocomplete="off">
|
||||
<input type="radio" class="btn-check" name="channel-selection" id="all-channel" autocomplete="off"
|
||||
checked>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -94,7 +103,8 @@
|
||||
<label class="form-label col-9 col-sm-2 text-sm-end" for="formControlRange">Sensitivity</label>
|
||||
<span class="col-3 col-sm-1 text-end">64</span>
|
||||
<div class="col col-sm-9">
|
||||
<input type="range" class="form-range" id="formControlRange" max="127" oninput="sensitivityCallback(this)">
|
||||
<input type="range" class="form-range" id="formControlRange" max="127"
|
||||
oninput="sensitivityCallback(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -102,15 +112,25 @@
|
||||
<label class="form-label col-9 col-sm-2 text-sm-end" for="formControlRange">Gravity</label>
|
||||
<span class="col-3 col-sm-1 text-end">64</span>
|
||||
<div class="col col-sm-9">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" max="127" oninput="gravityCallback(this)">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" max="127"
|
||||
oninput="gravityCallback(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 gy-2">
|
||||
<label class="form-label col-9 col-sm-2 text-sm-end" for="formControlRange">Hue interval</label>
|
||||
<span class="col-3 col-sm-1 text-end">0</span>
|
||||
<div class="col col-sm-9">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" min="-63" max="63"
|
||||
oninput="hueIntervalCallback(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 gy-2">
|
||||
<div class="col">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="modulateColor" onclick="colorModulateCallback(this)">
|
||||
<input class="form-check-input" type="checkbox" id="modulateColor"
|
||||
onclick="colorModulateCallback(this)">
|
||||
<label class="form-check-label" for="modulateColor">Modulate color</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -118,20 +138,29 @@
|
||||
|
||||
<div class="row pt-2 gy-2">
|
||||
<div id="mainPicker" class="col d-flex justify-content-center"></div>
|
||||
<div id="modulationPicker" class="col d-none d-flex justify-content-center"></div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 gy-2">
|
||||
<label class="form-label col-9 col-sm-2 text-sm-end" for="formControlRange">Modulation interval</label>
|
||||
<span class="col-3 col-sm-1 text-end">0</span>
|
||||
<div class="col col-sm-9">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" min="-63" max="63"
|
||||
oninput="modulationIntervalCallback(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 gy-2">
|
||||
<label class="form-label col-9 col-sm-2 text-sm-end" for="formControlRange">Modulation speed</label>
|
||||
<span class="col-3 col-sm-auto text-end" id="rangeval">50</span>
|
||||
<span class="col-3 col-sm-1 text-end" id="rangeval">50</span>
|
||||
<div class="col col-sm-9">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" oninput="rangeCallback(this)">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" max="127"
|
||||
oninput="modulationSpeedCallback(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 gy-2">
|
||||
<label class="form-label col-9 col-sm-2 text-sm-end" for="formControlRange">Freq</label>
|
||||
<span class="col-3 col-sm-auto text-end" id="rangeval">50</span>
|
||||
<span class="col-3 col-sm-1 text-end" id="rangeval">50</span>
|
||||
<div class="col col-sm-9">
|
||||
<input type="range" class="form-range col-auto" id="formControlRange" oninput="rangeCallback(this)">
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user