fix: Verhindere Wechsel zwischen aktivem und inaktivem Status bei leerem Slot

- Korrigiert die Bedingung für `kueOnline`, sodass nur aktive Slots den Alarmstatus überprüfen.
- Entfernt Mehrfachreferenzen von `kueOnline`, die den Status ungewollt überschrieben haben.
- Setzt ein bedingtes Update für `kueCableBreak`, `kueAlarm1`, und `kueAlarm2`, um unnötige Aktualisierungen zu vermeiden.
- Stellt sicher, dass der erste Slot als "Leer" angezeigt wird, wenn `kueOnline` auf `0` gesetzt ist.

pages/_app.js

@@ -8,7 +8,7 @@ function MyApp({ Component, pageProps }) {
   // Client-seitige Logik kann hier hinzugefügt werden
   useEffect(() => {
     if (typeof window !== "undefined") {
-      console.log("Client-side logic can run here.");
+      //console.log("Client-side logic can run here.");
     }
   }, []);
 

pages/dashboard.js

@@ -166,21 +166,28 @@ function Dashboard() {
         setError("Konnte die Variablen nicht laden: " + error.message);
       });
   }, []);
+  //---------------------------------------------------
   useEffect(() => {
     if (typeof window !== "undefined") {
       const updateData = () => {
         loadWindowVariables()
           .then(() => {
-            //console.log("Updating last20Messages:", window.last20Messages);
             setLast20Messages(parseMessages(window.last20Messages || ""));
             setIp(window.ip || "");
             setSubnet(window.subnet || "");
             setGateway(window.gateway || "");
             setAppVersion(window.appVersion || "");
 
+            // Prüfen, ob der Slot in kueOnline aktiv ist, bevor kueCableBreak gesetzt wird
             const cableBreakArray = Array.isArray(window.kueCableBreak)
-              ? window.kueCableBreak.map(Number)
-              : (window.kueCableBreak || "").split(",").map(Number);
+              ? window.kueCableBreak.map((value, index) =>
+                  window.kueOnline[index] === 1 ? Number(value) : 0
+                )
+              : (window.kueCableBreak || "")
+                  .split(",")
+                  .map((value, index) =>
+                    window.kueOnline[index] === 1 ? Number(value) : 0
+                  );
             setKueCableBreak(cableBreakArray);
 
             const onlineArray = Array.isArray(window.kueOnline)
@@ -202,11 +209,15 @@ function Dashboard() {
       return () => clearInterval(intervalId);
     }
   }, []);
+
+  //---------------------------------------------------
   const handleModuleClick = (rackNumber) => {
     // Navigiere zu /kabelueberwachung und übermittle den rackNumber als Parameter
     router.push(`/kabelueberwachung?rack=${rackNumber}`);
   };
 
+  // app/dashboard/page.jsx
+  // app/dashboard/page.jsx
   const renderBaugruppentraeger = () => {
     const baugruppen = [];
     const numBaugruppen = Math.ceil(kueOnline.length / 8);
@@ -219,27 +230,21 @@ function Dashboard() {
           <div className="flex gap-1">
             {slots.map((version, index) => {
               const slotNumber = i * 8 + index + 1;
+              const isSlotOnline = kueOnline[slotNumber - 1] === 1; // Prüfe, ob der Slot online ist
+
               const moduleVersion = window.kueVersion
                 ? window.kueVersion[slotNumber - 1]
                 : version;
 
-              const hasAlarm1 = kueAlarm1.includes(slotNumber);
-              const hasAlarm2 = kueAlarm2.includes(slotNumber);
-              const hasCableBreak = kueCableBreak.includes(slotNumber);
-              const alarmClass =
-                hasAlarm1 || hasAlarm2 || hasCableBreak
-                  ? "bg-red-500"
-                  : "bg-white";
-
               return (
                 <div
                   key={slotNumber}
-                  className={`cursor-pointer ${alarmClass}`} // Sicherstellen, dass cursor-pointer hier verwendet wird
-                  onClick={() => handleModuleClick(i + 1)} // Bei Klick navigieren
+                  className="cursor-pointer"
+                  onClick={() => handleModuleClick(i + 1)}
                 >
                   <KabelModulStatus
                     slot={slotNumber}
-                    isOnline={version !== 0} // Prüfen, ob ein Modul online ist
+                    isOnline={isSlotOnline} // Online-Status weitergeben
                     moduleVersion={moduleVersion}
                     kueCableBreak={kueCableBreak}
                   />
@@ -253,6 +258,7 @@ function Dashboard() {
 
     return baugruppen;
   };
+
   return (
     <div className="flex flex-col p-4">
       {/* Letzte Meldungen - Titel und Icon Bereich */}