last20messages aktualisieren mit setInterval

This commit is contained in:
ISA
2024-10-26 21:20:49 +02:00
parent 7fb289abf3
commit 07bd6267ea
4 changed files with 87 additions and 27 deletions

View File

@@ -26,7 +26,7 @@ function Dashboard() {
const [kueCableBreak, setKueCableBreak] = useState([]);
const [appVersion, setAppVersion] = useState("");
useEffect(() => {
/* useEffect(() => {
if (typeof window !== "undefined") {
loadWindowVariables()
.then(() => {
@@ -49,8 +49,8 @@ function Dashboard() {
setLoading(false);
});
}
}, []);
useEffect(() => {
}, []); */
/* useEffect(() => {
loadWindowVariables()
.then(() => {
if (window.kueCableBreak && Array.isArray(window.kueCableBreak)) {
@@ -76,7 +76,7 @@ function Dashboard() {
setError(error);
setLoading(false);
});
}, []);
}, []); */
const parseMessages = (messages) => {
messages = messages
@@ -97,7 +97,7 @@ function Dashboard() {
return columns;
});
};
useEffect(() => {
/* useEffect(() => {
loadWindowVariables()
.then(() => {
// console.log("kueOnline Data: ", window.kueOnline); // Debug: Ausgabe von kueOnline
@@ -121,7 +121,7 @@ function Dashboard() {
setError(error);
setLoading(false);
});
}, []);
}, []); */
useEffect(() => {
// Funktion zur Wiederholten Überprüfung der Variablen
const checkVariablesLoaded = () => {
@@ -156,17 +156,52 @@ function Dashboard() {
.then(() => checkVariablesLoaded())
.then(() => {
// Variablen sind jetzt verfügbar
console.log("kueAlarm1 und kueAlarm2 sind geladen:", {
/* console.log("kueAlarm1 und kueAlarm2 sind geladen:", {
kueAlarm1: window.kueAlarm1,
kueAlarm2: window.kueAlarm2,
});
}); */
})
.catch((error) => {
console.error("Fehler beim Laden der Variablen oder Timeout:", error);
setError("Konnte die Variablen nicht laden: " + error.message);
});
}, []);
useEffect(() => {
if (typeof window !== "undefined") {
const updateData = () => {
loadWindowVariables()
.then(() => {
//console.log("Updating last20Messages:", window.last20Messages);
setLast20Messages(parseMessages(window.last20Messages || ""));
setIp(window.ip || "");
setSubnet(window.subnet || "");
setGateway(window.gateway || "");
setAppVersion(window.appVersion || "");
const cableBreakArray = Array.isArray(window.kueCableBreak)
? window.kueCableBreak.map(Number)
: (window.kueCableBreak || "").split(",").map(Number);
setKueCableBreak(cableBreakArray);
const onlineArray = Array.isArray(window.kueOnline)
? window.kueOnline.map(Number)
: [];
setkueOnline(onlineArray);
setLoading(false);
})
.catch((error) => {
console.error("Error loading script:", error);
setError(error);
setLoading(false);
});
};
updateData();
const intervalId = setInterval(updateData, 5000);
return () => clearInterval(intervalId);
}
}, []);
const handleModuleClick = (rackNumber) => {
// Navigiere zu /kabelueberwachung und übermittle den rackNumber als Parameter
router.push(`/kabelueberwachung?rack=${rackNumber}`);

View File

@@ -56,7 +56,7 @@ function Kabelueberwachung() {
(window.kueGroundFault && window.kueGroundFault[index])
);
});
console.log("Aktualisierter alarmStatus:", updatedAlarmStatus);
// console.log("Aktualisierter alarmStatus:", updatedAlarmStatus);
setAlarmStatus(updatedAlarmStatus); // State für Alarmstatus aktualisieren
};
@@ -159,7 +159,7 @@ function Kabelueberwachung() {
(window.kueGroundFault && window.kueGroundFault[index])
);
});
console.log("Aktualisierter alarmStatus:", updatedAlarmStatus);
// console.log("Aktualisierter alarmStatus:", updatedAlarmStatus);
setAlarmStatus(updatedAlarmStatus); // Setze den aktualisierten Alarmstatus
};