Files
CPLv4.0/docs/components/main/analogInputs/README.md

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 useState gebunden

➡️ 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/