komplette Zeile löschen. Die CPL kennt das // Zeichen nicht und würde trotzdem dei Werte berechnen und einsetzen.

pages/_app.js

@@ -1,14 +1,58 @@
+// _app.js
 import { useEffect } from "react";
+import { loadWindowVariables } from "../utils/loadWindowVariables";
 import Header from "../components/Header";
 import Navigation from "../components/Navigation";
 import Footer from "../components/Footer";
 import "../styles/globals.css";
 
 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.");
+      loadWindowVariables()
+        .then(() => {
+          console.log("Window variables loaded successfully.");
+          console.log("Geladene Systemvariablen:", {
+            deviceName: window.deviceName,
+            ip: window.ip,
+            mac1: window.mac1,
+            mac2: window.mac2,
+            subnet: window.subnet,
+            gateway: window.gateway,
+            datetime: window.datetime,
+            kueOnline: window.kueOnline,
+            kueIso: window.kueIso,
+            kueValid: window.kueValid,
+            kueAlarm1: window.kueAlarm1,
+            kueAlarm2: window.kueAlarm2,
+            kueRes: window.kueRes,
+            kueCableBreak: window.kueCableBreak,
+            kueGroundFault: window.kueGroundFault,
+            kueLimit1: window.kueLimit1,
+            kueLimit2Low: window.kueLimit2Low,
+            kueLimit2High: window.kueLimit2High,
+            kueDelay1: window.kueDelay1,
+            kueLoopInterval: window.kueLoopInterval,
+            kueID: window.kueID,
+            kueName: window.kueName,
+            kueVersion: window.kueVersion,
+            kueOverflow: window.kueOverflow,
+            kue100V: window.kue100V,
+            kueResidence: window.kueResidence,
+            kueBooting: window.kueBooting,
+            tdrAtten: window.tdrAtten,
+            tdrPulse: window.tdrPulse,
+            tdrSpeed: window.tdrSpeed,
+            tdrAmp: window.tdrAmp,
+            tdrTrigger: window.tdrTrigger,
+            tdrLocation: window.tdrLocation,
+            tdrActive: window.tdrActive,
+            tdrLast: window.tdrLast,
+          });
+        })
+        .catch((error) => {
+          console.error("Error loading window variables:", error);
+        });
     }
   }, []);
 
@@ -16,13 +60,8 @@ function MyApp({ Component, pageProps }) {
     <div className="bg-gray-100 flex flex-col min-h-screen overflow-hidden">
       <Header />
       <div className="flex flex-grow w-full">
-        {" "}
-        {/* Flexbox-Container für Navigation und Content */}
-        <Navigation className="w-1/5" />{" "}
-        {/* Navigation nimmt 20% der Breite ein */}
+        <Navigation className="w-1/5" />
         <main className="flex-1 p-4">
-          {" "}
-          {/* Der Content nimmt den restlichen Platz ein */}
           <Component {...pageProps} />
         </main>
       </div>