feat: Digitale Ausgänge aus Redux-Store in UI integriert

- DigitalOutputs.tsx auf Redux umgestellt, um Werte direkt aus dem Store zu lesen
- toggleSwitch-Funktion angepasst, um den Status von digitalen Ausgängen in Redux zu aktualisieren
- useDigitalOutputsData.ts nutzt nun Redux zum Speichern der `win_da_state` und `win_da_bezeichnung` Werte
- Entfernen von Prop `digitalOutputs` in `DigitalOutputs.tsx`, da Redux nun als Datenquelle dient
- Weboberfläche zeigt nun digitale Ausgänge korrekt an und Status kann geändert werden
This commit is contained in:
Ismail Ali
2025-02-23 22:31:06 +01:00
parent 1449dd458d
commit 65cfb033a5
9 changed files with 162 additions and 59 deletions

View File

@@ -1,10 +1,9 @@
// hooks/windowvariables/useLoadWindowVariables.ts
import { useEffect } from "react";
import { useDispatch } from "react-redux";
import { setDigitalOutputs } from "../../redux/slices/digitalOutputsSlice";
const requiredVars: string[] = [
// Hier verbleiben nur die noch benötigten Variablen
];
const requiredVars: string[] = ["win_da_state", "win_da_bezeichnung"];
const scripts: string[] = [
"da.js",
@@ -37,24 +36,29 @@ export const useLoadWindowVariables = () => {
useEffect(() => {
const loadVariables = async () => {
try {
await loadScript("da.js"); // Lade `da.js` zuerst
for (const script of scripts) {
await loadScript(script);
if (script !== "da.js") await loadScript(script);
}
const variablesObj: { [key: string]: any } = requiredVars.reduce(
(acc, variable) => {
const winVar = (window as any)[variable];
if (winVar !== undefined) {
acc[variable.replace("win_", "")] = winVar;
}
return acc;
},
{}
);
console.log("Laden abgeschlossen. Jetzt werden Variablen geprüft.");
console.log("win_da_state:", window.win_da_state);
console.log("win_da_bezeichnung:", window.win_da_bezeichnung);
// Falls noch andere Variablen verarbeitet werden müssen, kann hier Code eingefügt werden
if (window.win_da_state && window.win_da_bezeichnung) {
const digitalOutputs = window.win_da_state.map(
(status: number, index: number) => ({
id: index + 1,
label: window.win_da_bezeichnung[index] || `Ausgang ${index + 1}`,
status: status === 1,
})
);
console.log("Dispatching digitalOutputs:", digitalOutputs);
dispatch(setDigitalOutputs(digitalOutputs));
}
} catch (error) {
console.error("Fehler beim Laden der Skripte oder Variablen:", error);
console.error("Fehler beim Laden der Skripte:", error);
}
};