Commit Graph

68 Commits

Author SHA1 Message Date
ISA
49aea9b315 feat: Datumsauswahl (von/bis) und Filter-Button für Meldungen hinzugefügt
- Von-Datum und Bis-Datum per DatePicker auswählbar
- Dynamischer URL-Aufbau für Produktions- und Entwicklungsumgebung
- Anzeige der gefilterten Meldungen direkt beim Klick auf „Anzeigen“
- Unterstützung für max. 500 Meldungen laut Lastenheft
2025-04-23 14:04:14 +02:00
Ismail Ali
a1e49716e2 fix: fetchSingleTDMDataService API-Endpoint in Development korrigiert
- Query Parameter ?slot=X statt /slotX
- Dev-Umgebung lädt jetzt korrekt über /api/cpl/tdmDataAPIHandler?slot=X
- Prod bleibt unverändert mit TDM=X Parameter
2025-04-15 18:44:28 +02:00
Ismail Ali
025470defb refactor: loadWindowVariables final auf API-Handler in Development umgestellt
- Scripts in Dev-Umgebung werden jetzt über /api/cpl/* geladen
- Production lädt weiterhin Embedded-System JavaScript Dateien
- Einheitliches Handling für system.js, de.js, ae.js, kueData.js, opcua.js usw.
- Flexibles Konzept für zukünftige Erweiterungen
2025-04-15 17:03:54 +02:00
ISA
d19d657b00 DIA0 bis DIA3 von API als Mock geholt 2025-04-03 15:06:48 +02:00
ISA
c44920e7aa Break: Digitale Eingänge, es soll Kabelüberwachung Isolation zu erst angezeigt, und ein Button Daten anzeigen, dass die nicht bei DatePicker autmatisch holt 2025-04-03 13:16:35 +02:00
ISA
75759791cd Logik für Farbe abhängig von Status + Invertierung:
Anzeige ist rot wenn Status=1 ist. Die Farbe ist nicht abhängig von der Invertierung.
Status	Invertierung	Anzeige
1                1	            🔴 rot
1	             0	            🔴 rot
0	             1	            grün
0	             0              grün
2025-04-03 11:04:49 +02:00
Ismail Ali
91cc60568a fix: Fehlerstelle im TDR-Chart korrekt nach ausgewählter Messung anzeigen
Die Fehlerstelle (rote Markierung) wurde bisher immer aus dem ersten Eintrag des Slots gelesen.
Jetzt wird die Entfernung (`d`) passend zur ausgewählten Mess-ID (`selectedId`) ermittelt,
sodass jeder TDR-Chart die korrekte Fehlerstelle anzeigt.
2025-03-30 10:40:15 +02:00
ISA
f5b6024da7 refactor: TDRChartActionBar auf selectedSlot (0-basiert) umgestellt
- Verwendung von selectedSlot aus kueChartMode statt slotNumber aus kabelueberwachungChart
- Slot-Datenzugriff jetzt direkt 0-basiert (z. B. slot0.json)
- Referenz-Button berücksichtigt API-Format (Slot + 1)
- Dropdown-Menü nutzt korrekte TDM-Liste für gewählten Slot
2025-03-28 14:21:52 +01:00
ISA
e2d8bb0f05 Alle TDM und TDR in Mock speichern 2025-03-28 10:42:54 +01:00
Ismail Ali
626322b079 feat: fetchKueData über Service & Redux integriert, Zugriff aus loadWindowVariables entfernt
- Alle KÜE-Daten (z. B. kueAlarm1, kueCableBreak, kuePSTmMinus96V etc.) über fetchKueData.ts geladen
- Redux Slice `kueDataSlice.ts` überarbeitet, um alle Werte aus kueData.js korrekt zu speichern
- Komponenten wie `Kue705FO`, `KabelModulStatus` und `Baugruppentraeger` auf Redux umgestellt
- Fehler bei undefined-Variablen durch korrekte Zuweisung aus Redux behoben
- loadWindowVariables.ts wird nicht mehr für KÜE-Daten verwendet
2025-03-26 20:18:20 +01:00
ISA
289b9a8f77 TDR Distance auf Display anzeigen 2025-03-25 15:10:45 +01:00
ISA
68614df0cd TDR Chart von Dropdown Menü Auwahl zeichnen 2025-03-24 15:00:20 +01:00
ISA
69bcbf519d Mock Dateien für TDM erstellt:
Eine Liste mit den
letzten 100 TDR Messungen des Slots
2025-03-24 10:44:12 +01:00
ISA
93136d0a38 feat: Referenzkurve für TDR-Chart integriert
- Neues Verzeichnis `tdr-reference-curves` für JSON-Referenzdaten hinzugefügt
- Redux Slice `tdrReferenceChartSlice` erstellt
- Thunk `fetchAllTDRReferenceChartThunk` zum Laden aller Referenzdaten integriert
- Service `fetchAllTDRReferenceChartData` mit Umgebungsunterscheidung (dev/prod)
- Anzeige der Referenzkurve im TDR-Chart mit Tooltip und gestrichelter Linie
- Referenzdaten werden automatisch beim Laden der Seite in Redux geladen
2025-03-21 13:28:43 +01:00
ISA
33e66269c2 feat: TDR-Chart mit Tooltip und Pegel-Darstellung hinzugefügt 2025-03-21 10:42:54 +01:00
ISA
75529f030e feat: TDR-Chart aktualisiert sich jetzt automatisch bei Datenänderung
- `fetchAllTDRChartThunk.ts`: Vergleich der aktuellen und neuen Daten mit `lodash.isEqual`, um unnötige Redux-Updates zu vermeiden.
- `TDRChart.tsx`: Nutzt `selectedSlot` aus `kueChartModeSlice.ts`, um nur den relevanten Slot im Chart anzuzeigen.
- `ChartSwitcher.tsx`: Ruft alle 10 Sekunden `fetchAllTDRChartData` auf, um Änderungen zu prüfen.
- `tdrChartSlice.ts`: Speichert nur neue Daten, wenn sie sich von den vorherigen unterscheiden.
- Fix: `activeMode` aus `kueChartModeSlice.ts` wird für die Auswahl zwischen TDR- und Schleifenmessung verwendet.
- Code Cleanup und Logging für bessere Debugging-Unterstützung.

🔥 Jetzt aktualisiert sich der TDR-Chart automatisch, wenn sich die Daten ändern, ohne dass ein Neuladen der Seite erforderlich ist.
2025-03-20 14:58:52 +01:00
ISA
6f0f11306e hint: Kai 20.03.2025 Die Funktion gibt es auch noch nicht.
TDR aktivieren und deaktivieren von Frontend
2025-03-20 14:07:32 +01:00
ISA
25b63e3a31 feat: Redux-Thunk für analoge Eingänge integriert & useFetchAnalogeEingaenge entfernt
- `fetchAnalogeEingaengeThunk` in `AnalogeEingaengeTable.tsx` verwendet, um API-Daten in Redux zu speichern.
- `useFetchAnalogeEingaenge` entfernt, um doppelte API-Aufrufe zu vermeiden.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- Automatische Aktualisierung der API-Daten alle 10 Sekunden über Redux-Thunk.
- Code-Optimierungen für eine stabilere Client-Side-Architektur mit Next.js.

 Jetzt läuft Redux-Thunk stabil & effizient in der Next.js-Anwendung!
2025-03-19 14:48:19 +01:00
ISA
f957d477c8 feat: CustomTooltip in eigene Komponente ausgelagert
- CustomTooltip in `CustomTooltip.tsx` ausgelagert für bessere Code-Struktur
- `LoopMeasurementChart.tsx` angepasst und `CustomTooltip` importiert
- Verbesserung der Wiederverwendbarkeit und Lesbarkeit des Codes
2025-03-19 07:55:04 +01:00
Ismail Ali
89994f767a JSON Daten etwas entfernt und den Unterschied zu sehen 2025-03-15 13:31:06 +01:00
Ismail Ali
da28d64f8c feat(chart): X-Achsen-Labels optimiert für bessere Lesbarkeit
- Jahreszahl aus der X-Achse entfernt, um die Darstellung kompakter zu machen.
- Datumsformat von `TT.MM.YYYY` auf `TT.MM` geändert.
- Achsenbeschriftung um 25° gedreht (`angle: -25`) für bessere Übersicht.
- `dy: 5` hinzugefügt, um die Abstände der Labels anzupassen.
2025-03-15 11:42:17 +01:00
Ismail Ali
e0379c24a6 feat(ui): Slot-Nummer nach links verschoben und Datumsauswahl horizontal ausgerichtet
- Slot-Nr.-Anzeige nach links im ActionBar verschoben.
- Datum-Labels („Von“ & „Bis“) und Eingabefelder horizontal ausgerichtet.
- Verbesserte UI/UX der Chart-Steuerungskomponenten.
2025-03-14 21:30:21 +01:00
ISA
162a0aa318 DIA0, DIA1 und DIA2 von 10.10.0.118 API genommen 2025-03-14 13:14:15 +01:00
Ismail Ali
bb098a4ccb WIP: analoge Eingänge von Slice bekommen 2025-02-25 22:21:08 +01:00
Ismail Ali
a641d3d100 git commit -m "fix: Redux TypeScript Fehler behoben & automatische Mock-Daten Aktualisierung
- useAppDispatch in store.ts hinzugefügt, um AsyncThunkActions korrekt zu dispatchen
- TypeScript-Fehler in useFetchAnalogeEingaenge.ts behoben
- loadFromWindow wird jetzt regelmäßig neu geladen, um Änderungen in Mock-Daten zu übernehmen
- UI aktualisiert sich automatisch, wenn sich Werte in ae.js ändern
- Code-Struktur verbessert & Redux-Integration optimiert

Test erfolgreich: Änderungen in ae.js werden nun direkt in der UI sichtbar!"
2025-02-25 20:09:24 +01:00
Ismail Ali
8c01dd3fc3 git commit -m "feat: UI-Optimierung für analoge Eingänge & Diagramm
- Layout verbessert: Tabelle und Diagramm jetzt nebeneinander (grid-responsive)
- Responsivität optimiert: Kein unnötiges horizontales Scrollen mehr
- Diagramm verbessert:
  - Höhere Lesbarkeit mit stärkeren Linien und Abstand für Achsenbeschriftungen
  - Anpassung der Höhe und Breite für mobile & große Bildschirme
- Tabelle optimiert:
  - Bessere Lesbarkeit mit größeren Abständen
  - Hover-Effekte für Zeilen
  - Dynamisches Spaltenlayout für kleine & große Bildschirme
- Code aufgeräumt und verbessert

Test auf verschiedenen Bildschirmgrößen erfolgreich!"
2025-02-25 19:46:52 +01:00
ISA
94b40c9b67 feat: Uhrzeit in Chart-Tooltips hinzugefügt
- Tooltip-Format geändert auf `dd.MM.yyyy HH:mm`, um Datum und Uhrzeit anzuzeigen
- X-Achse zeigt weiterhin nur das Datum (`dd.MM.yyyy`), aber Tooltips enthalten auch die Uhrzeit
- Tooltip `callbacks.label` angepasst, um Uhrzeit (`HH:mm`) bei Mouse-Hover zusätzlich anzuzeigen
- Sicherstellung, dass alle Linien (i, a, m, g) die korrekte Uhrzeit im Tooltip anzeigen
2025-02-21 11:56:39 +01:00
ISA
2e4e56869a Mock daten in richtige Reihnfolge oben das aktuelleste 2025-02-21 08:19:50 +01:00
ISA
2ad1f943ce Mock daten für DIA0, DIA1 und DIA2 für KÜs-Charts 2025-02-20 13:57:15 +01:00
ISA
ac9b94eb5f feat: Datenquelle auf statische JSON-Dateien in public umgestellt
- Fetch-API in `LoopChartActionBar.tsx` angepasst, um Mock-Daten aus `/public/CPLmockData/kuesChartData/` zu laden.
- Mock-Daten als statische JSON-Dateien (`DIA0.json`, `DIA1.json`, `DIA2.json`) hinzugefügt.
- `LoopMeasurementChart.tsx` angepasst, um die Daten aus dem Redux-Store zu verwenden.
- Debugging-Logs entfernt und Fehlerbehandlung für fehlgeschlagene API-Requests verbessert.

Mock-Daten können jetzt ohne API-Server geladen werden.
2025-02-20 12:24:42 +01:00
ISA
8ebf3715d0 dropdownmenü für DIA0, DIA1 und DIA2 für KÜs Charts 2025-02-20 11:39:49 +01:00
ISA
cd28e5085c mockChartData inCPLmockData verschoben 2025-02-20 10:37:56 +01:00
ISA
f9c050417e digitale Eingänge Redux Slice erstellt für mehr Übersicht 2025-02-20 08:07:53 +01:00
Ismail Ali
2d61ff4c76 Digitale Ausgänge von window laden, stae und Bezeichnung 2025-02-19 14:51:49 +01:00
Ismail Ali
9f564450a2 Digitale Ausgänge ausgelagert von Ein- und Asgänge 2025-02-17 16:22:32 +01:00
ISA
4dd8e7d3b0 Webserverversion: 1.0.6.2 OPCUA Info lesen 2025-02-10 08:33:29 +01:00
ISA
cd44c1bd6a JSON Dateien in einem Ordner verschoben 2025-01-28 13:15:00 +01:00
ISA
b1e50188ab Redux Dateien in redux/store/ verschoben 2025-01-28 10:25:24 +01:00
ISA
98672fcbd5 für TDR liste für json Dateien directory.json statt directory.csv 2025-01-27 15:10:13 +01:00
ISA
dc96128fad TDR Messung in neue struktur eingefügt zum Testen und Logik Implementieren 2025-01-27 10:56:09 +01:00
ISA
b3636b93a8 Struktur für TDR wegen Filter 2025-01-27 10:38:17 +01:00
ISA
c4136de6d1 Code funktioniert,aber style soll geändert werden für einausgaenge.js 2025-01-22 15:03:13 +01:00
ISA
9b21f0db36 Kommentare in Platzhalter 2024-11-07 14:20:08 +01:00
ISA
c49b16dd83 MAC Adresse 2 entfernen, weil ist nicht relavant zu sehen 2024-11-07 10:10:59 +01:00
ISA
a3bc86258c datetime zu cplInternalTimestamp für bessere Klarheit 2024-11-07 07:40:45 +01:00
ISA
7333bf93fa feat: Implement blinking icon for "PST-M prüfen" alarm
- Added blinking icon functionality to "PST-M prüfen" alarm status for consistency with other alarm statuses.
- Refactored display logic to prioritize "PST-M prüfen" with icon blink effect in the interval.
- Ensured proper interval clearing for consistent display across alarm updates.
2024-11-06 08:43:32 +01:00
ISA
1cdd77be09 Kabelüberwachung liest aus Redux 2024-11-05 08:25:18 +01:00
ISA
f9fb338915 kueIso in variablesSlice eingefügt 2024-11-01 13:52:43 +01:00
ISA
5c5f816744 Variablen nur in redux store und DevTools redux-toolkit 2024-11-01 07:24:43 +01:00
ISA
61f07b4b1d durch loadWindowVariables setinterval in _app.js aktualisiert sich der Browser 2024-10-30 14:50:37 +01:00