Aussengelaende wird die vierte Etage AG

Was draussen haengt, stand als Pseudo-Raum "aussen" in automations.php:
"Geraete, die zu keinem Raum der Wohnung gehoeren - Carport, Garage,
Regensensor". Das waren inzwischen sechzehn Geraete in einem einzigen Topf,
der groesste ueberhaupt - in der Geraeteauswahl des Editors standen die fuenf
Carport-Wechselrichter, das Sonnensegel und das Garagentor unsortiert
nebeneinander.

Jetzt ist das Aussengelaende eine Etage wie OG, EG und UG, mit eigenen
Raeumen: Carport, Veranda, Pergola, Terrasse, Garage und Garten. Die Namen
stammen von den Geraeten selbst - die Hoymiles heissen seit jeher "Carport
1-6" und "Veranda OG2-4". Die achtzehn Geraete sind verteilt (die beiden
Ventilsteuerungen hatten noch gar keinen Raum und stehen jetzt im Garten,
zusammen mit dem Regensensor, der ihre Automatiken ausloest); "Ohne Raum"
faellt damit von acht auf sechs, und die sind es zu Recht.

AG ist eine Etage ohne Grundriss. Ihre Raeume haben kein x/y, es gibt ja
kein Bild, auf das eine Kachel zeigen koennte - ein Raum ohne Position war
schon immer vorgesehen. Das Menue und das SVG richten sich deshalb nach der
neuen floorsWithPlan(), die Zuordnung und die Automatiken nach $floors.
Bekommt der erste AG-Raum eine Kachel, erscheint die Etage von selbst auch
im Menue; es gibt keine zweite Liste, die man nachziehen muesste.

Die Etagen standen bisher an sechs Stellen noch einmal im Code. Jetzt gibt
es genau eine Liste, $floors in rooms.php, und alles andere leitet sich ab:

  * automations.php prueft gegen $floors statt gegen eine eigene Whitelist
  * ajax/AutoAction.php baut seine Etagen-Auswahl daraus
  * home.php baut Reiter und Inhaltsbereiche in einer Schleife statt
    dreimal fast dasselbe HTML
  * header.php baut die Menuepunkte daraus
  * switchTab() in homeMQTT.js liest die Reiter aus der Seite, statt OG, EG
    und UG sechsmal aufzuzaehlen
  * refreshAutomations() ebenso - eine feste Liste haette die vierte Etage
    still ausgelassen, die Tabelle waere ohne Fehlermeldung leer geblieben

Dazu die ausgeschriebenen Namen in $floorLabels: das Kuerzel steht in URLs,
SVG-Ids und im MQTT-Baum, "Aussengelaende" nur als Titel am Menuepunkt und
am Reiter.

In der Datenbank ist das Enum um 'AG' erweitert; header.php laedt rooms.php
jetzt selbst, weil es vor home.php eingebunden wird.

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

js/solar/autoActionFuncs.js

@@ -765,9 +765,17 @@ function automationRequest(action, body) {
     .catch(error => ({ error: error.message }));
 }
 
-/** Die Tabelle einer Etage neu holen. Ohne Etage alle drei. */
+/**
+ * Die Tabelle einer Etage neu holen. Ohne Etage alle, die es gibt.
+ *
+ * Welche das sind, sagen die Reiter - home.php baut sie aus der Raumtabelle.
+ * Eine feste Liste hier haette beim Aussengelaende still eine Etage
+ * ausgelassen: die Tabelle waere leer geblieben, ohne Fehlermeldung.
+ */
 function refreshAutomations(floor) {
-  const etagen = floor ? [floor] : ["UG", "EG", "OG"];
+  const etagen = floor ? [floor]
+    : Array.from(document.querySelectorAll("#actions-tabContent .tab-pane"))
+           .map(pane => pane.id.replace(/^actions-/, ""));
   etagen.forEach(etage => {
     const ziel = document.getElementById("actions-" + etage + "-list");
     if (!ziel) return;

js/solar/homeMQTT.js

@@ -134,20 +134,20 @@ function removeClass(el, classNameToRemove){
   el.className = elClass;
 }
 
+// Die Etagen stehen nicht mehr im Code: was es gibt, sagen die Reiter, die
+// home.php aus der Raumtabelle gebaut hat. Vorher standen OG, EG und UG hier
+// sechsmal, und eine vierte Etage haette sechs neue Zeilen gebraucht.
 function switchTab(newtab){
-  newContent = document.getElementById(newtab);
-  newTabBtn = document.getElementById(newtab+"-tab");
-  removeClass(document.getElementById("actions-OG-tab"),"active");
-  removeClass(document.getElementById("actions-EG-tab"),"active");
-  removeClass(document.getElementById("actions-UG-tab"),"active");
-
-  removeClass(document.getElementById("actions-OG"),"active show");
-  removeClass(document.getElementById("actions-EG"),"active show");
-  removeClass(document.getElementById("actions-UG"),"active show");
+  const newContent = document.getElementById(newtab);
+  const newTabBtn = document.getElementById(newtab+"-tab");
+  document.querySelectorAll("#actions-tab .nav-link").forEach(function(btn){
+    removeClass(btn,"active");
+  });
+  document.querySelectorAll("#actions-tabContent .tab-pane").forEach(function(pane){
+    removeClass(pane,"active show");
+  });
   addClass(newTabBtn,"active");
   addClass(newContent,"active show");
-
-
 }