Add a "reset defaults" button and handler.

1 files changed, 13 insertions, 0 deletions

diff --git a/controller_webpage/index.html b/controller_webpage/index.html
index bfa6461..1a308eb 100644
--- a/controller_webpage/index.html
+++ b/controller_webpage/index.html
@@ -166,6 +166,7 @@
   <header>
     <h1>Tree Lights Controller</h1>
     <div class="toolbar">
+      <button class="secondary" onclick="resetDefaults()">Reset defaults</button>
       <button class="secondary" onclick="refreshValues()">Reload</button>
     </div>
   </header>
@@ -341,6 +342,18 @@
       }
     }
 
+    async function resetDefaults() {
+      setStatus("Resetting…");
+      try {
+        await fetch(`${BASE_URL}/reset`, { method: "POST" });
+        await refreshValues();
+        setStatus("Reset to defaults");
+      } catch (err) {
+        setStatus("Reset failed");
+        console.error(err);
+      }
+    }
+
     refreshValues();
   </script>
 </body>