20e20dec30
- Renamed all slice names (createSlice `name` attribute) to match their file names (e.g. loopChartSlice, authSlice, kueDataSlice etc.) - Updated `store.ts` to register each reducer with consistent key names (e.g. state.loopChartSlice instead of state.loopChart) - Adjusted all `useSelector` and Redux state accesses across the codebase - Improves maintainability, searchability and consistency across files and Redux DevTools
104 lines
2.9 KiB
TypeScript
104 lines
2.9 KiB
TypeScript
// redux/slices/kabelueberwachungChartSlice.ts
|
|
|
|
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
|
|
|
// Definition des Interface für den Zustand des TDR-Charts
|
|
interface TDRData {
|
|
timestamp: string;
|
|
tdr: number;
|
|
}
|
|
|
|
// Definition des Interface für den gesamten Zustand der Kabelüberwachung
|
|
interface KabelueberwachungChartState {
|
|
loopMeasurementCurveChartData: any[];
|
|
vonDatum: string;
|
|
bisDatum: string;
|
|
selectedMode: "DIA0" | "DIA1" | "DIA2";
|
|
selectedSlotType: "isolationswiderstand" | "schleifenwiderstand";
|
|
isChartOpen: boolean;
|
|
slotNumber: number | null;
|
|
tdrChartData: TDRData[];
|
|
isFullScreen: boolean;
|
|
unit: "kOhm" | "MOhm";
|
|
}
|
|
|
|
// Dynamische Initialisierung der Datumswerte
|
|
const today = new Date();
|
|
const thirtyDaysAgo = new Date();
|
|
thirtyDaysAgo.setDate(today.getDate() - 30);
|
|
|
|
// Initialer Zustand des Slices
|
|
const initialState: KabelueberwachungChartState = {
|
|
loopMeasurementCurveChartData: [],
|
|
vonDatum: thirtyDaysAgo.toISOString().split("T")[0], // 30 Tage zurück
|
|
bisDatum: today.toISOString().split("T")[0], // Heute
|
|
selectedMode: "DIA0",
|
|
selectedSlotType: "schleifenwiderstand",
|
|
isChartOpen: false,
|
|
slotNumber: null,
|
|
tdrChartData: [],
|
|
isFullScreen: false,
|
|
unit: "kOhm",
|
|
};
|
|
|
|
// Erstellung des Slices
|
|
const kabelueberwachungChartSlice = createSlice({
|
|
name: "kabelueberwachungChartSlice",
|
|
initialState,
|
|
reducers: {
|
|
setSlotNumber: (state, action: PayloadAction<number | null>) => {
|
|
state.slotNumber = action.payload;
|
|
},
|
|
setLoopMeasurementCurveChartData: (state, action: PayloadAction<any[]>) => {
|
|
state.loopMeasurementCurveChartData = action.payload;
|
|
},
|
|
setVonDatum: (state, action: PayloadAction<string>) => {
|
|
state.vonDatum = action.payload;
|
|
},
|
|
setBisDatum: (state, action: PayloadAction<string>) => {
|
|
state.bisDatum = action.payload;
|
|
},
|
|
setSelectedMode: (
|
|
state,
|
|
action: PayloadAction<"DIA0" | "DIA1" | "DIA2">
|
|
) => {
|
|
state.selectedMode = action.payload;
|
|
},
|
|
setSelectedSlotType: (
|
|
state,
|
|
action: PayloadAction<"isolationswiderstand" | "schleifenwiderstand">
|
|
) => {
|
|
state.selectedSlotType = action.payload;
|
|
state.unit = action.payload === "schleifenwiderstand" ? "kOhm" : "MOhm";
|
|
},
|
|
setChartOpen: (state, action: PayloadAction<boolean>) => {
|
|
state.isChartOpen = action.payload;
|
|
},
|
|
setTDRChartData: (
|
|
state,
|
|
action: PayloadAction<{ timestamp: string; tdr: number }[]>
|
|
) => {
|
|
state.tdrChartData = action.payload;
|
|
},
|
|
setFullScreen: (state, action: PayloadAction<boolean>) => {
|
|
state.isFullScreen = action.payload;
|
|
},
|
|
},
|
|
});
|
|
|
|
// Export der Aktionen
|
|
export const {
|
|
setSlotNumber,
|
|
setLoopMeasurementCurveChartData,
|
|
setVonDatum,
|
|
setBisDatum,
|
|
setSelectedMode,
|
|
setSelectedSlotType,
|
|
setChartOpen,
|
|
setTDRChartData,
|
|
setFullScreen,
|
|
} = kabelueberwachungChartSlice.actions;
|
|
|
|
// Export des Reducers
|
|
export default kabelueberwachungChartSlice.reducer;
|