From b8aebffe4efad9d65f14dd21f903a9e008257728 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Wed, 10 Apr 2024 09:38:51 +0200
Subject: update cctv backend code

---
 ui/index.html | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

(limited to 'ui/index.html')

diff --git a/ui/index.html b/ui/index.html
index ac379f7..2af3cd2 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -38,20 +38,6 @@
 								<button value="false" onclick="api.msg.send.photocell(this)">Off</button>
 							</div>
 						</li>
-						<li class="list-item"> 
-							<span id="cctvValue" class="dot"></span> CCTV
-							<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>
-							</div>
-						</li>
 						<li class="list-item"> 
 							<span id="barrierValue" class="dot"></span> Slagboom
 							<div class="buttons">
@@ -90,12 +76,31 @@
 				</div>
 			</details>
 
+			<details open>
+				<summary>CCTV Presets</summary>
+				<div>
+					Huidige preset: <span id="cctvPresetValue">??</span>
+				</div>
+				<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>
+				</div>
+			</details>
+
 			<details>
 				<summary>WebSocket Demo</summary>
 				<div class="websocket_demo">
 					<button onclick="api.msg.send.helloWorld()">Hello World!</button>
 				</div>
 			</details>
+
 		</div>
 
 		<div class="section notifications" id="sectionNotifications">
-- 
cgit v1.2.3