1.6 KiB
1.6 KiB
📂 Komponentenübersicht: Analoge Eingänge
Dieses Verzeichnis enthält alle React-Komponenten zur Visualisierung und Konfiguration der analogen Eingänge im System.
📋 Übersicht der Komponenten
1. AnalogInputsTable
Zeigt eine tabellarische Übersicht aller analogen Eingänge mit Messwert, Einheit und Bezeichnung.
- Auswahl eines Eingangs durch Klick
- Öffnet Einstellungen per Zahnrad-Icon
- Nutzt Redux für Datenabruf
➡️ Dokumentation: AnalogInputsTable.md
2. AnalogInputsChart
Zeigt den zeitlichen Verlauf eines Messwerteingangs im Liniendiagramm.
- Zoom & Pan steuerbar über Feature-Flag
NEXT_PUBLIC_FEATURE_MESSWERTANZEIGE_EINGANG - Chart.js mit Zeitachse (TimeScale)
- Daten aus Redux-State
➡️ Dokumentation: AnalogInputsChart.md
3. AnalogInputsSettingsModal
Modal zur Bearbeitung eines analogen Eingangs (Label, Offset, Faktor, Einheit, Speicherintervall).
- Werte werden lokal oder über API/CGI gespeichert
- Dynamische Anzeige der aktuellen Einstellungen
- Eingaben mit
useStategebunden
➡️ Dokumentation: AnalogInputsSettingsModal.md
🧩 Technologien
- React & Redux
- Chart.js / react-chartjs-2
- Tailwind CSS
- Iconify
- API-Anbindung & lokale Mockdaten
🗂️ Speicherort
Pfad: /components/main/analogInputs/
Dokumentation: /docs/components/main/analogInputs/