kueConfig.js und kueDetailTdr.js löschen und die Variable in kueData.js einfügen

components/Header.jsx

@@ -1,4 +1,5 @@
-"use client"; // components/Header.jsx
+// components/Header.jsx
+"use client";
 import React, { useEffect, useState } from "react";
 import Image from "next/image";
 import "bootstrap-icons/font/bootstrap-icons.css";
@@ -6,72 +7,68 @@ import { loadWindowVariables } from "../utils/loadWindowVariables";
 import SettingsModal from "./modales/SettingsModal";
 
 function Header() {
-  const [isClient, setIsClient] = useState(false);
   const [stationsname, setStationsname] = useState("Lädt...");
   const [cplStatus, setCplStatus] = useState("Lädt...");
   const [showSettingsModal, setShowSettingsModal] = useState(false);
-  const [logOnce, setLogOnce] = useState(false);
+
+  // Flag außerhalb des State-Managements, um die Ausgabe nur einmal zu loggen
+  let variablesLogged = false;
 
   useEffect(() => {
-    setIsClient(true);
+    loadWindowVariables()
-  }, []);
+      .then(() => {
-
+        if (!variablesLogged) {
-  const handleSettingsClick = () => {
+          console.log("Geladene Systemvariablen:", {
-    setShowSettingsModal(true);
+            deviceName: window.deviceName,
-  };
+            ip: window.ip,
-
+            mac1: window.mac1,
-  const handleCloseSettingsModal = () => {
+            mac2: window.mac2,
-    setShowSettingsModal(false);
+            subnet: window.subnet,
-  };
+            gateway: window.gateway,
-
+            datetime: window.datetime,
-  const handleLogout = () => {
+            kueOnline: window.kueOnline,
-    window.location.href = "/offline.html";
+            kueIso: window.kueIso,
-  };
+            kueValid: window.kueValid,
-
+            kueAlarm1: window.kueAlarm1,
-  useEffect(() => {
+            kueAlarm2: window.kueAlarm2,
-    if (isClient && !logOnce) {
+            kueRes: window.kueRes,
-      const environment = process.env.NEXT_PUBLIC_NODE_ENV || "production";
+            kueCableBreak: window.kueCableBreak,
-      const script = document.createElement("script");
+            kueGroundFault: window.kueGroundFault,
-
+            kueLimit1: window.kueLimit1,
-      // Laden von nur System.js abhängig von der Umgebung
+            kueLimit2Low: window.kueLimit2Low,
-      script.src =
+            kueLimit2High: window.kueLimit2High,
-        environment === "production"
+            kueDelay1: window.kueDelay1,
-          ? `/CPL?/CPL/SERVICE/System.js`
+            kueLoopInterval: window.kueLoopInterval,
-          : `/CPLmockData/SERVICE/System.js`;
+            kueID: window.kueID,
-
+            kueName: window.kueName,
-      script.async = true;
+            kueVersion: window.kueVersion,
-      script.onload = () => {
+            kueOverflow: window.kueOverflow,
-        // console.log(`System.js wurde erfolgreich geladen.`);
+            kue100V: window.kue100V,
-
+            kueResidence: window.kueResidence,
-        // Systemvariablen überprüfen und zuweisen
+            kueBooting: window.kueBooting,
-        if (window.deviceName) {
+            tdrAtten: window.tdrAtten,
-          setStationsname(window.deviceName || "Unbekannt");
+            tdrPulse: window.tdrPulse,
-          setCplStatus(window.hardware_version || "Unbekannt");
+            tdrSpeed: window.tdrSpeed,
-        } else {
+            tdrAmp: window.tdrAmp,
-          console.error("Systemvariablen sind nicht vollständig verfügbar.");
+            tdrTrigger: window.tdrTrigger,
+            tdrLocation: window.tdrLocation,
+            tdrActive: window.tdrActive,
+            tdrLast: window.tdrLast,
+          });
+          variablesLogged = true; // Setze das Flag, um das erneute Loggen zu verhindern
         }
 
-        console.log(" Header Systemvariablen geladen:", {
+        setStationsname(window.deviceName || "Unbekannt");
-          deviceName: window.deviceName,
+        setCplStatus(window.hardware_version || "Unbekannt");
-          ip: window.ip,
+      })
-          mac1: window.mac1,
+      .catch((error) => {
-          mac2: window.mac2,
+        console.error("Fehler beim Laden der Variablen:", error);
-          subnet: window.subnet,
+      });
-          gateway: window.gateway,
+  }, []);
-          datetime: window.datetime,
-        });
 
-        setLogOnce(true);
+  const handleSettingsClick = () => setShowSettingsModal(true);
-      };
+  const handleCloseSettingsModal = () => setShowSettingsModal(false);
-
+  const handleLogout = () => (window.location.href = "/offline.html");
-      script.onerror = (error) =>
-        console.error("Fehler beim Laden von System.js:", error);
-
-      document.head.appendChild(script);
-    }
-  }, [isClient, logOnce]);
-
-  if (!isClient) return null;
 
   return (
     <header className="bg-gray-300 flex justify-between items-center w-full h-28 relative text-black">
@@ -105,7 +102,7 @@ function Header() {
         <div className="flex items-center justify-end w-full">
           <button
             onClick={handleLogout}
-            className="text bg-littwin-blue text-white px-4 py-2 rounded"
+            className="bg-littwin-blue text-white px-4 py-2 rounded"
           >
             Abmelden
           </button>

public/CPL/SERVICE/kueConfig.js

@@ -1,4 +0,0 @@
-var kueOnline=[<%=KSO80%>,<%=KSO81%>,<%=KSO82%>,<%=KSO83%>];
-var kueID=[<%=KSI80%>,<%=KSI81%>,<%=KSI82%>,<%=KSI83%>];
-var kueName=[<%=KSA80%>,<%=KSA81%>,<%=KSA82%>,<%=KSA83%>];
-var kueIso=[<%=KIM80%>,<%=KIM81%>,<%=KIM82%>,<%=KIM83%>];

public/CPL/SERVICE/kueData.js

@@ -19,7 +19,15 @@ var kueOverflow=[<%=KIW80%>,<%=KIW81%>,<%=KIW82%>,<%=KIW83%>];
 var kue100V=[<%=KSS80%>,<%=KSS81%>,<%=KSS82%>,<%=KSS83%>];
 var kueResidence=[<%=KSN80%>,<%=KSN81%>,<%=KSN82%>,<%=KSN83%>];
 var kueBooting=[<%=KSB80%>,<%=KSB81%>,<%=KSB82%>,<%=KSB83%>];
-
+//TDR----------------------------
+var tdrAtten=[<%=KTD80%>,<%=KTD81%>,<%=KTD82%>,<%=KTD83%>];
+var tdrPulse=[<%=KTP80%>,<%=KTP81%>,<%=KTP82%>,<%=KTP83%>];
+var tdrSpeed=[<%=KTS80%>,<%=KTS81%>,<%=KTS82%>,<%=KTS83%>];
+var tdrAmp=[<%=KTA80%>,<%=KTA81%>,<%=KTA82%>,<%=KTA83%>];
+var tdrTrigger=[<%=KTE80%>,<%=KTE81%>,<%=KTE82%>,<%=KTE83%>];
+var tdrLocation=[<%=KTF80%>,<%=KTF81%>,<%=KTF82%>,<%=KTF83%>];
+var tdrActive=[<%=KTX80%>,<%=KTX81%>,<%=KTX82%>,<%=KTX83%>];
+var tdrLast=[<%=KTL80%>,<%=KTL81%>,<%=KTL82%>,<%=KTL83%>];
 
 
 

public/CPL/SERVICE/kueDetailTdr.js

@@ -1,17 +0,0 @@
-var kueOnline=[<%=KSO80%>,<%=KSO81%>,<%=KSO82%>,<%=KSO83%>];
-var kueValid=[<%=KIV80%>,<%=KIV81%>,<%=KIV82%>,<%=KIV83%>];
-
-
-var kueID=[<%=KSI80%>,<%=KSI81%>,<%=KSI82%>,<%=KSI83%>];
-var kueName=[<%=KSA80%>,<%=KSA81%>,<%=KSA82%>,<%=KSA83%>];
-var kueVersion=[<%=KSV80%>,<%=KSV81%>,<%=KSV82%>,<%=KSV83%>];
-
-
-var tdrAtten=[<%=KTD80%>,<%=KTD81%>,<%=KTD82%>,<%=KTD83%>];
-var tdrPulse=[<%=KTP80%>,<%=KTP81%>,<%=KTP82%>,<%=KTP83%>];
-var tdrSpeed=[<%=KTS80%>,<%=KTS81%>,<%=KTS82%>,<%=KTS83%>];
-var tdrAmp=[<%=KTA80%>,<%=KTA81%>,<%=KTA82%>,<%=KTA83%>];
-var tdrTrigger=[<%=KTE80%>,<%=KTE81%>,<%=KTE82%>,<%=KTE83%>];
-var tdrLocation=[<%=KTF80%>,<%=KTF81%>,<%=KTF82%>,<%=KTF83%>];
-var tdrActive=[<%=KTX80%>,<%=KTX81%>,<%=KTX82%>,<%=KTX83%>];
-var tdrLast=[<%=KTL80%>,<%=KTL81%>,<%=KTL82%>,<%=KTL83%>];

public/CPLmockData/SERVICE/kueConfig.js

@@ -1,77 +0,0 @@
-var kueOnline = [
-  0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
-  1, 1, 1, 1, 1, 1,
-];
-var kueID = [
-  "FTZ_2",
-  "B23",
-  "Kabel 3",
-  "Kabel 4",
-  "Kabel 5",
-  "Kabel 6",
-  "FTZ4562",
-  "Kabel 8",
-  "12344",
-  "Kabel 10",
-  "Kabel 11",
-  "Kabel 12",
-  "Kabel 13",
-  "Kabel 14",
-  "Kabel 15",
-  "H56-77",
-  "Kabel 17",
-  "Kabel 18",
-  "Kabel 19",
-  "Kabel 20",
-  "Kabel 21",
-  "Kabel 22",
-  "Kabel 23",
-  "Kabel 24",
-  "Kabel 25",
-  "Kabel 26",
-  "Kabel 27",
-  "Kabel 28",
-  "Kabel 29",
-  "Kabel 30",
-  "Kabel 31",
-  "Kabel 32",
-];
-var kueName = [
-  "Kabel_2",
-  "Petersfehn",
-  "Kabel 3",
-  "Kabel 4",
-  "Kabel 5",
-  "Kabel 6",
-  "Melanie",
-  "Kabel 8",
-  "Merle",
-  "Kabel 10",
-  "Kabel 11",
-  "Kabel 12",
-  "Kabel 13",
-  "Kabel 14",
-  "Kabel 15",
-  "Daniela",
-  "Kabel 17",
-  "Kabel 18",
-  "Kabel 19",
-  "Kabel 20",
-  "Kabel 21",
-  "Kabel 22",
-  "Kabel 23",
-  "Kabel 24",
-  "Kabel 25",
-  "Kabel 26",
-  "Kabel 27",
-  "Kabel 28",
-  "Kabel 29",
-  "Kabel 30",
-  "Kabel 31",
-  "Kabel 32",
-];
-var kueIso = [
-  10.0, 10.0, 10.0, 10.0, 10.0, 10.0, 10.0, 10.0, 10.5, 10.0, 10.0, 10.0, 10.0,
-  10.0, 10.0, 10.0, 10.0, 10.0, 10.0, 10.0, 10.5, 10.0, 10.0, 10.0, 10.0, 10.0,
-  10.5, 10.0, 200.0, 200.0, 200.0, 200.0,
-];

public/CPLmockData/SERVICE/kueData.js

@@ -145,3 +145,68 @@ var kueBooting = [
   0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
   0, 0, 0, 0, 0, 0,
 ];
+//TDR---------------------------------------------------
+var tdrAtten = [
+  2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0,
+  2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0,
+  2.0, 2.0,
+];
+var tdrPulse = [
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
+];
+var tdrSpeed = [
+  100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,
+  100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,
+  100, 100,
+];
+var tdrAmp = [
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
+];
+var tdrTrigger = [
+  80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80,
+  80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80,
+];
+var tdrLocation = [
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
+];
+var tdrActive = [
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
+];
+var tdrLast = [
+  "2024-10-17 07:51:54:000",
+  "2024-09-30 08:38:50:000",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "2024-09-30 08:36:43:000",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+  "?",
+];

public/CPLmockData/SERVICE/kueDetailTdr.js

@@ -1,147 +0,0 @@
-/* var kueOnline = [
-  0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
-  1, 1, 1, 1, 1, 1,
-]; */
-/* var kueValid = [
-  1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
-  1, 1, 1, 1, 1, 1,
-]; */
-
-/* var kueID = [
-  "FTZ_2",
-  "B23",
-  "Kabel 3",
-  "Kabel 4",
-  "Kabel 5",
-  "Kabel 6",
-  "FTZ4562",
-  "Kabel 8",
-  "12344",
-  "Kabel 10",
-  "Kabel 11",
-  "Kabel 12",
-  "Kabel 13",
-  "Kabel 14",
-  "Kabel 15",
-  "H56-77",
-  "Kabel 17",
-  "Kabel 18",
-  "Kabel 19",
-  "Kabel 20",
-  "Kabel 21",
-  "Kabel 22",
-  "Kabel 23",
-  "Kabel 24",
-  "Kabel 25",
-  "Kabel 26",
-  "Kabel 27",
-  "Kabel 28",
-  "Kabel 29",
-  "Kabel 30",
-  "Kabel 31",
-  "Kabel 32",
-];
-var kueName = [
-  "Kabel_2",
-  "Petersfehn",
-  "Kabel 3",
-  "Kabel 4",
-  "Kabel 5",
-  "Kabel 6",
-  "Melanie",
-  "Kabel 8",
-  "Merle",
-  "Kabel 10",
-  "Kabel 11",
-  "Kabel 12",
-  "Kabel 13",
-  "Kabel 14",
-  "Kabel 15",
-  "Daniela",
-  "Kabel 17",
-  "Kabel 18",
-  "Kabel 19",
-  "Kabel 20",
-  "Kabel 21",
-  "Kabel 22",
-  "Kabel 23",
-  "Kabel 24",
-  "Kabel 25",
-  "Kabel 26",
-  "Kabel 27",
-  "Kabel 28",
-  "Kabel 29",
-  "Kabel 30",
-  "Kabel 31",
-  "Kabel 32",
-]; */
-/* var kueVersion = [
-  419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419,
-  419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419, 419,
-  419, 419,
-]; */
-
-var tdrAtten = [
-  2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0,
-  2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0,
-  2.0, 2.0,
-];
-var tdrPulse = [
-  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
-  0, 0, 0, 0, 0, 0,
-];
-var tdrSpeed = [
-  100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,
-  100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100,
-  100, 100,
-];
-var tdrAmp = [
-  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
-  0, 0, 0, 0, 0, 0,
-];
-var tdrTrigger = [
-  80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80,
-  80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80,
-];
-var tdrLocation = [
-  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
-  0, 0, 0, 0, 0, 0,
-];
-var tdrActive = [
-  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
-  0, 0, 0, 0, 0, 0,
-];
-var tdrLast = [
-  "2024-10-17 07:51:54:000",
-  "2024-09-30 08:38:50:000",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "2024-09-30 08:36:43:000",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-  "?",
-];

utils/loadWindowVariables.js

@@ -60,13 +60,7 @@ export async function loadWindowVariables() {
       });
     };
 
-    const scripts = [
+    const scripts = ["de.js", "kueData.js", "Start.js", "System.js"];
-      "de.js",
-      "kueData.js",
-      "kueDetailTdr.js",
-      "Start.js",
-      "System.js",
-    ];
 
     // Load all required scripts
     Promise.all(scripts.map(loadScript))