<!-- /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/`
