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

1.1 KiB
Raw Blame History

analogInputsHistorySequence.md

Sequenzdiagramm: Historische analoge Eingänge laden und darstellen

sequenceDiagram

User->>+ReactComponent: Seite "/analogeEingaenge" wird geladen
ReactComponent->>+ReduxDispatch: dispatch(fetchAnalogInputsHistoryThunk())
ReduxDispatch->>+Thunk: fetchAnalogInputsHistoryThunk
Thunk->>+Service: fetchAnalogInputsHistoryService

alt Entwicklungsumgebung
Service->>+APIHandler: /api/cpl/fetchAnalogInputsHistory
APIHandler-->>Service: JSON-Mock-Daten
else Produktionsumgebung
Service->>+CPLWebserver: /CPL?Service/empty.acp&DIA0
CPLWebserver-->>Service: JSON-Live-Daten
end

Service-->>Thunk: Ergebnis-Daten
Thunk-->>ReduxStore: fulfilled action (analogInputsHistorySlice)
ReduxStore-->>ReactComponent: neue State-Daten verfügbar
ReactComponent-->>Chart.js: aktualisierte Daten zeichnen
Chart.js-->>User: Anzeige von 8 Eingängen, einzeln ein-/ausblendbar

Erklärung:

  • Unterschiedliche Datenquellen je nach Umgebung (DEV oder PROD)
  • Redux verwaltet den Zwischenstand über Slice + Thunk
  • UI aktualisiert sich automatisch nach erfolgreichem Laden

Stand: 29.04.2025
Projekt: CPLv4.0 Weboberfläche