File und Order Struktur wie bai Kai in mockData Verzeichnis

Chart in localhost testen und in die Umgebung development und production

app/globals.css

@@ -27,7 +27,7 @@ body {
   }
 }
 
-@media (prefers-color-scheme: light) {
+@media (prefers-color-scheme: dark) {
   input {
     background-color: #333 !important; /* Dunkler Hintergrund im Darkmode */
     color: #fff !important; /* Weißer Text im Darkmode */
@@ -35,7 +35,7 @@ body {
   }
 }
 
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   input {
     background-color: white !important; /* Heller Hintergrund im Lightmode */
     color: black !important; /* Schwarzer Text im Lightmode */

app/kabelueberwachung/page.jsx

@@ -72,7 +72,7 @@ function Kabelueberwachung() {
     if (environment === "production") {
       script.src = `CPL?/SERVICE/kueData.js`; // Produktions-Pfad
     } else {
-      script.src = `/mockData/kueData.js`; // Mock-Daten-Pfad
+      script.src = `/mockData/SERVICE/kueData.js`; // Mock-Daten-Pfad
     }
     script.async = true;
     document.body.appendChild(script);

components/Header.jsx

@@ -116,7 +116,7 @@ function Header() {
         if (environment === "production") {
           script.src = `/CPL?/CPL/SERVICE/${file}`; // Produktions-Pfad
         } else {
-          script.src = `/mockData/${file}`; // Entwicklungs-Pfad
+          script.src = `/mockData/SERVICE/${file}`; // Entwicklungs-Pfad
         }
 
         script.async = true;

components/modules/Kue705FO.jsx

@@ -47,11 +47,17 @@ function Kue705FO({
   const handleCloseChartModal = () => {
     setShowChartModal(false);
   };
-
+  const environment = process.env.NODE_ENV || "production";
+  let fileData;
   // Daten laden und den TDR-Chart erstellen
   const loadTDRChartData = () => {
     const slot = slotIndex;
-    const fileData = `../cpl?lastTDR/slot${slot}.json`; // TDR-Daten je nach Slot laden
+    //const fileData = `../cpl?lastTDR/slot${slot}.json`; // TDR-Daten je nach Slot laden
+    if (environment === "production") {
+      fileData = `CPL?/SERVICE/lastTDR/slot${slot}.json`; // Produktions-Pfad
+    } else {
+      fileData = `/mockData/lastTDR/slot${slot}.json`; // Mock-Daten-Pfad für Entwicklung
+    }
 
     fetch(fileData)
       .then((response) => response.json())
@@ -67,7 +73,12 @@ function Kue705FO({
   // Daten laden und den Schleifenmessungs-Chart erstellen
   const loadLoopChartData = () => {
     const slot = slotIndex;
-    const fileData = `../cpl?4000values/slot${slot}.json`; // Schleifenmessdaten je nach Slot laden
+    //const fileData = `../cpl?4000values/slot${slot}.json`; // Schleifenmessdaten je nach Slot laden
+    if (environment === "production") {
+      fileData = `CPL?/SERVICE/4000values/slot${slot}.json`; // Produktions-Pfad
+    } else {
+      fileData = `/mockData/4000values/slot${slot}.json`; // Mock-Daten-Pfad für Entwicklung
+    }
 
     fetch(fileData)
       .then((response) => response.json())
@@ -146,7 +157,7 @@ function Kue705FO({
   // Funktion zum Erstellen des TDR-Charts
   const createTDRChart = (dataTDR) => {
     const ctx = document.getElementById("myChart").getContext("2d");
-
+    console.log(`TDR-Daten für Slot ${slotIndex + 1}:`, dataTDR);
     new Chart(ctx, {
       type: "line",
       data: {

public/mockData/LastTDR/slot0.json

@@ -0,0 +1 @@
+<%=KTZ0%>

public/mockData/LastTDR/slot1.json

@@ -0,0 +1 @@
+<%=KTZ1%>

public/mockData/LastTDR/slot10.json

@@ -0,0 +1 @@
+<%=KTZ10%>

public/mockData/LastTDR/slot11.json

@@ -0,0 +1 @@
+<%=KTZ11%>

public/mockData/LastTDR/slot12.json

@@ -0,0 +1 @@
+<%=KTZ12%>

public/mockData/LastTDR/slot13.json

@@ -0,0 +1 @@
+<%=KTZ13%>

public/mockData/LastTDR/slot14.json

@@ -0,0 +1 @@
+<%=KTZ14%>

public/mockData/LastTDR/slot15.json

@@ -0,0 +1 @@
+<%=KTZ15%>

public/mockData/LastTDR/slot16.json

@@ -0,0 +1 @@
+<%=KTZ16%>

public/mockData/LastTDR/slot17.json

@@ -0,0 +1 @@
+<%=KTZ17%>

public/mockData/LastTDR/slot18.json

@@ -0,0 +1 @@
+<%=KTZ18%>

public/mockData/LastTDR/slot19.json

@@ -0,0 +1 @@
+<%=KTZ19%>

public/mockData/LastTDR/slot2.json

@@ -0,0 +1 @@
+<%=KTZ1%>

public/mockData/LastTDR/slot20.json

@@ -0,0 +1 @@
+<%=KTZ20%>

public/mockData/LastTDR/slot21.json

@@ -0,0 +1 @@
+<%=KTZ21%>

public/mockData/LastTDR/slot22.json

@@ -0,0 +1 @@
+<%=KTZ22%>

public/mockData/LastTDR/slot23.json

@@ -0,0 +1 @@
+<%=KTZ23%>

public/mockData/LastTDR/slot24.json

@@ -0,0 +1 @@
+<%=KTZ24%>

public/mockData/LastTDR/slot25.json

@@ -0,0 +1 @@
+<%=KTZ25%>

public/mockData/LastTDR/slot26.json

@@ -0,0 +1 @@
+<%=KTZ26%>

public/mockData/LastTDR/slot27.json

@@ -0,0 +1 @@
+<%=KTZ27%>

public/mockData/LastTDR/slot28.json

@@ -0,0 +1 @@
+<%=KTZ28%>

public/mockData/LastTDR/slot29.json

@@ -0,0 +1 @@
+<%=KTZ29%>

public/mockData/LastTDR/slot3.json

@@ -0,0 +1 @@
+<%=KTZ3%>

public/mockData/LastTDR/slot30.json

@@ -0,0 +1 @@
+<%=KTZ30%>

public/mockData/LastTDR/slot31.json

@@ -0,0 +1 @@
+<%=KTZ31%>

public/mockData/LastTDR/slot4.json

@@ -0,0 +1 @@
+<%=KTZ4%>

public/mockData/LastTDR/slot5.json

@@ -0,0 +1 @@
+<%=KTZ5%>

public/mockData/LastTDR/slot6.json

@@ -0,0 +1 @@
+<%=KTZ6%>

public/mockData/LastTDR/slot7.json

@@ -0,0 +1 @@
+<%=KTZ7%>

public/mockData/LastTDR/slot8.json

@@ -0,0 +1 @@
+<%=KTZ8%>

public/mockData/LastTDR/slot9.json

@@ -0,0 +1 @@
+<%=KTZ9%>

utils/loadWindowVariables.js

@@ -13,7 +13,7 @@ export async function loadWindowVariables() {
         if (environment === "production") {
           script.src = `/CPL?/${src}`; // Produktions-Pfad
         } else {
-          script.src = `/mockData/${src}`; // Entwicklungs-Pfad
+          script.src = `/mockData/SERVICE/${src}`; // Entwicklungs-Pfad
         }
         script.async = true;
         script.onload = () => {