feat: integriere Systemspannungen und Temperaturen mit Redux Thunk und Slice

- Neues Slice systemVoltTempSlice.ts erstellt für Speicherung von Spannungen und Verlauf
- Thunk fetchSystemVoltTempThunk.ts implementiert für asynchrones Laden der Systemwerte
- Service fetchSystemVoltTempService.ts verwendet API /api/cpl/systemVoltTempAPIHandler
- Mock-Daten in systemVoltTempMockData.js definiert
- system.tsx auf Redux umgestellt: useSelector für Werte und Verlauf, fetch per Thunk
- store.ts angepasst: systemVoltTempSlice hinzugefügt
- Chart.js Darstellung von Spannungen und Temperaturen mit Echtzeit-Update alle 5 Sekunden
This commit is contained in:
Ismail Ali
2025-04-27 11:25:54 +02:00
parent fc66346663
commit 5c3f91cad2
9 changed files with 277 additions and 2 deletions

View File

@@ -0,0 +1,30 @@
// /services/fetchSystemVoltTempService.ts
export const fetchSystemVoltTempService = async () => {
if (typeof window === "undefined") return null;
const scriptSrc =
process.env.NEXT_PUBLIC_NODE_ENV === "production"
? "/CPL?/CPL/SERVICE/voltTemp.js" // ⬅️ später anpassen, wenn CPL liefert
: "/api/cpl/systemVoltTempAPIHandler";
await new Promise<void>((resolve, reject) => {
const script = document.createElement("script");
script.src = scriptSrc;
script.async = true;
script.onload = () => resolve();
script.onerror = () =>
reject("❌ Fehler beim Laden von systemVoltTempMockData.js");
document.body.appendChild(script);
});
const win = window as any;
const data = win.win_systemVoltTempMockData;
if (!data) {
console.warn("⚠️ win_systemVoltTempMockData fehlt oder ungültig:", data);
return null;
}
return data;
};