- `useEffect` entfernt, um unnötige `setState`-Aufrufe zu vermeiden
- `startDate` und `endDate` werden nun direkt über `useState` aus Redux (`vonDatum`, `bisDatum`) initialisiert
- Verhindert unendliche Updates durch sich wiederholende `setStartDate`- und `setEndDate`-Aufrufe
- Falls keine Redux-Werte vorhanden sind, wird das aktuelle Datum als Fallback verwendet
- Redux-Slice `kabelueberwachungChartSlice.ts` erweitert, um `isChartOpen` beim Schließen zurückzusetzen
- `ChartSwitcher.tsx` so angepasst, dass `setChartOpen(false)` beim Schließen des Modals (`onClose`) aufgerufen wird
- `handleClose` als zentrale Schließen-Funktion eingeführt, um sowohl das Modal zu schließen als auch den Redux-Status zu aktualisieren
- Sicherstellt, dass `vonDatum` und `bisDatum` beim erneuten Öffnen korrekt aktualisiert werden
- Redux-Slice `kabelueberwachungChartSlice.ts` erweitert um `selectedMode` und `selectedSlotType`
- `LoopChartActionBar.tsx` so angepasst, dass Änderungen in den Dropdown-Menüs automatisch `handleFetchData` aufrufen
- `useEffect` hinzugefügt, um Daten beim Wechsel von `selectedMode` oder `selectedSlotType` neu zu laden
- Manuelles Klicken auf den "Daten Laden"-Button ist nun nicht mehr nötig
- chartjs-plugin-zoom importiert und in Chart.js registriert
- Zoom per Mausrad und Pinch-Gesten auf Touch-Geräten aktiviert
- Panning (horizontal scrollen) über Dragging hinzugefügt
- Chart-Logik und bestehende Datenverarbeitung beibehalten
- `fill: false` für alle Datensätze gesetzt, sodass keine Flächen unter den Linien gezeichnet werden
- Diagramm zeigt jetzt nur die Linien für Minimum, Maximum, Mittelwert und Durchschnitt
- Verbesserte Lesbarkeit durch Entfernen der Hintergrundfüllung
- Fetch-API in `LoopChartActionBar.tsx` angepasst, um Mock-Daten aus `/public/CPLmockData/kuesChartData/` zu laden.
- Mock-Daten als statische JSON-Dateien (`DIA0.json`, `DIA1.json`, `DIA2.json`) hinzugefügt.
- `LoopMeasurementChart.tsx` angepasst, um die Daten aus dem Redux-Store zu verwenden.
- Debugging-Logs entfernt und Fehlerbehandlung für fehlgeschlagene API-Requests verbessert.
Mock-Daten können jetzt ohne API-Server geladen werden.
- Erstellte den Hook `useDigitalOutputs` in `/hooks/einausgaenge/useDigitalOutputs.ts`, der die `useEffect`-Logik zur Verwaltung der digitalen Ausgänge kapselt.
- Anpassung der `EinAusgaenge`-Komponente zur Nutzung des neuen Hooks für eine klarere und wiederverwendbare Struktur.
- Entwicklung: Daten werden aus der Datei `/mockData.json` geladen.
- Produktion: Daten werden von der URL `/CPL?seite.ACP&DIA1=2025;01;01;2025;07;31;2;4` abgerufen.
Dies ermöglicht eine realistische Datenverarbeitung in der Produktion, während in der Entwicklungsumgebung weiterhin mit Mock-Daten gearbeitet wird.
✅ Nach jedem Git-Commit wird Redux mit der neuen Webversion aktualisiert
✅ Kein statischer Code mehr in VersionInfo.tsx
✅ Einfach wartbar: Falls sich die Webversion-Logik ändert, bleibt VersionInfo.tsx unverändert
🎯 Jetzt ist alles perfekt organisiert! 🚀🔥