1.5 KiB
1.5 KiB
🧮 AnalogInputsTable
Die Komponente AnalogInputsTable zeigt eine Tabelle mit allen verfügbaren analogen Eingängen an, einschließlich Messwert, Einheit und Bezeichnung.
⚙️ Funktion
- Ruft beim Laden die Liste der analogen Eingänge aus dem Redux-Store über
getAnalogInputsThunk()ab. - Zeigt alle Eingänge in einer Tabelle mit folgenden Spalten:
- Eingang (ID)
- Messwert
- Einheit
- Bezeichnung
- Aktion (Zahnrad-Icon zur Konfiguration)
🔄 Interaktion
- Beim Klick auf eine Tabellenzeile:
- Wird der Eingang als aktiv markiert (
activeId) setSelectedIdwird gesetzt → z. B. für Diagrammanzeige
- Wird der Eingang als aktiv markiert (
- Beim Klick auf das ⚙️-Icon:
setSelectedInputwird mit dem aktuellen Objekt befüllt- Das Einstellungs-Modal (
AnalogInputsSettingsModal) wird geöffnet
📦 Technologien
react-reduxfür Zustand und Datenabruf@iconify/reactfür Icons (z. B.mdi/waveform,mdi/settings)- Tailwind CSS für Styling und Layout
- Typ
AnalogInputzur Definition der Eingangsdatenstruktur
🧪 Besonderheiten
unitist optional – wird als"-"angezeigt, wenn nicht vorhanden- Die Auswahlfarbe der Zeile (hellblau) zeigt den aktiven Eingang an
- Mobilfreundlich durch
overflow-x-autound responsives Tailwind-Layout
🔍 Hinweise
- Die
label-,value- undunit-Werte stammen direkt aus dem Redux-StateanalogInputs - Eingänge ohne
idoderlabelwerden gefiltert