From 82995de95a3d0a72adf37eb46c95635c7327c63a Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 5 Apr 2026 20:59:35 +0000 Subject: [PATCH] =?UTF-8?q?feat(ui):=20hide=20device=20management=20behind?= =?UTF-8?q?=20=E2=9A=99=20MANAGE=20toggle=20=E2=80=94=20form=20and=20remov?= =?UTF-8?q?e=20buttons=20only=20shown=20when=20active?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lightsync/frontend/app.js | 9 ++++++++- lightsync/frontend/index.html | 2 +- lightsync/frontend/style.css | 33 +++++++++++++++++++++++++++++++++ 3 files changed, 42 insertions(+), 2 deletions(-) diff --git a/lightsync/frontend/app.js b/lightsync/frontend/app.js index af44126..c999f60 100644 --- a/lightsync/frontend/app.js +++ b/lightsync/frontend/app.js @@ -115,11 +115,18 @@ function escapeHtml(str) { loadDevices(); +document.getElementById("devices-manage-toggle").addEventListener("click", () => { + const panel = document.getElementById("devices-panel"); + const btn = document.getElementById("devices-manage-toggle"); + const active = panel.classList.toggle("manage-active"); + btn.classList.toggle("active", active); +}); + document.getElementById("add-device-form").addEventListener("submit", async (e) => { e.preventDefault(); const form = e.target; const data = { - name: form.name.value.trim(), + name: form.elements["name"].value.trim(), strip_type: form.strip_type.value, led_count: parseInt(form.led_count.value, 10), ip: form.ip.value.trim(), diff --git a/lightsync/frontend/index.html b/lightsync/frontend/index.html index d154fe6..a119028 100644 --- a/lightsync/frontend/index.html +++ b/lightsync/frontend/index.html @@ -21,7 +21,7 @@