-
@@ -751,23 +791,27 @@ function vStandort() {
-
${distanz}
${esc(CONFIG.fahrzeugtitel)}
-
${esc(adresseText)}
+
${distanz}
+
${esc(adresseText)}
${zustand.faehrt ? `Fahrzeug fährt`
- : zustand.parkplatz ? `Letzter Parkplatz · geparkt seit ${dauerSeitText(zustand.seitTs)}`
- : `Fahrzeug steht${zustand.seitTs != null ? " · seit " + dauerSeitText(zustand.seitTs) : ""}`}
+ : `${ciSVG(CI.parking)}${zustand.seitTs != null ? "Geparkt seit " + dauerSeitText(zustand.seitTs) : "Fahrzeug steht"}`}
-
Tankfüllstand${de(CAR.tankPct)} %
-
Restreichweite${CAR.reichweite != null ? de(CAR.reichweite) + " km" : "unbekannt"}
+ ${ciSVG(CI.fuelRange)}
+
${de(CAR.tankPct)} %
+
${CAR.reichweite != null ? de(CAR.reichweite) + " km" : "Reichweite unbekannt"}
`;
@@ -947,16 +991,6 @@ function vHome() {
Kilometerstand
${CAR.odoBekannt ? de(CAR.odo) : "–"}km
@@ -2439,7 +2473,9 @@ function vFill(id) {
/* ---------------------------------------------------------- Steuerung */
const ICONS = {
home: '
',
- audi: '
',
+ /* Wagen von vorn - dasselbe Symbol wie in der myAudi-App (Audi-Symbolsatz,
+ assets/icons/car.svg). Flaeche statt Kontur, deshalb die Klasse "voll". */
+ audi: '
',
trips: '
',
stat: '
',
fuel: '
',
@@ -2451,6 +2487,8 @@ const TABS = [
{ id: "stat", label: "Statistik", eyebrow: "", title: "Statistik" },
{ id: "fuel", label: "Tanken", eyebrow: "", title: "Tanken" },
];
+/* Symbole, die als Flaeche gezeichnet sind statt als Kontur */
+const ICONS_VOLL = new Set(["audi"]);
let route = { name: "home" };
const ZURUECK = {
trip: "trips", fill: "fuel", service: "audi", reifen: "audi", ident: "audi",
@@ -2512,6 +2550,14 @@ let letzteAnsicht = null;
let routeStack = [];
let navRichtung = null;
const istTab = (name) => TABS.some((t) => t.id === name);
+/* Zu welchem Tab gehoert eine Unterseite? Erst der tatsaechlich gelaufene Weg
+ (routeStack), sonst die ZURUECK-Tabelle. */
+function tabVon(name) {
+ if (routeStack.length && istTab(routeStack[0].name)) return routeStack[0].name;
+ let n = name, i = 0;
+ while (n && !istTab(n) && i++ < 8) n = ZURUECK[n];
+ return istTab(n) ? n : null;
+}
function render() {
if (!DATEN_GELADEN) return;
// Eine laufende Wischgeste bezieht sich auf Knoten, die render() gleich
@@ -2565,7 +2611,15 @@ function render() {
if (route.name === "standort") initStandortMap().catch(() => {});
if (TMAP) { TMAP.remove(); TMAP = null; TMAP_TILE = null; }
if (route.name === "home") initVorschauMap().catch(() => {});
- ROOT.querySelectorAll(".tab").forEach((el) => el.classList.toggle("on", el.dataset.tab === route.name));
+ /* Menueleiste wie in der myAudi-App: genau ein Eintrag traegt die gefuellte
+ Pille, und zwar auch dann, wenn eine Unterseite offen ist - die gehoert
+ zum Tab, aus dem sie aufgerufen wurde (ZURUECK zeigt darauf). */
+ const aktiverTab = istTab(route.name) ? route.name : tabVon(route.name);
+ ROOT.querySelectorAll(".tab").forEach((el) => {
+ const an = el.dataset.tab === aktiverTab;
+ el.classList.toggle("on", an);
+ el.setAttribute("aria-current", an ? "page" : "false");
+ });
}
const go = (name, id) => {
// Ein unbestätigter Servicebuch-Entwurf (siehe data-sbneu) verlässt die
@@ -2618,13 +2672,30 @@ function serviceRufen(dienst, daten) {
function ereignisseVerdrahten() {
ROOT.getElementById("tabbar").innerHTML = TABS.map((t) =>
- `