Merge branch 'umsetzung-datametric360': Companion-App-Phasen 1-10 uebernehmen

Bringt die vollstaendig gebaute DataMetric360-App zusammen (React/Vite, 21 Screens, Audi-Assets, PWA + native Capacitor-Huelle, 90+9 Tests) sowie die profil_lesen()-Haertung gegen fehlende/kaputte Profildatei zusammen. Konfliktaufloesung: - AGENTS.md, INSTALL.md, README.md: main-Fassung war jeweils die chronologisch neuere, uebernommen und um die durch den Merge tatsaechlich erledigten Punkte ergaenzt (profil_lesen()-Haertung, Audit-Reste-Entscheidung). - fahrterkennung.py: toten WLAN-Zweig vom Branch verworfen, Zuendungs- basierte Erkennung von main behalten. - homeassistant/FMM003_MAPPING.md (MQTT/Mosquitto-Ansatz vom 2026-08-11, vor der Umstellung auf flespi) bewusst nicht uebernommen - main nutzt seit 2026-08-12 flespi als alleinigen FMM003-Datenweg. UMSETZUNGSPLAN.md Phase 13 entsprechend als ueberholt markiert, verweist auf AGENTS.md als massgeblich. - REVIEW_main_2026-08-13.md, ha_install.md (add/add): main-Fassung war die spaetere Revision derselben Dokumente, uebernommen. Die von REVIEW_main_2026-08-13.md befuerchtete Merge-Falle (profil_lesen() gibt jetzt None zurueck, main-seitige Aufrufer pruefen das nicht) wurde verifiziert als bereits entschaerft: alle 5 Aufrufstellen im gemergten Stand (backup.py x2, fahrterkennung.py, frontend_veroeffentlichung.py, reifenzaehler.py, tankerkennung.py) sind None-sicher. installationspaket/ nicht Teil dieses Commits (gitignored, wird bei Bedarf neu zusammengestellt).
2026-08-13 19:03:20 +02:00
parent 6230648f29 b1f8b71104
commit 163efe1392
113 changed files with 17638 additions and 159 deletions
@@ -11,8 +11,6 @@
   DOM-Anbindung (Shadow DOM statt document, siehe $ weiter unten).

   Bekannte Lücken in diesem Stand:
-   - Statistik-Seite (vStat/ST) zeigt weiterhin Beispielzahlen, keine echte
-     Auswertung aus TRIPS/FILLS - eigenes Arbeitspaket.
   - Kein Bild-Ordner vorhanden; Bilder fallen auf die im Prototyp bereits
     vorgesehenen Platzhalter-Maße zurück (§7a), erscheinen aber als
     gebrochene Bilder, bis bilder/ tatsächlich befüllt ist.
