Initial commit with action

2023-10-02 15:30:30 +02:00
commit bbe5bfdcee
15 changed files with 888 additions and 0 deletions
--- a/data/settings.html
+++ b/data/settings.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>”
+
+<head>
+  <link rel="stylesheet" href="/chota.css">
+
+  <script>
+    if (window.matchMedia &&
+      window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      document.body.classList.add('dark');
+    }
+  </script>
+</head>
+
+<body>
+  <div class="container">
+    <nav class="nav" style="margin-bottom: 50px;">
+      <div class="nav-left">
+        <a class="brand" href="#">Watermeter</a>
+        <div class="tabs">
+          <a href="/">Status</a>
+          <a class="active" href="/settings">Settings</a>
+          <a href="/export">Data export</a>
+        </div>
+      </div>
+      <div class="nav-right">
+        <a class="button outline">Button</a>
+      </div>
+    </nav>
+
+
+    <fieldset id="form-settings">
+      <legend>Settings</legend>
+      <p>
+        <label for="input__text">Sensor max height (e.g. 4m)</label>
+        <input id="input__text" type="number" placeholder="Text Input">
+      </p>
+      <p>
+        <label for="input__password">Water max height</label>
+        <input id="input__password" type="number">
+      </p>
+      <p>
+        <label for="input__webaddress">Water min height</label>
+        <input id="input__webaddress" type="number">
+      </p>
+      <p>
+        <label for="input__emailaddress">Email Address</label>
+        <input id="input__emailaddress" type="number">
+      </p>
+
+      <p>
+        <button class="button primary" style="width: 100%;">Submit</button>
+      </p>
+    </fieldset>
+
+    <form action="/update_wifi_credentials" method="post">
+      <fieldset id="form-settings">
+        <legend>WiFi Settings</legend>
+        <p>
+          <label for="ssid">SSID</label>
+          <input id="ssid" name="ssid" type="text">
+        </p>
+        <p>
+          <label for="wifi_password">Password</label>
+          <input id="wifi_password" name="wifi_password" type="password">
+        </p>
+
+        <p>
+          <button class="button primary" style="width: 100%;">Submit</button>
+        </p>
+      </fieldset>
+    </form>
+
+
+
+
+
+
+  </div>
+</body>