Vollbildanzeige fuer den Raspberry Pi (800 x 480)

index.php?action=anzeige: Uebersicht, Anlage und Speicher ohne Kopf und
Seitenleiste, schmale Leiste links, immer quer. Nach zwei Minuten ohne
Beruehrung zurueck zur Uebersicht, MQTT verbindet still neu (Punkt in der
Leiste), alle sechs Stunden neu laden. Standard "ruhig" fuer den Pi 3B+
(nur Fluesse, grobe Stufen, kein Mauszeiger); &animation=1 und &maus=1.

Dafuer:
- Seitentabelle kennt "eigen" (Vorlage ist eine ganze Seite)
- Energiefluss: Optionen hochkantUnter und klickFilter; Anlage: hochkantUnter
- Bewaesserungszustand aus solarMQTT.js nach bewaesserungAnzeige.js, von
  Solar-Seite und Anzeige gemeinsam genutzt
- Speicher: "voll/leer" mit Tag ("morgen 21:52", "in 3 Tagen")

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

js/solar/energiefluss.js

@@ -8,6 +8,8 @@
        onKlick(knoten),          // Kreis mit klick-Ziel angetippt
        onVerschoben(id, x, y),   // nur beim Bearbeiten
        onGezeichnet(),           // nach jedem (Neu-)Zeichnen
+       klickFilter(knoten),      // optional: welche Kreise antippbar sind
+       hochkantUnter: 720,       // optional: px Breite, darunter hochkant (0 = nie)
      });
      bild.aktualisieren(mqttData);
 
@@ -220,8 +222,14 @@
       }
     }
 
+    /** Antippbar: hat ein Ziel, nicht im Bearbeiten, und opt.klickFilter lässt es zu. */
+    klickbar(k) {
+      return !!k.klick && !this.bearbeiten && (!this.opt.klickFilter || this.opt.klickFilter(k));
+    }
+
     hochkantGewuenscht() {
-      return !this.bearbeiten && this.behaelter.clientWidth > 0 && this.behaelter.clientWidth < HOCHKANT_UNTER;
+      const grenze = this.opt.hochkantUnter ?? HOCHKANT_UNTER;
+      return !this.bearbeiten && this.behaelter.clientWidth > 0 && this.behaelter.clientWidth < grenze;
     }
 
     /** Lage eines Kreises in der aktuellen Ansicht. */
@@ -280,7 +288,7 @@
       const r = this.radius(k);
       const id = "enf" + this.nummer + "-" + k.id;
       const g = el("g", {
-        class: "enf-knoten" + (k.aktiv ? "" : " enf-aus") + ((k.klick && !this.bearbeiten) ? " enf-klickbar" : ""),
+        class: "enf-knoten" + (k.aktiv ? "" : " enf-aus") + (this.klickbar(k) ? " enf-klickbar" : ""),
         transform: `translate(${x} ${y})`,
         style: `--farbe:${k.farbe};--verz:${k.tiefe * 110}ms`,
         "data-knoten": k.id,
@@ -319,7 +327,7 @@
 
       const zeichen = el("g", { class: "enf-zeichen" }, koerper);
 
-      if (k.klick && !this.bearbeiten) {
+      if (this.klickbar(k)) {
         const t = el("g", { class: "enf-tipp", transform: `translate(${r * 0.72} ${-r * 0.72})` }, koerper);
         el("circle", { r: 15 }, t);
         el("path", { d: "M-3.5-6l6 6-6 6" }, t);