Kacheln zeigen frei gewaehlte Messwerte, Heizung nur wo eine haengt

Drei Sachen an den Kacheln und am Raum-Modal.

Die Platzhalter sind nur noch Striche. Vorher stand dort "---- hPa",
gefuellt wurde die Zeile aber mit der Solltemperatur - eine Einheit, die
nie kam, an einer Stelle, die etwas anderes zeigt.

Der Heizungs-Reiter erscheint nur noch, wo auch ein Thermostat haengt.
Frueher entschied das "hat der Raum eine Kachel" - das stimmte, solange
nur Raeume mit Thermostat eine bekamen. Seit auch Kueche und Technik eine
haben, bekamen sie einen Regler fuer eine Heizung, die es dort nicht gibt.
Jetzt zaehlt, ob im Raum ein Geraet der Bedienform "heizung" steht.

Und eine Kachel zeigt jetzt ein bis drei frei gewaehlte Messwerte. In
restricted/rooms.php steht je Raum unter "werte", welche das sind: topic,
optional pfad (Schluessel in einer JSON-Nachricht), einheit, stellen. Ohne
Angabe bleibt es bei den drei Thermostatwerten samt Heizsymbol, also genau
wie bisher - nur diese Raeume zeichnen die Symbole ueberhaupt noch.

Alles kommt live ueber MQTT, auch die beiden Shelly-Zaehler: sie schicken
ihre sechzehn Werte als eine JSON-Nachricht auf Power_EG/status/em:0, aus
der "pfad" den gesuchten Schluessel greift. Der Browser meldet nicht mehr
fest "Raumtemp/#" an, sondern die Zweige, die die Raumtabelle nennt -
derzeit vier statt vierzig einzelner Topics.

Damit steht auf EG Technik die Leistung (gemessen 293 W), auf UG Technik
Leistung und Wasserzaehler (78 W, 400,4 m3). Raeume ohne Messwert tragen
ihren Namen und oeffnen den Raum; ein leeres Rechteck saehe aus wie ein
Fehler.

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

restricted/home.php

@@ -107,15 +107,36 @@
                     </g>
 <?php foreach ($floors as $floor): ?>
                     <g id="<?= $floor ?>_Info" <?php if ($floor != "OG") echo 'opacity="0" '; ?><?php if($_GET["floor"] != $floor){echo "display='none'";} ?> >
-<?php   foreach (roomsOnFloor($floor) as $room): ?>
+<?php   foreach (array_map("mitWerten", roomsOnFloor($floor)) as $room): ?>
+<?php
+      /*
+       * Grundlinien je nach Anzahl der Werte. Die Kachel ist 19 hoch; mit
+       * drei Werten sind es dieselben Zeilen wie eh und je (klein, gross,
+       * klein), mit weniger ruecken sie in die Mitte.
+       */
+      $zeilen = [1 => [12], 2 => [9, 16], 3 => [5, 11.5, 16.5]];
+      $y = $zeilen[count($room["werte"])] ?? [];
+?>
                       <g transform="translate(<?= $room["x"] ?>,<?= $room["y"] ?>)" onclick="openHeaterSettings('<?= $floor ?>_<?= $room["mqtt"] ?>');" cursor="pointer">
                         <rect width="24" height="19" rx="5" fill="#0006" />
+<?php     if ($room["heizung"]): ?>
                         <use id="<?= $floor ?>_<?= $room["id"] ?>_heater" href="#heater" display="none" />
                         <use id="<?= $floor ?>_<?= $room["id"] ?>_buffer" href="#buffer" display="none" />
+<?php     endif; ?>
                         <text fill="#fff" style="font: 4px sans-serif;">
-                          <tspan id="<?= $floor ?>_pres_<?= $room["id"] ?>" y="5" x="12" text-anchor="middle">---- hPa</tspan>
-                          <tspan id="<?= $floor ?>_tmp_<?= $room["id"] ?>" x="12" dy="1em" font-size="1.6em" text-anchor="middle">--,- °C</tspan>
-                          <tspan id="<?= $floor ?>_hum_<?= $room["id"] ?>" x="12" dy="1.2em" text-anchor="middle">-- %rF</tspan>
+<?php     if (!$room["werte"]): ?>
+                          <!-- Kein Messwert: die Kachel traegt ihren Namen und
+                               oeffnet den Raum. Ein leeres Rechteck saehe aus
+                               wie ein Fehler. -->
+                          <tspan x="12" y="11.5" font-size="1.2em" text-anchor="middle"><?= htmlspecialchars($room["mqtt"]) ?></tspan>
+<?php     endif; ?>
+<?php     foreach ($room["werte"] as $i => $wert): ?>
+                          <!-- Der Platzhalter ist nur ein Strich: bevor der
+                               erste Wert da ist, soll hier keine Einheit
+                               stehen, die vielleicht gar nicht passt. -->
+                          <tspan id="<?= $floor ?>_w<?= $i ?>_<?= $room["id"] ?>" x="12" y="<?= $y[$i] ?>"
+                                 <?= empty($wert["gross"]) ? "" : 'font-size="1.6em"' ?> text-anchor="middle">&ndash;</tspan>
+<?php     endforeach; ?>
                         </text>
                       </g>
 <?php   endforeach; ?>
@@ -198,8 +219,11 @@
 
 <script>
   // Raumtabelle aus restricted/rooms.php - homeMQTT.js aktualisiert darueber
-  // die SVG-Kacheln, ohne die Raeume noch einmal aufzufuehren.
-  const homeRooms = <?= json_encode(roomsWithTile()) ?>;
+  // die SVG-Kacheln, ohne die Raeume noch einmal aufzufuehren. In "werte"
+  // steht, welche Messwerte eine Kachel zeigt; homeTopics sind die Zweige,
+  // die der Browser dafuer beim Broker anmelden muss.
+  const homeRooms = <?= json_encode(roomsWithTile(), JSON_UNESCAPED_UNICODE) ?>;
+  const homeTopics = <?= json_encode(tileTopics(), JSON_UNESCAPED_UNICODE) ?>;
 <?php if ($_GET["floor"] != "OG" && in_array($_GET["floor"], $floors)): ?>
   document.addEventListener('readystatechange', function () {
     if (event.target.readyState === 'complete') {