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")

views/login.pug

@@ -2,20 +2,18 @@ doctype html
 html(lang="de")
   head
     meta(charset="utf-8")
-    meta(name="viewport" content="width=device-width,initial-scale=1")
+    meta(name="viewport", content="width=device-width, initial-scale=1")
     title Login
     link(rel="stylesheet", href="/styles.css")
   body
     h1 Login
-    if error
-      p.error #{error}
-    form(method="POST", action="/login")
-      label(for="email") Email:
-      input#email(type="email", name="email", required)
-      br
+    form(method="POST" action="/login")
+      label(for="email") E-Mail:
+      input#email(type="email" name="email" required)
+      span#emailStatus
       label(for="password") Passwort:
-      input#password(type="password", name="password", required)
-      br
-      button(type="submit") Einloggen
-    p
-      a(href="/register") Registrieren
+      input#password(type="password" name="password" required)
+      button(type="submit") Login
+    if error
+      p.error= error
+    script(type="module" src="/login.js")

views/register.pug

@@ -2,20 +2,18 @@ doctype html
 html(lang="de")
   head
     meta(charset="utf-8")
-    meta(name="viewport" content="width=device-width,initial-scale=1")
-    title Registrierung
+    meta(name="viewport", content="width=device-width, initial-scale=1")
+    title Registrieren
     link(rel="stylesheet", href="/styles.css")
   body
     h1 Registrierung
-    if error
-      p.error #{error}
-    form(method="POST", action="/register")
-      label(for="email") Email:
-      input#email(type="email", name="email", required)
-      br
+    form(method="POST" action="/register")
+      label(for="email") E-Mail:
+      input#email(type="email" name="email" required)
+      span#emailStatus
       label(for="password") Passwort:
-      input#password(type="password", name="password", required)
-      br
+      input#password(type="password" name="password" required)
       button(type="submit") Registrieren
-    p
-      a(href="/login") Zum Login
+    if error
+      p.error= error
+    script(type="module" src="/register.js")