feat: automatische Redux-Initialisierung in _app.tsx basierend auf Seite
- zentrale Datenaktualisierung per Thunk alle 10 Sekunden - alle Seiten wie dashboard, kabelueberwachung, digitale/analoge Ein-/Ausgänge etc. werden erkannt - automatische Zuordnung der richtigen Redux-Thunks - README.md und CHANGELOG.md aktualisiert - Version auf 1.6.400 erhöht
This commit is contained in:
@@ -4,14 +4,28 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { Provider } from "react-redux";
|
||||
import store, { useAppDispatch } from "../redux/store";
|
||||
import { AppProps } from "next/app";
|
||||
import { loadWindowVariables } from "../utils/loadWindowVariables";
|
||||
|
||||
import Header from "../components/header/Header";
|
||||
import Navigation from "../components/navigation/Navigation";
|
||||
import Footer from "../components/footer/Footer";
|
||||
import { setKueData } from "../redux/slices/kueDataSlice";
|
||||
|
||||
// Thunks importieren
|
||||
import { fetchKueDataThunk } from "../redux/thunks/fetchKueDataThunk";
|
||||
import { fetchDigitalOutputsThunk } from "../redux/thunks/fetchDigitalOutputsThunk";
|
||||
import { fetchAnalogeEingaengeThunk } from "../redux/thunks/fetchAnalogeEingaengeThunk";
|
||||
import { fetchAnalogInputsHistoryThunk } from "../redux/thunks/fetchAnalogInputsHistoryThunk";
|
||||
import { fetchLast20MessagesThunk } from "../redux/thunks/fetchLast20MessagesThunk";
|
||||
import { fetchOpcUaSettingsThunk } from "../redux/thunks/fetchOpcUaSettingsThunk";
|
||||
import { fetchSystemSettingsThunk } from "../redux/thunks/fetchSystemSettingsThunk";
|
||||
import { fetchSystemVoltTempThunk } from "../redux/thunks/fetchSystemVoltTempThunk";
|
||||
import { fetchReferenceCurveBySlotThunk } from "../redux/thunks/fetchReferenceCurveBySlotThunk";
|
||||
import { fetchAllTDRReferenceChartThunk } from "../redux/thunks/fetchAllTDRReferenceChartThunk";
|
||||
import { fetchTDRChartDataByIdThunk } from "../redux/thunks/fetchTDRChartDataByIdThunk";
|
||||
import { fetchLoopChartDataThunk } from "../redux/thunks/fetchLoopChartDataThunk";
|
||||
|
||||
import "../styles/globals.css";
|
||||
import { AppProps } from "next/app";
|
||||
|
||||
function MyApp({ Component, pageProps }: AppProps) {
|
||||
return (
|
||||
@@ -27,32 +41,41 @@ function AppContent({ Component, pageProps }: AppProps) {
|
||||
|
||||
useEffect(() => {
|
||||
let intervalId: NodeJS.Timeout;
|
||||
const pathname = window.location.pathname;
|
||||
|
||||
const loadAndStoreVariables = async () => {
|
||||
try {
|
||||
const { variables, kueData } = await loadWindowVariables();
|
||||
if (!variables) throw new Error("Sitzungsfehler");
|
||||
|
||||
// Nur auf kabelueberwachung.html Redux aktualisieren
|
||||
if (window.location.pathname.includes("kabelueberwachung")) {
|
||||
dispatch(setKueData(kueData));
|
||||
}
|
||||
|
||||
setSessionExpired(false);
|
||||
} catch (error) {
|
||||
console.error("❌ Fehler beim Laden der Sitzung:", error);
|
||||
setSessionExpired(true);
|
||||
const loadAndDispatch = () => {
|
||||
if (pathname.includes("kabelueberwachung")) {
|
||||
dispatch(fetchKueDataThunk());
|
||||
} else if (pathname.includes("digitalOutputs")) {
|
||||
dispatch(fetchDigitalOutputsThunk());
|
||||
} else if (pathname.includes("digitalInputs")) {
|
||||
dispatch(fetchDigitalOutputsThunk()); // 🟠 evtl. anpassen
|
||||
} else if (pathname.includes("analogeEingaenge")) {
|
||||
dispatch(fetchAnalogeEingaengeThunk());
|
||||
} else if (pathname.includes("analogHistory")) {
|
||||
dispatch(fetchAnalogInputsHistoryThunk());
|
||||
} else if (pathname.includes("dashboard")) {
|
||||
dispatch(fetchLast20MessagesThunk());
|
||||
} else if (pathname.includes("einstellungen")) {
|
||||
dispatch(fetchOpcUaSettingsThunk());
|
||||
} else if (pathname.includes("systemvolt")) {
|
||||
dispatch(fetchSystemVoltTempThunk());
|
||||
} else if (pathname.includes("system")) {
|
||||
dispatch(fetchSystemSettingsThunk());
|
||||
} else if (pathname.includes("tdrRef")) {
|
||||
dispatch(fetchAllTDRReferenceChartThunk());
|
||||
} else if (pathname.includes("tdrSlot")) {
|
||||
dispatch(fetchReferenceCurveBySlotThunk());
|
||||
} else if (pathname.includes("tdrId")) {
|
||||
dispatch(fetchTDRChartDataByIdThunk());
|
||||
} else if (pathname.includes("loopChart")) {
|
||||
dispatch(fetchLoopChartDataThunk());
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof window !== "undefined") {
|
||||
loadAndStoreVariables();
|
||||
|
||||
// Nur auf kabelueberwachung.html regelmäßig aktualisieren
|
||||
if (window.location.pathname.includes("kabelueberwachung")) {
|
||||
intervalId = setInterval(loadAndStoreVariables, 10000);
|
||||
}
|
||||
|
||||
loadAndDispatch();
|
||||
intervalId = setInterval(loadAndDispatch, 10000);
|
||||
return () => clearInterval(intervalId);
|
||||
}
|
||||
}, []);
|
||||
|
||||
Reference in New Issue
Block a user