Page: Übersicht #2

New issue

Closed

opened 2026-08-28 02:17:21 +02:00 by erdbruegger · 1 comment

erdbruegger commented

2026-08-28 02:17:21 +02:00

Owner

Die "Übersicht" sollte "Fahrzeug" heißen, sowohl in der bottomNav als auch in der Überschrift.
Außerdem sollte hier dann auch ein Fahrzeug-Icon verwendet werden. Aktuell sieht es danach aus, als wären hier die material Icons benutzt worden. Können wir hierfür ein eigenes Icon-Set mit schönen, sauberen, modernen Icons verwendet?
Die Status-Informationen sind zu "penetrant". Ich denke es reicht wenn hier ein hübsches Akku-Symbol mit Füllstandsanzeige, SoC-Wert und Restweite dargestellt wird.
Den gewonnenen Platz können wir dann für Steuer-Short-Cuts verwenden. Licht, Ver-/Entriegeln, Klima.
Dann ein Button "Standort abrufen", der führt auf seine Sub-Seite mit Karte und aktueller Position

Die "Übersicht" sollte "Fahrzeug" heißen, sowohl in der bottomNav als auch in der Überschrift. Außerdem sollte hier dann auch ein Fahrzeug-Icon verwendet werden. Aktuell sieht es danach aus, als wären hier die material Icons benutzt worden. Können wir hierfür ein eigenes Icon-Set mit schönen, sauberen, modernen Icons verwendet? Die Status-Informationen sind zu "penetrant". Ich denke es reicht wenn hier ein hübsches Akku-Symbol mit Füllstandsanzeige, SoC-Wert und Restweite dargestellt wird. Den gewonnenen Platz können wir dann für Steuer-Short-Cuts verwenden. Licht, Ver-/Entriegeln, Klima. Dann ein Button "Standort abrufen", der führt auf seine Sub-Seite mit Karte und aktueller Position

erdbruegger added the

claude

label

2026-08-28 02:30:00 +02:00

claudecode added the

in-progress

label

2026-08-28 02:35:10 +02:00

claudecode referenced this issue from a commit

2026-08-28 02:57:38 +02:00

Eigenes Icon-Set, Akku-Widgets und geteilte Helfer

claudecode referenced this issue from a commit

2026-08-28 02:57:38 +02:00

