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:
@@ -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);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user