@@ -0,0 +1,115 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>DataMetric360 — Gerät verbinden</title>
+    <!--
+      Erzeugt den Einrichtungs-QR-Code für die App, vollständig auf dem Gerät.
+
+      Der Punkt dabei: Ein QR-Generator im Internet bekäme den Zugangstoken zu
+      sehen. Diese Seite lädt ihre Bibliothek aus dem eigenen Home Assistant
+      (dm360-qrcode-lib.js daneben) und stellt keine einzige Netzanfrage — der
+      Token verlässt das eigene Netz nicht.
+
+      Ablegen unter /config/www/, aufrufbar als /local/dm360-qr.html.
+      Gegenstück in der App: UMSETZUNGSPLAN.md Phase 10 Stufe 2.
+    -->
+    <script src="./dm360-qrcode-lib.js"></script>
+    <style>
+      :root { color-scheme: dark; }
+      body {
+        margin: 0; min-height: 100vh; display: grid; place-items: center;
+        background: #161b23; color: #fff;
+        font: 400 15px/1.55 Helvetica, Arial, sans-serif;
+      }
+      main { width: min(420px, 92vw); padding: 24px; }
+      h1 { font-size: 22px; font-weight: 300; margin: 0 0 6px; }
+      p { color: #9aa1ad; font-size: 13.5px; margin: 0 0 18px; text-wrap: pretty; }
+      label { display: block; font-size: 10px; letter-spacing: .2em;
+              text-transform: uppercase; color: #8a94a3; margin: 14px 0 6px; }
+      input {
+        width: 100%; box-sizing: border-box; padding: 11px 12px; font-size: 16px;
+        background: #1f2733; color: #fff; border: 1px solid rgba(255,255,255,.1);
+        border-radius: 8px; outline: none;
+      }
+      input:focus-visible { outline: 2px solid #F50537; outline-offset: 2px; }
+      button {
+        margin-top: 18px; width: 100%; padding: 13px; font-size: 15px;
+        background: #fff; color: #000; border: 0; border-radius: 999px; cursor: pointer;
+      }
+      #ausgabe { margin-top: 22px; display: none; text-align: center; }
+      #ausgabe.sichtbar { display: block; }
+      #ausgabe img { width: 100%; max-width: 320px; height: auto;
+                     image-rendering: pixelated; background: #fff;
+                     padding: 12px; border-radius: 12px; box-sizing: border-box; }
+      .warnung { color: #ffaa00; font-size: 12px; margin-top: 14px; }
+      .fehler { color: #fd2c4e; font-size: 13px; margin-top: 14px; }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Gerät verbinden</h1>
+      <p>
+        Trag die von außen erreichbare Adresse und einen langlebigen Zugriffstoken ein.
+        Der Code entsteht hier auf dem Gerät; nichts davon wird irgendwohin gesendet.
+      </p>
+
+      <label for="adresse">Server-Adresse</label>
+      <input id="adresse" type="url" placeholder="https://api.datametric360.app" />
+
+      <label for="token">Zugriffstoken</label>
+      <input id="token" type="password" placeholder="in Home Assistant unter Profil → Sicherheit" />
+
+      <button id="erzeugen" type="button">Code anzeigen</button>
+
+      <div id="ausgabe"></div>
+      <p id="meldung" class="fehler" hidden></p>
+    </main>
+
+    <script>
+      const ausgabe = document.getElementById("ausgabe")
+      const meldung = document.getElementById("meldung")
+
+      function melde(text) {
+        meldung.textContent = text
+        meldung.hidden = !text
+      }
+
+      document.getElementById("erzeugen").addEventListener("click", () => {
+        melde("")
+        ausgabe.classList.remove("sichtbar")
+
+        const url = document.getElementById("adresse").value.trim().replace(/\/+$/, "")
+        const token = document.getElementById("token").value.trim()
+        if (!url || !token) {
+          melde("Bitte Adresse und Token eintragen.")
+          return
+        }
+
+        const inhalt = JSON.stringify({ url, token })
+        try {
+          // Version 0 heißt: kleinstmögliche Version selbst wählen.
+          // Fehlerkorrektur L, weil der Code direkt vom Bildschirm abgelesen
+          // wird — es gibt keinen zerkratzten Aufkleber zu retten.
+          const qr = qrcode(0, "L")
+          qr.addData(inhalt)
+          qr.make()
+          ausgabe.innerHTML = qr.createImgTag(6, 0, "Einrichtungs-Code")
+          ausgabe.insertAdjacentHTML(
+            "beforeend",
+            '<p class="warnung">Wer diesen Code abfotografiert, hat vollen Zugriff auf die ' +
+              "Schnittstelle. Nach dem Einrichten die Seite schließen.</p>",
+          )
+          ausgabe.classList.add("sichtbar")
+        } catch (fehler) {
+          melde(
+            "Der Code konnte nicht erzeugt werden: " +
+              String((fehler && fehler.message) || fehler) +
+              ". Ist der Token vollständig eingefügt?",
+          )
+        }
+      })
+    </script>
+  </body>
+</html>