+
+
+
+
+
+
+ ${e(stage)} · Tag ${day}
+
+
+ ${e(cultivar)}${breeder ? ` · ${e(breeder)}` : ""}${container ? ` · ${e(container)}` : ""}${substrate ? ` (${e(substrate)})` : ""}
+
+ ${(plan.length ? plan : stages).map((stg) => {
+ const isCurrent = stg.toLowerCase() === stage.toLowerCase();
+ const isPast = recorded.has(stg.toLowerCase());
+ const cls = isCurrent ? "active" : isPast ? "done" : "future";
+ return `
+
+
+
+ ${e(stg)}
+
`;
+ }).join("")}
+
+
+
+
+
+
+
+ ${e(moistureLive.value)}
+ ${Number.isFinite(moistureVal) ? this._renderRangeBar(moistureVal, 20, 80, 45, 65, "%") : `${moistureLive.value !== "–" ? e(moistureLive.value) : "Kein Sensor zugeordnet"}
`}
+
+
+
+
+ ${e(tempLive.value)}
+ ${Number.isFinite(tempVal) ? this._renderRangeBar(tempVal, 15, 32, 20, 26, "°C") : `${tempLive.value !== "–" ? e(tempLive.value) : "Kein Sensor zugeordnet"}
`}
+
+
+
+
+ ${e(ecLive.value)}
+ ${Number.isFinite(ecVal) ? this._renderRangeBar(ecVal, 0.0, 2.4, 0.8, 1.4, " mS") : `${ecLive.value !== "–" ? e(ecLive.value) : "Kein Sensor zugeordnet"}
`}
+
+
+
+
+
+ ${t("tent")}
${t("activePlants")} · 18/6
${t("prototype")}
${l}${v}
`).join("")}
+
`;
+ }
+
+ function renderStatusBadge(value, targetLow, targetHigh, targetText) {
+ let status = "good";
+ let label = targetText || "Optimal";
+ if (value < targetLow) {
+ status = "warn";
+ label = "Niedrig";
+ } else if (value > targetHigh) {
+ status = "warn";
+ label = "Erhöht";
+ }
+ return `${label}`;
+ }
+
+ function sensorRibbon() {
+ const cards = [
+ {
+ icon: "temp",
+ label: t("temperature"),
+ val: "26,9 °C",
+ numeric: 26.9,
+ min: 18,
+ max: 34,
+ targetLow: 24,
+ targetHigh: 28,
+ unit: "°C",
+ badge: "Optimal",
+ sub: "Min 22,4 °C · Max 27,2 °C"
+ },
+ {
+ icon: "drop",
+ label: t("humidity"),
+ val: "69,5 %",
+ numeric: 69.5,
+ min: 40,
+ max: 90,
+ targetLow: 65,
+ targetHigh: 75,
+ unit: "%",
+ badge: "Sämling · Ideal",
+ sub: "Min 61,0 % · Max 72,0 %"
+ },
+ {
+ icon: "eye",
+ label: "VPD (Dampfdruck)",
+ val: "0,94 kPa",
+ numeric: 0.94,
+ min: 0.4,
+ max: 1.8,
+ targetLow: 0.8,
+ targetHigh: 1.1,
+ unit: " kPa",
+ badge: "Ideal",
+ sub: "Ideale Transpiration"
+ },
+ {
+ icon: "sun",
+ label: "Licht & DLI",
+ val: "56,5 klx",
+ numeric: 56.5,
+ min: 0,
+ max: 80,
+ targetLow: 40,
+ targetHigh: 65,
+ unit: " klx",
+ badge: "18/6h An",
+ sub: "DLI 37,6 mol/m²d · 78%"
+ },
+ {
+ icon: "chart",
+ label: t("energy") + " & Last",
+ val: "497,8 kWh",
+ numeric: 280,
+ min: 0,
+ max: 400,
+ targetLow: 200,
+ targetHigh: 320,
+ unit: " W",
+ badge: "Live",
+ sub: "280 W Gesamtlast (~0,84 €/d)"
+ }
+ ];
+
+ return `
+
+
+
+
+
+
+ ${min}${unit}
+ Ziel ${targetLow}–${targetHigh}${unit}
+ ${max}${unit}
+
+
+
+ `).join("")}
+
+ ${c.label}
+
+ ${c.val}
+ ${renderRangeBar(c.numeric, c.min, c.max, c.targetLow, c.targetHigh, c.unit)}
+ ${c.sub}
+ ${["seedling","vegetative","flowering","harvested"].map((k,i)=>`${t(k)}`).join("")}
`}
- function focusCard(p){return `${t(p.stage)} · ${t("day")} ${p.day}
${p.name}
${p.breeder}
${t("moisture")}${p.moisture}${t("harvestWindow")}${harvestWindow(p)}${t("next")}${t("plantToday")}
${stageTrack()}
+
+
+
+ 
+ ${p.breeder}
+
+
+
+
+ ${stageLabel} · ${t("day")} ${day}
+
+ ${p.name}
+${p.breeder} · ${p.genetics || "Autoflower"} · ${p.container || "11L Topf"}
+ 📅 Erntefenster:${harvestWindow(p)}(in ~${p.harvestDaysLeft || 65} T.) +
+ ${stages.map(s => `
+
+
+
+
+ ${s.label}
+
+ `).join("")}
+
+
+
+
+
+
+ ${t("moisture")}
+
+ ${moistureVal} %
+ ${renderRangeBar(moistureVal, 20, 80, 45, 65, "%")}
+
+
+
+ Substrat-Temp
+
+ ${tempVal.toFixed(1).replace(".", ",")} °C
+ ${renderRangeBar(tempVal, 15, 32, 20, 26, "°C")}
+
+
+
+ Leitfähigkeit (EC)
+
+ ${ecVal.toFixed(1).replace(".", ",")} mS/cm
+ ${renderRangeBar(ecVal, 0.0, 2.4, 0.8, 1.4, " mS")}
+
+ 💧 ${p.lastWatering || "Vor 18 Std. gegossen (350 ml)"}
+
+
+
+
+
+ ${sideNav()}${pageHeader()}${sensorRibbon()}${Object.values(plants).map(focusCard).join("")} ${todayPanel()}
${mobileNav()}${sideNav()}${pageHeader()}${sensorRibbon()}${Object.values(plants).map(focusCard).join("")}
${mobileNav()}- ${t("stage")}
- ${t(p.stage)} · ${t("day")} ${p.day}
- ${t("planted")}
- 20.08.2026
- ${t("harvestWindow")}
- ${harvestWindow(p)}
- ${t("schedule")}
- 18/6
- ${t("moisture")}
- ${p.moisture}
- ${t("conductivity")}
- ${p.conductivity}
${icon("leaf")}PlantRun
${headerControls()}${t("selectedPlant")}
${p.name}
${p.breeder} · ${t("prototype")}
${t(p.stage)} · ${t("day")} ${p.day}
${p.name}
${t("harvestWindow")}: ${harvestWindow(p)}
${stageTrack()}