Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f3fda3c67f631609c48d37ed719efe26d263fb31
CPLv4.0/docsForDev/analogInputsHistoryDataChart/analogInputsHistoryReduxFlow.md
ISA f3fda3c67f docs: Diagramme für historische analoge Eingänge hinzugefügt 
- Ablaufdiagramm analogInputsHistoryFlow.md erstellt
- Redux-Datenfluss analogInputsHistoryReduxFlow.md dokumentiert
- Sequenzdiagramm analogInputsHistorySequence.md erstellt
- Mermaid-Syntax verwendet für einheitliche Entwicklerdokumentation
2025-04-29 12:05:33 +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