release: Fahrzeug/Laden/Mehr statt Uebersicht/Steuerung/Mehr (Issues #2-#5)

claudecode commented

2026-08-28 03:01:52 +02:00

Collaborator

Umgesetzt und live (http://192.168.1.85/, Release v1.0.23) — Strg+F5 wegen Cache.

Umbenannt: „Übersicht" heißt jetzt Fahrzeug, in der Bottom-Nav und in der Überschrift.

Eigenes Icon-Set: die Material-Icons sind komplett raus, app-weit. Wir liefern jetzt einen eigenen Font assets/fonts/AiwaysIcons.ttf aus — eine Teilmenge von Lucide mit genau den 57 Symbolen, die die App benutzt (~22 KB). Der Weg dahin war ein Umweg, den ich kurz festhalte, damit ihn niemand nochmal geht:

phosphor_flutter lässt sich mit Flutter 3.47 nicht bauen — es leitet von IconData ab, das inzwischen final class ist. flutter analyze sieht das nicht, erst der Web-Build knallt.
lucide_icons_flutter baut, schleppt aber 3,2 MB Fonts in sieben Schnitten mit, von denen die App genau einen braucht.

Deshalb der Subset-Font: reproduzierbar über tool/build_icon_font.py, Herkunft und Lizenz in assets/fonts/LICENSE. Nebeneffekt: das Web-Bundle (ohne CanvasKit) schrumpft von 8,1 auf 4,9 MB.

Status entschlackt: die sechs Kacheln sind weg. Stattdessen ein gezeichnetes Akku-Symbol mit echter Füllstandsanzeige, daneben SoC groß und die Restweite. Tap führt weiter in den SoC-Verlauf. Die Detailwerte (Spannung, Strom, Gang, km-Stand …) sind nicht verloren — sie leben jetzt unter Mehr › Diagnose (Issue #5).

Shortcuts auf dem gewonnenen Platz: Licht, Ver-/Entriegeln, Klima.

„Standort abrufen" führt auf eine Karten-Unterseite (flutter_map, dunkle CARTO-Kacheln, damit die Karte nicht als heller Fremdkörper im Design sitzt), mit Marker, Koordinaten, Zeitstempel und Zentrieren-Knopf.

Zwei Annahmen, die dir vielleicht nicht passen:

Ver-/Entriegeln ist eine Kachel, kein Toggle. Die Telemetrie liefert den Sperrzustand nicht — ein Schalter würde also einen Zustand behaupten, den wir nicht kennen. Tap öffnet ein Sheet mit „Entriegeln" / „Verriegeln". Sobald der Zustand ankommt, mache ich einen echten Toggle draus.
Die Karte zeigt gerade den Leerzustand. /vehicles/1/latest liefert aktuell kein lat/lon. Die Seite ist fertig und rendert, sobald Positionsdaten reinkommen — nur sehen wirst du derzeit den Hinweistext.

Umgesetzt und live (**http://192.168.1.85/**, Release `v1.0.23`) — Strg+F5 wegen Cache. **Umbenannt:** „Übersicht" heißt jetzt **Fahrzeug**, in der Bottom-Nav und in der Überschrift. **Eigenes Icon-Set:** die Material-Icons sind komplett raus, app-weit. Wir liefern jetzt einen eigenen Font `assets/fonts/AiwaysIcons.ttf` aus — eine Teilmenge von [Lucide](https://lucide.dev) mit genau den 57 Symbolen, die die App benutzt (~22 KB). Der Weg dahin war ein Umweg, den ich kurz festhalte, damit ihn niemand nochmal geht: - `phosphor_flutter` **lässt sich mit Flutter 3.47 nicht bauen** — es leitet von `IconData` ab, das inzwischen `final class` ist. `flutter analyze` sieht das nicht, erst der Web-Build knallt. - `lucide_icons_flutter` baut, schleppt aber **3,2 MB Fonts** in sieben Schnitten mit, von denen die App genau einen braucht. Deshalb der Subset-Font: reproduzierbar über `tool/build_icon_font.py`, Herkunft und Lizenz in `assets/fonts/LICENSE`. Nebeneffekt: das Web-Bundle (ohne CanvasKit) schrumpft von 8,1 auf **4,9 MB**. **Status entschlackt:** die sechs Kacheln sind weg. Stattdessen ein gezeichnetes Akku-Symbol mit echter Füllstandsanzeige, daneben SoC groß und die Restweite. Tap führt weiter in den SoC-Verlauf. Die Detailwerte (Spannung, Strom, Gang, km-Stand …) sind nicht verloren — sie leben jetzt unter **Mehr › Diagnose** (Issue #5). **Shortcuts** auf dem gewonnenen Platz: Licht, Ver-/Entriegeln, Klima. **„Standort abrufen"** führt auf eine Karten-Unterseite (`flutter_map`, dunkle CARTO-Kacheln, damit die Karte nicht als heller Fremdkörper im Design sitzt), mit Marker, Koordinaten, Zeitstempel und Zentrieren-Knopf. **Zwei Annahmen, die dir vielleicht nicht passen:** 1. **Ver-/Entriegeln ist eine Kachel, kein Toggle.** Die Telemetrie liefert den Sperrzustand nicht — ein Schalter würde also einen Zustand behaupten, den wir nicht kennen. Tap öffnet ein Sheet mit „Entriegeln" / „Verriegeln". Sobald der Zustand ankommt, mache ich einen echten Toggle draus. 2. **Die Karte zeigt gerade den Leerzustand.** `/vehicles/1/latest` liefert aktuell kein `lat`/`lon`. Die Seite ist fertig und rendert, sobald Positionsdaten reinkommen — nur sehen wirst du derzeit den Hinweistext.

claudecode referenced this issue

2026-08-28 03:01:53 +02:00

Page: Steuerung #4

claudecode added

needs-review

and removed

in-progress

labels

2026-08-28 03:02:00 +02:00

erdbruegger closed this issue

2026-08-28 09:35:02 +02:00