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

1.5 KiB
Raw Blame History

🧮 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)
    • setSelectedId wird gesetzt → z.B. für Diagrammanzeige
  • Beim Klick auf das ⚙️-Icon:
    • setSelectedInput wird mit dem aktuellen Objekt befüllt
    • Das Einstellungs-Modal (AnalogInputsSettingsModal) wird geöffnet

📦 Technologien

  • react-redux für Zustand und Datenabruf
  • @iconify/react für Icons (z.B. mdi/waveform, mdi/settings)
  • Tailwind CSS für Styling und Layout
  • Typ AnalogInput zur Definition der Eingangsdatenstruktur

🧪 Besonderheiten

  • unit ist optional wird als "-" angezeigt, wenn nicht vorhanden
  • Die Auswahlfarbe der Zeile (hellblau) zeigt den aktiven Eingang an
  • Mobilfreundlich durch overflow-x-auto und responsives Tailwind-Layout

🔍 Hinweise

  • Die label-, value- und unit-Werte stammen direkt aus dem Redux-State analogInputs
  • Eingänge ohne id oder label werden gefiltert