Uebersicht: Ladestaende deutlicher, dunkle Bahn unter den Punkten weg

Die Fuellung war mit 14 Prozent Deckung kaum zu sehen; jetzt 22 Prozent,
beim Laden 32, dazu die Wasserlinie als eigene Kante. Ohne gemeldeten Stand
bleibt die Fuellung ganz weg - eine Wallbox ohne Auto zeigte sonst eine
Linie am unteren Rand. Das Bett ist nur noch eine duenne Linie und
verschwindet, sobald Punkte laufen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-16 10:01:17 +02:00
co-authored by Claude Opus 5
parent fe12e57d88
commit 357c73cf8a
2 changed files with 25 additions and 9 deletions
+9 -4
View File
@@ -366,10 +366,12 @@
const ri = r - 11;
fuellung = el("g", { class: "enf-fuellung", style: `--stand:0;--r:${ri}` }, clip);
const b = ri * 4;
el("path", {
class: "enf-welle",
d: `M${-b} 0 q${ri / 2} -9 ${ri} 0` + ` t${ri} 0`.repeat(7) + ` V${ri * 2} H${-b} Z`,
}, fuellung);
const bogen = `M${-b} 0 q${ri / 2} -9 ${ri} 0` + ` t${ri} 0`.repeat(7);
el("path", { class: "enf-welle", d: bogen + ` V${ri * 2} H${-b} Z` }, fuellung);
// Dieselbe Linie noch einmal als Kante: die Flaeche allein ist so
// blass, dass man den Ladestand suchen muss. Die Kante zeichnet die
// Wasserlinie scharf nach.
el("path", { class: "enf-welle-kante", d: bogen }, fuellung);
}
const symbol = el("g", {
@@ -525,6 +527,9 @@
const zu = z.zustand || {};
e.g.classList.toggle("enf-an", !!zu.an);
e.g.classList.toggle("enf-laden", !!zu.laden);
// Ohne gemeldeten Stand bleibt die Fuellung ganz weg: sonst stuende
// bei einer Wallbox ohne Auto eine Wasserlinie am unteren Rand.
e.g.classList.toggle("enf-stand", zu.stand !== undefined && isFinite(zu.stand));
if (zu.stand !== undefined && isFinite(zu.stand)) {
const s = Math.max(0, Math.min(1, zu.stand)).toFixed(3);
if (e.g.style.getPropertyValue("--stand") !== s) {