fix: Zeitbereich beim Schließen des Chart-Modals zurücksetzen
- vonDatum und bisDatum werden beim Schließen auf die letzten 30 Tage gesetzt - verbessert Wiederverwendbarkeit beim nächsten Öffnen
This commit is contained in:
@@ -21,6 +21,11 @@ import { resetBrushRange } from "../../../../../redux/slices/brushSlice";
|
|||||||
import { fetchTDMDataBySlotThunk } from "../../../../../redux/thunks/fetchTDMListBySlotThunk";
|
import { fetchTDMDataBySlotThunk } from "../../../../../redux/thunks/fetchTDMListBySlotThunk";
|
||||||
import { useLoopChartLoader } from "./LoopMeasurementChart/LoopChartActionBar";
|
import { useLoopChartLoader } from "./LoopMeasurementChart/LoopChartActionBar";
|
||||||
|
|
||||||
|
import {
|
||||||
|
setVonDatum,
|
||||||
|
setBisDatum,
|
||||||
|
} from "../../../../../redux/slices/kabelueberwachungChartSlice";
|
||||||
|
|
||||||
interface ChartSwitcherProps {
|
interface ChartSwitcherProps {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
onClose: () => void;
|
onClose: () => void;
|
||||||
@@ -47,6 +52,15 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({
|
|||||||
|
|
||||||
// **Modal schließen + Redux-Status zurücksetzen**
|
// **Modal schließen + Redux-Status zurücksetzen**
|
||||||
const handleClose = () => {
|
const handleClose = () => {
|
||||||
|
// Zeitbereich zurücksetzen
|
||||||
|
const today = new Date();
|
||||||
|
const thirtyDaysAgo = new Date();
|
||||||
|
thirtyDaysAgo.setDate(today.getDate() - 30);
|
||||||
|
|
||||||
|
const toISO = (date: Date) => date.toLocaleDateString("sv-SE");
|
||||||
|
|
||||||
|
dispatch(setVonDatum(toISO(thirtyDaysAgo)));
|
||||||
|
dispatch(setBisDatum(toISO(today)));
|
||||||
dispatch(setChartOpen(false));
|
dispatch(setChartOpen(false));
|
||||||
dispatch(setFullScreen(false));
|
dispatch(setFullScreen(false));
|
||||||
dispatch(resetBrushRange());
|
dispatch(resetBrushRange());
|
||||||
@@ -87,9 +101,22 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({
|
|||||||
(state: RootState) => state.kabelueberwachungChartSlice.slotNumber
|
(state: RootState) => state.kabelueberwachungChartSlice.slotNumber
|
||||||
);
|
);
|
||||||
|
|
||||||
|
// immmer beim önnen das Modal die letzte 30 Tage anzeigen
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (isOpen && activeMode === "Schleife" && slotNumber !== null) {
|
if (isOpen && activeMode === "Schleife" && slotNumber !== null) {
|
||||||
loadLoopChartData();
|
const today = new Date();
|
||||||
|
const thirtyDaysAgo = new Date();
|
||||||
|
thirtyDaysAgo.setDate(today.getDate() - 30);
|
||||||
|
|
||||||
|
const toISO = (date: Date) => date.toLocaleDateString("sv-SE"); // YYYY-MM-DD
|
||||||
|
|
||||||
|
dispatch(setVonDatum(toISO(thirtyDaysAgo)));
|
||||||
|
dispatch(setBisDatum(toISO(today)));
|
||||||
|
|
||||||
|
// Warten, bis Redux gesetzt ist → dann Daten laden
|
||||||
|
setTimeout(() => {
|
||||||
|
loadLoopChartData();
|
||||||
|
}, 10); // kleiner Delay, damit Redux-State sicher aktualisiert ist
|
||||||
}
|
}
|
||||||
}, [isOpen, activeMode, slotNumber]);
|
}, [isOpen, activeMode, slotNumber]);
|
||||||
|
|
||||||
|
|||||||
@@ -6,5 +6,5 @@
|
|||||||
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
||||||
|
|
||||||
*/
|
*/
|
||||||
const webVersion = "1.6.216";
|
const webVersion = "1.6.217";
|
||||||
export default webVersion;
|
export default webVersion;
|
||||||
|
|||||||
Reference in New Issue
Block a user