60 lines
1.5 KiB
Markdown
60 lines
1.5 KiB
Markdown
<!-- /docs/components/main/analogInputs/README.md -->
|
|
|
|
# 📂 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`](./AnalogInputsTable.md)
|
|
|
|
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](./AnalogInputsTable.md)
|
|
|
|
---
|
|
|
|
### 2. [`AnalogInputsChart`](./AnalogInputsChart.md)
|
|
|
|
Zeigt den zeitlichen Verlauf eines Messwerteingangs im Liniendiagramm.
|
|
|
|
- Chart.js mit Zeitachse (TimeScale)
|
|
- Daten aus Redux-State
|
|
|
|
➡️ Dokumentation: [AnalogInputsChart.md](./AnalogInputsChart.md)
|
|
|
|
---
|
|
|
|
### 3. [`AnalogInputsSettingsModal`](./AnalogInputsSettingsModal.md)
|
|
|
|
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](./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/`
|