diff --git a/app/dashboard/page.jsx b/app/dashboard/page.jsx index 7634d03..b9ef7b2 100644 --- a/app/dashboard/page.jsx +++ b/app/dashboard/page.jsx @@ -7,7 +7,7 @@ import { loadWindowVariables } from "../../utils/loadWindowVariables"; import CPLStatus from "../../components/modulesStatus/CPLStatus"; import Access1Status from "../../components/modulesStatus/Access1Status"; import Access2Status from "../../components/modulesStatus/Access2Status"; -import Kue705_FO from "../../components/modulesStatus/Kue705_FO"; +import KabelModulStatus from "../../components/modulesStatus/KabelModulStatus"; import XioPM1Status from "../../components/modulesStatus/XioPM1Status"; import XioPM2Status from "../../components/modulesStatus/XioPM2Status"; import { Icon } from "@iconify/react"; @@ -94,14 +94,13 @@ function Dashboard() { useEffect(() => { loadWindowVariables(apiUrl) .then(() => { + console.log("kueOnline Data: ", window.kueOnline); // Debug: Ausgabe von kueOnline + if (window.kueOnline) { - // Prüfe, ob kueOnline ein Array ist if (Array.isArray(window.kueOnline)) { - // Verarbeite das Array, indem es in einen String umgewandelt wird const versionArray = window.kueOnline.map(Number); setkueOnline(versionArray); } else { - // Falls kueOnline kein Array ist, gibt eine Fehlermeldung aus console.error("kueOnline ist kein Array:", window.kueOnline); setError("Konnte kueOnline nicht als Array verarbeiten."); } @@ -118,10 +117,10 @@ function Dashboard() { }); }, [apiUrl]); + // Dashboard.jsx (Abschnitt renderBaugruppentraeger) const renderBaugruppentraeger = () => { const baugruppen = []; - // Adjust based on actual length of kueOnline const numBaugruppen = Math.ceil(kueOnline.length / 8); for (let i = 0; i < numBaugruppen; i++) { @@ -133,11 +132,17 @@ function Dashboard() { {slots.map((version, index) => { const slotNumber = i * 8 + index + 1; + // Verwende window.kueVersion[slotNumber - 1] für die Modulversion + const moduleVersion = window.kueVersion + ? window.kueVersion[slotNumber - 1] + : version; + return ( - ); diff --git a/components/modulesStatus/Kue705_FO.jsx b/components/modulesStatus/KabelModulStatus.jsx similarity index 52% rename from components/modulesStatus/Kue705_FO.jsx rename to components/modulesStatus/KabelModulStatus.jsx index 3270196..0548351 100644 --- a/components/modulesStatus/Kue705_FO.jsx +++ b/components/modulesStatus/KabelModulStatus.jsx @@ -1,7 +1,7 @@ -// components/Kue705_FO.jsx +// components/modulesStatus/KabelModulStatus.jsx import React from "react"; -const Kue705_FO = ({ slot, kueCableBreak, isOnline }) => { +const KabelModulStatus = ({ slot, kueCableBreak, isOnline, moduleVersion }) => { if (!isOnline) { return (
@@ -10,17 +10,32 @@ const Kue705_FO = ({ slot, kueCableBreak, isOnline }) => { ); } + // Bestimme den Modultyp basierend auf der Version + let moduleName = ""; + let moduleType = ""; + + if (moduleVersion === 419) { + moduleName = "KÜ705"; + moduleType = "FO"; + } else if (moduleVersion === 350) { + moduleName = "KÜ605"; + moduleType = "µC"; + } else if (moduleVersion === 1100) { + moduleName = "KÜSS"; + moduleType = "___"; + } + const isCableBreak = kueCableBreak[slot - 1] === 1; return (
- {/* Erstes Kind, nimmt den restlichen Platz ein */} + {/* Slot-Nummer anzeigen */}
{slot}
-
KÜ705
-
FO
+
{moduleName}
+
{moduleType}
- {/* Die unteren Abschnitte behalten ihre festen Höhen */} + {/* Status-Anzeige */}
{ ); }; -export default Kue705_FO; +export default KabelModulStatus;