diff options
| author | lonkaars <loek@pipeframe.xyz> | 2024-04-10 10:47:22 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2024-04-10 10:47:22 +0200 |
| commit | 4e54fd359f2920e015a59af2265688dc557376d5 (patch) | |
| tree | 14a83c48b65a67608bb4daad39af18767e2c8fd5 /ui/index.html | |
| parent | fe9ff20d6e525ea58fe18f87d5ff8b63c104699c (diff) | |
implement cctv commands
Diffstat (limited to 'ui/index.html')
| -rw-r--r-- | ui/index.html | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/ui/index.html b/ui/index.html index 088985e..a3f61ed 100644 --- a/ui/index.html +++ b/ui/index.html @@ -62,8 +62,8 @@ <details open> <summary>Verlichting</summary> <div class="light_controls"> - <input id="lightsInput" type="range" min="0" max="10" step="1" value="0" oninput="api.msg.send.lights(this)"/> <div>Felheid: <span id="lightsValue">??</span>%</div> + <input id="lightsInput" type="range" min="0" max="10" step="1" value="0" oninput="api.msg.send.lights(this)"/> </div> </details> @@ -77,31 +77,31 @@ </details> <details open> - <summary>CCTV Presets</summary> - <div> - Huidige preset: <span id="cctvPresetValue">??</span> - </div> + <summary>CCTV Controls</summary> <div class="buttons"> - <button value="preset1" onclick="api.msg.send.cctv(this)">Preset 1</button> - <button value="preset2" onclick="api.msg.send.cctv(this)">Preset 2</button> - <button value="preset3" onclick="api.msg.send.cctv(this)">Preset 3</button> - <button value="preset4" onclick="api.msg.send.cctv(this)">Preset 4</button> - <button value="preset5" onclick="api.msg.send.cctv(this)">Preset 5</button> - <button value="preset6" onclick="api.msg.send.cctv(this)">Preset 6</button> - <button value="preset7" onclick="api.msg.send.cctv(this)">Preset 7</button> - <button value="preset8" onclick="api.msg.send.cctv(this)">Preset 8</button> - <button value="preset9" onclick="api.msg.send.cctv(this)">Preset 9</button> + <button value="preset1" onclick="api.msg.send.cctvPreset(this)">Preset 1</button> + <button value="preset2" onclick="api.msg.send.cctvPreset(this)">Preset 2</button> + <button value="preset3" onclick="api.msg.send.cctvPreset(this)">Preset 3</button> + <button value="preset4" onclick="api.msg.send.cctvPreset(this)">Preset 4</button> + <button value="preset5" onclick="api.msg.send.cctvPreset(this)">Preset 5</button> + <button value="preset6" onclick="api.msg.send.cctvPreset(this)">Preset 6</button> + <button value="preset7" onclick="api.msg.send.cctvPreset(this)">Preset 7</button> + <button value="preset8" onclick="api.msg.send.cctvPreset(this)">Preset 8</button> + <button value="preset9" onclick="api.msg.send.cctvPreset(this)">Preset 9</button> </div> <div> - Controls: <span id="cctvControls">??</span> - </div> - <div class="buttons"> - <button value="panleft" onclick="api.msg.send.cctv(this)">Pan left</button> - <button value="panright" onclick="api.msg.send.cctv(this)">Pan right</button> - <button value="tiltup" onclick="api.msg.send.cctv(this)">Tilt up</button> - <button value="tiltdown" onclick="api.msg.send.cctv(this)">Tilt down</button> - <button value="zoomin" onclick="api.msg.send.cctv(this)">Zoom in</button> - <button value="zoomout" onclick="api.msg.send.cctv(this)">Zoom out</button> + <div class="inputlabel"> + <label>Pan</label> + <input id="cctvPanInput" type="range" min="0" max="360" step="1" value="0" oninput="api.msg.send.cctvCtl()"/> + </div> + <div class="inputlabel"> + <label>Tilt</label> + <input id="cctvTiltInput" type="range" min="-90" max="90" step="1" value="0" oninput="api.msg.send.cctvCtl()"/> + </div> + <div class="inputlabel"> + <label>Zoom</label> + <input id="cctvZoomInput" type="range" min="10" max="45" step="1" value="10" oninput="api.msg.send.cctvCtl()"/> + </div> </div> </details> |