update

Took 15 hours 7 minutes

views/index.pug

@@ -1,8 +1,46 @@
 extends layout
 
-block main
-    
+block setup
+    div#setupContainersDiv
+        h1 Behälter
+        // Setup
+        button.btn.btn-primary#containerAddBtn Hinzufügen
+        br
+        div#setupContainers
+
+
+    div#setupLEDDiv
+        h1 LED-Einstellungen
+        div.inputGroup
+            label Aktivieren
+            input.input(type="checkbox")
+        div.inputGroup
+            label GPIO-Pin
+            input.input(type="number" value="22" style="width:15%" disabled="disabled")
+        div.inputGroup
+            label Ambiente Farbe
+            input.input(type="color" value="#05445e" style="width:15%" disabled="disabled")
+
+    div#setupExtraDiv
+        h1 Erweiterte Einstellungen
+        div.inputGroup
+            label Remote-Verbindungen erlauben
+            input.input(type="checkbox" id="setup_remoteCheckbox")
+        div.inputGroup
+            label Ohne WiFi Hotspot aktivieren
+            input.input(type="checkbox" id="setup_hotspotCheckbox")
+        div.inputGroup
+            label Ohne WiFi Hotspot aktivieren
+            input.input(type="checkbox" id="setup_hotspotCheckbox")
+
+
+    button.btn.btn-success(style="grid-row: span 1; grid-column: span 2; border-radius: 15px; font-size: 1.2em;") Speichern
 
 block menu
+    // Menu
 
 block settings
+    // Settings
+
+block main
+    // Main is build dynamically

views/layout.pug

@@ -12,23 +12,22 @@ html
 
         div#overlay
             div#top
-                span#left <strong>Status:</strong> <span id="status"></span>
+                span#left <strong>Status:</strong> <span id="status">...</span>
                 span#title iTender
                 span#right Verbinden...
             div#bottom
-                button#menuBtn Menü
+                button.btn#menuBtn Menü
+                div#containers
+
         div#container
-            div#menu
+            div.pane#setup
+                block setup
+            div.pane#menu
                 block menu
-            div#settings
+            div.pane#settings
                 block settings
-            div#main
+            div.pane#main
                 block main
 
         block extra
-        script(src="/web.js")
-        script.
-            // setTimeout( () =>
-            // {
-            //     window.location.reload();
-            // }, 120000 );
+        script(src="/web.js")