Adresse wird aufgelöst

Optik augehübscht

views/index.pug

@@ -2,32 +2,47 @@ doctype html
 html(lang="de")
   head
     meta(charset="utf-8")
-    meta(name="viewport" content="width=device-width,initial-scale=1")
-    title ESP-ID + Sensornummer speichern
+    meta(name="viewport", content="width=device-width, initial-scale=1")
+    title ESP-ID zu Sensornummer
     link(rel="stylesheet", href="/styles.css")
   body
-    h1 ESP-ID + Sensornummer speichern
+    h1 ESP-ID → Sensornummer
+    div.card
+      form#entryForm
+        label(for="espId") ESP-ID:
+        input#espId(type="text")
 
-    .card
-      label(for="espId") ESP-ID:
-      input#espId(placeholder="z.B. esp-1234")
-      br
-      br
-      label(for="sensorNumber") Sensornummer:
-      input#sensorNumber(placeholder="z.B. 42")
-      br
-      br
-      button#saveBtn Speichern
-      div#result
+        label(for="sensorNumber") Sensornummer:
+        input#sensorNumber(type="text" placeholder="Nur Zahlen erlaubt")
 
-    .card
-      h2 Gespeicherte Einträge
-      div.controls
-        button#refreshBtn Aktualisieren
-        |  Seite:
-        input#page(value="1")
-        |  Limit:
-        input#limit(value="25")
-      div#list
+        label(for="name") Bezeichnung:
+        input#name(type="text")
 
-    script(src="/global.js")
+        label(for="description") Beschreibung:
+        textarea#description
+
+        label(for="address") Anschrift:
+        input#address(type="text" placeholder="Wird automatisch ausgefüllt, kann geändert werden")
+
+        button#saveBtn(type="button") Speichern
+        div#result
+
+    div.controls
+      button#refreshBtn Aktualisieren
+      |  Seite:
+      input#page(value="1")
+      |  Limit:
+      input#limit(value="10")
+
+    table#entriesTable
+      thead
+        tr
+          th ESP-ID
+          th Sensornummer
+          th Bezeichnung
+          th Beschreibung
+          th Anschrift
+          th Datum
+          th Aktionen
+      tbody
+    script(type="module" src="/global.js")