fix: Darstellung der Isolationsanzeige angepasst

- ">200 MOhm" wird nun als neutraler Wert angezeigt und nicht in Rot, da es auf eine gute Kabelisolation hinweist.
- Rote Textfarbe bleibt auf Fehlerbeschränkungen wie Aderbruch, Erdschluss, Isolations- und Schleifenfehler begrenzt.
- Code-Bedingungen für die Prioritätsanzeige optimiert, um korrekte Farbzuordnung und Alarmauslösung sicherzustellen.

components/Header.jsx

@@ -3,7 +3,6 @@
 import React, { useEffect, useState } from "react";
 import Image from "next/image";
 import "bootstrap-icons/font/bootstrap-icons.css";
-//import { loadWindowVariables } from "../utils/loadWindowVariables";
 import SettingsModal from "./modales/SettingsModal";
 
 function Header() {
@@ -13,14 +12,17 @@ function Header() {
 
   // Flag außerhalb des State-Managements, um die Ausgabe nur einmal zu loggen
   let variablesLogged = false;
-
   useEffect(() => {
-    if (!variablesLogged) {
-      variablesLogged = true; // Setze das Flag, um das erneute Loggen zu verhindern
-    }
+    const interval = setInterval(() => {
+      if (localStorage.getItem("variablesLoaded") === "true") {
+        // Lade die Werte nur, wenn die Variablen tatsächlich geladen wurden
+        setStationsname(window.deviceName || "Unbekannt");
+        setCplStatus(window.hardware_version || "Unbekannt");
+        clearInterval(interval); // Beende das Intervall, sobald die Werte gesetzt sind
+      }
+    }, 500); // Prüfe das Flag alle 500 ms
 
-    setStationsname(window.deviceName || "Unbekannt");
-    setCplStatus(window.hardware_version || "Unbekannt");
+    return () => clearInterval(interval);
   }, []);
 
   const handleSettingsClick = () => setShowSettingsModal(true);

components/modales/KueModal.jsx

@@ -272,7 +272,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
           <thead className="bg-gray-100">
             <tr>
               <th className="p-2 border text-sm text-center">
-                Unterer Grenzwert (kOhm)
+                Grenzwert (kOhm)
               </th>
 
               <th className="p-2 border text-sm text-center">

components/modules/Kue705FO.jsx

@@ -28,6 +28,7 @@ function Kue705FO({
     useState("Schleifenfehler");
   const [isoFaultDisplayText, setIsoFaultDisplayText] =
     useState("Isolationsfehler");
+  const [isoGreaterThan200, setIsoGreaterThan200] = useState(">200 MOhm");
 
   const [loading, setLoading] = useState(false);
   const [currentDisplayValue, setCurrentDisplayValue] = useState(
@@ -320,122 +321,8 @@ function Kue705FO({
 
     return () => clearInterval(interval); // Bereinigung bei Entladen der Komponente
   }, [slotIndex]);
-
-  //-------------------------------------------------
-
-  // Intervall für den Wechsel der Anzeige zwischen "Aderbruch" und dem Icon
-  useEffect(() => {
-    if (window.kueCableBreak[slotIndex] === 1) {
-      const intervalId = setInterval(() => {
-        setIsoDisplayText((prevText) =>
-          prevText === "Aderbruch" ? (
-            <i
-              className="bi bi-exclamation-triangle"
-              style={{ fontSize: "24px" }}
-            ></i>
-          ) : (
-            "Aderbruch"
-          )
-        );
-      }, 2000); // Wechselt alle 2 Sekunden zwischen Text und Icon
-
-      // Setze den Isolationswert auf einen leeren String bei Aderbruch
-      setCurrentDisplayValue("");
-
-      return () => clearInterval(intervalId);
-    } else {
-      // Zeigt den tatsächlichen Isolationswert, wenn kein Aderbruch vorliegt
-      setCurrentDisplayValue(isolationswert || ">200");
-      setIsoDisplayText("");
-    }
-  }, [slotIndex, isolationswert]);
-
-  //-------------------------------------------------
-  // Intervall für den Wechsel der Anzeige zwischen "Erdschluss" und dem Icon
-  useEffect(() => {
-    if (window.kueGroundFault[slotIndex] === 1) {
-      const intervalId = setInterval(() => {
-        setGroundFaultDisplayText((prevText) =>
-          prevText === "Erdschluss" ? (
-            <i
-              className="bi bi-exclamation-triangle"
-              style={{ fontSize: "24px" }}
-            ></i>
-          ) : (
-            "Erdschluss"
-          )
-        );
-      }, 2000); // Wechselt alle 2 Sekunden zwischen Text und Icon
-
-      // Setze den Isolationswert auf einen leeren String bei Erdschluss
-      setCurrentDisplayValue("");
-
-      return () => clearInterval(intervalId);
-    } else {
-      // Zeigt den tatsächlichen Isolationswert, wenn kein Erdschluss vorliegt
-      setCurrentDisplayValue(isolationswert || ">200");
-      setGroundFaultDisplayText("");
-    }
-  }, [slotIndex, isolationswert]);
-
-  //-------------------------------------------------
-  // Intervall für den Wechsel der Anzeige zwischen "Schleifenfehler" und dem Icon
-  useEffect(() => {
-    if (window.kueAlarm2[slotIndex] === 1) {
-      const intervalId = setInterval(() => {
-        setLoopFaultDisplayText((prevText) =>
-          prevText === "Schleifenfehler" ? (
-            <i
-              className="bi bi-exclamation-triangle"
-              style={{ fontSize: "24px" }}
-            ></i>
-          ) : (
-            "Schleifenfehler"
-          )
-        );
-      }, 2000); // Wechselt alle 2 Sekunden zwischen Text und Icon
-
-      // Setze den schleifenwiderstand auf einen leeren String bei Alarm
-      setCurrentDisplayValue("");
-
-      return () => clearInterval(intervalId);
-    } else {
-      // Zeigt den tatsächlichen schleifenwiderstand, wenn kein Alarm vorliegt
-      setCurrentDisplayValue(schleifenwiderstand || "0");
-      setLoopFaultDisplayText("");
-    }
-  }, [slotIndex, schleifenwiderstand]);
-
   //------------------------------------------------
-  // Intervall für den Wechsel der Anzeige zwischen "Isolationsfehler" und dem Icon
-  useEffect(() => {
-    if (window.kueAlarm1[slotIndex] === 1) {
-      const intervalId = setInterval(() => {
-        setIsoFaultDisplayText((prevText) =>
-          prevText === "Isolationsfehler" ? (
-            <i
-              className="bi bi-exclamation-triangle"
-              style={{ fontSize: "24px" }}
-            ></i>
-          ) : (
-            "Isolationsfehler"
-          )
-        );
-      }, 2000); // Wechselt alle 2 Sekunden zwischen Text und Icon
 
-      // Setze den isolationswert auf einen leeren String bei Alarm
-      setCurrentDisplayValue("");
-
-      return () => clearInterval(intervalId);
-    } else {
-      // Zeigt den tatsächlichen isolationswert, wenn kein Alarm vorliegt
-      setCurrentDisplayValue(isolationswert || ">200");
-      setIsoFaultDisplayText("");
-    }
-  }, [slotIndex, isolationswert]);
-
-  //------------------------------------------------
-  // Dynamischer Abruf des kueVersion-Werts für jeden Slot
   // Dynamischer Abruf des kueVersion-Werts für jeden Slot in Intervallen
   useEffect(() => {
     const intervalId = setInterval(() => {
@@ -448,11 +335,90 @@ function Kue705FO({
     return () => clearInterval(intervalId);
   }, [slotIndex]);
 
+  //-------------------------------------------------
+  //-------------------------------------------------
+  // Priority: Aderbruch - Erdschluss - Isolationsfehler - Schleifenfehler - Overflow (>200 MOhm) - Messwert
+  // Prioritätsprüfung in updateDisplay
+  useEffect(() => {
+    const updateDisplay = () => {
+      console.log("Prüfen der window-Variablen:");
+      console.log("kueCableBreak:", window.kueCableBreak);
+      console.log("kueGroundFault:", window.kueGroundFault);
+      console.log("kueAlarm1:", window.kueAlarm1);
+      console.log("kueAlarm2:", window.kueAlarm2);
+      console.log("kueOverflow:", window.kueOverflow);
+
+      if (
+        !window.kueCableBreak ||
+        !window.kueGroundFault ||
+        !window.kueAlarm1 ||
+        !window.kueAlarm2 ||
+        !window.kueOverflow
+      ) {
+        console.log("Warten auf window Variablen...");
+        setTimeout(updateDisplay, 100);
+        return;
+      }
+
+      console.log(
+        "Alle window-Variablen sind verfügbar. Beginne mit den Prioritätsprüfungen..."
+      );
+
+      // Aderbruch
+      if (window.kueCableBreak[slotIndex] === 1) {
+        console.log("Aderbruch erkannt für Slot", slotIndex);
+        setCurrentDisplayValue(isoDisplayText);
+        return;
+      }
+      // Erdschluss
+      else if (window.kueGroundFault[slotIndex] === 1) {
+        console.log("Erdschluss erkannt für Slot", slotIndex);
+        setCurrentDisplayValue(groundFaultDisplayText);
+        return;
+      }
+      // Isolationsfehler
+      else if (window.kueAlarm1[slotIndex] === 1) {
+        console.log("Isolationsfehler erkannt für Slot", slotIndex);
+        setCurrentDisplayValue(isoFaultDisplayText);
+        return;
+      }
+      // Schleifenfehler
+      else if (window.kueAlarm2[slotIndex] === 1) {
+        console.log("Schleifenfehler erkannt für Slot", slotIndex);
+        setCurrentDisplayValue(loopFaultDisplayText);
+        return;
+      }
+      // Overflow (>200 MOhm)
+      else if (window.kueOverflow[slotIndex] === 1) {
+        console.log(
+          "Overflow erkannt für Slot",
+          slotIndex,
+          "- Anzeige: '>200'"
+        );
+        setCurrentDisplayValue(isoGreaterThan200);
+        return;
+      }
+      // Kein Fehler
+      else {
+        console.log(
+          "Kein Fehler erkannt, zeige Standardisolationswert an für Slot",
+          slotIndex
+        );
+        setCurrentDisplayValue(isolationswert); // Nur Isolationswert ohne ">200" als Fallback
+      }
+    };
+
+    updateDisplay(); // Initialer Aufruf
+    const interval = setInterval(updateDisplay, 5000); // Regelmäßige Überprüfung
+
+    return () => clearInterval(interval); // Bereinigung bei Entladen der Komponente
+  }, [slotIndex, isolationswert]);
+
   //-------------------------------------------------
 
   return (
     <div className="relative bg-gray-300 w-[116px] h-[390px] border border-gray-400 scale-110 top-3">
-      {isModulPresent ? (
+      {kueOnline === 1 ? (
         <>
           <div className="relative w-[113.202px] h-[242.492px] bg-littwin-blue border-[1.5px] border-gray-400 z-0">
             <div className="flex items-start justify-between h-[30px]">
@@ -493,7 +459,7 @@ function Kue705FO({
                 <span className="text-white text-[10px]">Alarm</span>
               </div>
             </div>
-            {/* Anzeige für Isolationsfehler, Aderbruch, Erdschluss oder Schleifenfehler */}
+            {/* Display für Isolationsfehler, Aderbruch, Erdschluss oder Schleifenfehler */}
             <div className="relative mt-[50px] mx-auto bg-black text-white w-[100px] h-[40px] flex items-center justify-center text-[18px] z-10">
               <div className="text-center">
                 <span
@@ -503,24 +469,19 @@ function Kue705FO({
                     window.kueAlarm1[slotIndex] === 1 ||
                     window.kueAlarm2[slotIndex] === 1
                       ? "text-red-500 text-[14px]" // Rot und kleinere Schrift für Alarme
+                      : window.kueOverflow[slotIndex] === 1 //Sehr hoher Isolationswiderstand , ein sehr gutes Kabel
+                      ? "text-white text-[14px]" // Neutrale Farbe für >200 MOhm-Anzeige
                       : ""
                   }
                 >
-                  {/* Zeigt den entsprechenden Fehler oder den Isolationswert */}
-                  {window.kueCableBreak[slotIndex] === 1
-                    ? isoDisplayText // Aderbruch-Anzeige
-                    : window.kueGroundFault[slotIndex] === 1
-                    ? groundFaultDisplayText // Erdschluss-Anzeige
-                    : window.kueAlarm1[slotIndex] === 1
-                    ? isoFaultDisplayText // Isolationsfehler-Anzeige mit Icon
-                    : window.kueAlarm2[slotIndex] === 1
-                    ? loopFaultDisplayText // Schleifenfehler-Anzeige mit Icon
-                    : isolationswert || ">200"}{" "}
+                  {currentDisplayValue}
                 </span>
+
                 {window.kueCableBreak[slotIndex] !== 1 &&
                   window.kueGroundFault[slotIndex] !== 1 &&
                   window.kueAlarm1[slotIndex] !== 1 &&
-                  window.kueAlarm2[slotIndex] !== 1 && (
+                  window.kueAlarm2[slotIndex] !== 1 &&
+                  window.kueOverflow[slotIndex] !== 1 && (
                     <div className="text-[8px]">ISO MOhm</div>
                   )}
               </div>
@@ -537,6 +498,7 @@ function Kue705FO({
               {kueVersion}
             </div>
           </div>
+
           {/* loopDisplay: Zeigt Schleifenwiderstand oder TDR-Distanz an, je nach Modus */}
           <div className="absolute bottom-1 left-[1.095px] w-[113.182px] h-[130px] bg-gray-300 border-[1.5px] border-gray-400 p-1">
             <span className="text-black text-[7px] absolute top-[2px] left-1 mt-1">