Schmales Leerzeichen vor Einheiten in Uebersicht, Anlage, Speicher, Ladefenster

Vor W, kW, kWh, V, mV, A, % und °C steht jetzt ueberall U+2009 wie in der
Uebersicht von Hand begonnen (65 Stellen, nur in Anzeigetexten; CSS-Werte
und freistehende Achseneinheiten bleiben). Dazu "Wirkungsgrad 96 %" mit
Leerzeichen und die Heizstab-Temperaturen mit " / " wie Sonne und Netz.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-15 21:08:14 +02:00
co-authored by Claude Opus 5
parent 1eeda335d1
commit 64f423da78
6 changed files with 55 additions and 55 deletions
+8 -8
View File
@@ -135,18 +135,18 @@
const zb = wurzel.querySelector(".lade-ziel");
zb.style.strokeDasharray = zielBogen + " 100";
zb.style.strokeDashoffset = -ist;
setze("soc", mitSoc ? Math.round(s.soc) + " %" : (Number(wurzel.dataset.akkuKwh) ? komma(Number(wurzel.dataset.akkuKwh)) + " kWh" : ""));
setze("ringUnten", s.modus === "plan" ? (mitSoc ? "Ziel " + s.ziel + " %" : "+ " + s.ziel + " %") : mitSoc ? "Ladestand" : "Akku");
setze("soc", mitSoc ? Math.round(s.soc) + "%" : (Number(wurzel.dataset.akkuKwh) ? komma(Number(wurzel.dataset.akkuKwh)) + "kWh" : ""));
setze("ringUnten", s.modus === "plan" ? (mitSoc ? "Ziel " + s.ziel + "%" : "+ " + s.ziel + "%") : mitSoc ? "Ladestand" : "Akku");
// Zustand
const zustand = laedt ? "lädt" : s.frc === 1 ? "gestoppt" : s.auto === "fertig" ? "beendet" : s.auto === "kein" ? "kein Auto" : "wartet";
$("leistung").innerHTML = komma(s.kw) + " kW<small>" + zustand + "</small>";
$("leistung").innerHTML = komma(s.kw) + "kW<small>" + zustand + "</small>";
const pille = $("stecker");
const pilleText = s.auto === "kein" ? "kein Auto" : s.auto === "laedt" ? "lädt" : s.auto === "fertig" ? "beendet" : s.auto ? "angesteckt" : "";
setze("stecker", pilleText);
pille.className = "lade-pille" + (s.auto && s.auto !== "kein" ? " an" : "");
const anteil = laedt && s.kw > 0 ? Math.max(0, Math.min(1, 1 - Math.max(0, s.netz) / (s.kw * 1000))) : null;
setze("quelle", anteil !== null ? Math.round(anteil * 100) + " % aus Sonnenstrom" : "");
setze("quelle", anteil !== null ? Math.round(anteil * 100) + "% aus Sonnenstrom" : "");
let fertig = "";
if (laedt && s.restMin > 0) fertig = "fertig " + inStunden(s.restMin / 60);
else if (s.modus === "plan") fertig = "Ziel bis " + naechstes(s.zeit);
@@ -168,9 +168,9 @@
// Erklärung
const kwMax = KW_JE_A[s.ampere] || (s.ampere ? s.ampere * 0.69 : 11);
let erkl = {
sofort: "Lädt mit bis zu " + komma(kwMax) + " kW reicht die Sonne nicht, kommt der Rest aus dem Netz.",
sofort: "Lädt mit bis zu " + komma(kwMax) + "kW reicht die Sonne nicht, kommt der Rest aus dem Netz.",
sonne: "Lädt nur mit Überschuss. Scheint zu wenig Sonne, pausiert die Ladung.",
plan: "Lädt bis " + naechstes(s.zeit) + (mitSoc ? " auf " + s.ziel + " %" : " " + s.ziel + " % nach") + " bevorzugt mit Sonnenstrom, nötigenfalls aus dem Netz.",
plan: "Lädt bis " + naechstes(s.zeit) + (mitSoc ? " auf " + s.ziel + "%" : " " + s.ziel + "% nach") + " bevorzugt mit Sonnenstrom, nötigenfalls aus dem Netz.",
}[s.modus] || "";
if (s.frc === 1) erkl = "Gestoppt: die Wallbox lädt erst wieder nach „Ladung freigeben“ dann entscheidet der Modus.";
if (s.frc === 2) erkl = "Lädt sofort, unabhängig vom Modus. „Zurück zur Automatik“ überlässt es wieder dem Modus.";
@@ -190,9 +190,9 @@
regler.style.setProperty("--ist", (mitSoc ? s.soc : 0) + "%");
regler.style.setProperty("--wert", wert + "%");
setze("zielTitel", mitSoc ? "Ladestand bei Abfahrt" : "Zusätzlich laden");
setze("markeMitte", mitSoc ? "jetzt " + Math.round(s.soc) + " %" : "");
setze("markeMitte", mitSoc ? "jetzt " + Math.round(s.soc) + "%" : "");
const plusWh = mitSoc ? Math.max(0, wert - s.soc) * whProProzent : wert * whProProzent;
$("zielAusgabe").innerHTML = wert + " %<small>" + (plusWh > 0 ? "+ " + komma(plusWh / 1000) + " kWh" : "schon erreicht") + "</small>";
$("zielAusgabe").innerHTML = wert + "%<small>" + (plusWh > 0 ? "+ " + komma(plusWh / 1000) + "kWh" : "schon erreicht") + "</small>";
setze("abfahrtAusgabe", naechstes(s.zeit));
let bekannt = false;
wurzel.querySelectorAll("[data-zeit]").forEach(c => {