feat: Redux-Integration für TDR-Daten verbessert

- TDR-Daten werden jetzt beim Laden der Kabelüberwachungsseite automatisch abgerufen.
- Fehler im Thunk behoben: Initial leere `tdrChart.data` wird nun korrekt aktualisiert.
- Überprüfung, ob neue Daten vorhanden sind, verbessert (keine unnötige Ablehnung bei Erstabruf).
- Korrekte JSON-Datei-Pfade (`slot0.json` bis `slot31.json`) in Fetch-Requests implementiert.
- Redux-Error-Handling optimiert: Falls keine gültigen Daten geladen werden, wird eine Meldung angezeigt.
- Logging für geladene Daten hinzugefügt, um die Debugging-Möglichkeiten zu verbessern.
- `fetchAllTDRChartData.ts` als überflüssige Datei entfernt (Thunks übernehmen jetzt den Abruf).
- `kabelueberwachung.tsx` so angepasst, dass der Chart sofort mit geladenen Daten arbeitet.
This commit is contained in:
ISA
2025-03-20 10:13:41 +01:00
parent f9c2dc7bc9
commit 735fc92b96
7 changed files with 161 additions and 27 deletions

View File

@@ -0,0 +1,34 @@
// /services/fetchAllTDRChartData.ts
import { Dispatch } from "@reduxjs/toolkit";
import { setTDRData, selectTDRData } from "../redux/slices/tdrChartSlice";
import { RootState } from "../redux/store";
const BASE_PATH = "/CPLmockData/LastTDR/jsonDatei";
export const fetchAllTDRChartData = async (
dispatch: Dispatch,
getState: () => RootState
) => {
const state = getState();
const currentData = selectTDRData(state);
const fileNames = Array.from({ length: 32 }, (_, i) => `json${i}`);
const fetchPromises = fileNames.map(async (fileName) => {
try {
const response = await fetch(`${BASE_PATH}/${fileName}.json`);
if (!response.ok)
throw new Error(`Fehler bei ${fileName}: ${response.statusText}`);
return await response.json();
} catch (error) {
console.error(`Fehler beim Laden von ${fileName}:`, error);
return null;
}
});
const newData = await Promise.all(fetchPromises);
// Nur aktualisieren, wenn sich die Daten geändert haben
if (JSON.stringify(currentData) !== JSON.stringify(newData)) {
dispatch(setTDRData(newData));
}
};

View File

@@ -0,0 +1,33 @@
// /services/fetchTDRChartData.ts
export const fetchTDRChartData = async (
selectedFileName: string | null
): Promise<any | null> => {
if (!selectedFileName) {
console.error("Kein Dateiname in Redux gespeichert.");
return null;
}
const yearFolder = `Year_${new Date().getFullYear().toString().slice(-2)}`;
const monthFolder = `Month_${(new Date().getMonth() + 1)
.toString()
.padStart(2, "0")}`;
// const filePath = `/CPLmockData/LastTDR/kue_01/${yearFolder}/${monthFolder}/${selectedFileName}`;
const filePath = `/CPLmockData/LastTDR/jsonDatei/${selectedFileName}`;
try {
const response = await fetch(filePath);
if (!response.ok) {
throw new Error(
`Fehler beim Laden der TDR-Daten: ${response.statusText}`
);
}
const data = await response.json();
console.log("Geladene TDR-Daten:", data);
return data;
} catch (error) {
console.error("Fehler beim Laden der TDR-Daten:", error);
return null;
}
};