From 4e54fd359f2920e015a59af2265688dc557376d5 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Wed, 10 Apr 2024 10:47:22 +0200
Subject: implement cctv commands

---
 ui/index.html | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

(limited to 'ui/index.html')

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>
 
-- 
cgit v1.2.3