Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
af9cbd49029742ee4ebc095c0512251921ded56b
CPLv4.0/docs/analogInputsHistoryDataChart/analogInputsHistoryReduxFlow.md
ISA af9cbd4902 docs
2025-06-16 08:20:56 +02:00

1.1 KiB
Raw Blame History

analogInputsHistoryReduxFlow.md

Flussdiagramm: Redux-Datenfluss der historischen analogen Eingänge

flowchart TD

Component["React-Komponente: AnalogInputsChart"] --> DispatchThunk["dispatch → fetchAnalogInputsHistoryThunk"]
DispatchThunk --> ThunkLogik["Thunk-Logik"]
ThunkLogik --> fetchService["fetchAnalogInputsHistoryService"]

fetchService -->|DEV| APIHandler["/api/cpl/fetchAnalogInputsHistory"]
fetchService -->|PROD| CPLWebserver["CPL: DIA0-Endpunkt"]

APIHandler --> DatenMock["Mockdaten geladen"]
CPLWebserver --> DatenLive["Live-Daten geladen"]

DatenMock --> Fulfilled["fulfilled → Redux aktualisieren"]
DatenLive --> Fulfilled["fulfilled → Redux aktualisieren"]

Fulfilled --> Slice["analogInputsHistorySlice speichert"]
Slice --> Update["Chart.js aktualisiert sich"]

Erklärung:

  • Die Komponente dispatcht den Thunk beim Laden.
  • Der Service entscheidet, ob Mock-Daten oder Live-Daten geholt werden.
  • Das Redux-Slice speichert die Daten zentral im State.
  • Sobald die Daten da sind, aktualisiert sich das Chart automatisch.

Stand: 29.04.2025
Projekt: CPLv4.0 Weboberfläche