docs: CHANGELOG.md hinzugefügt mit vollständiger Versionshistorie bis v1.6.194

- Alle Git-Tags von v1.0.0 bis v1.6.194 aufgenommen
- Einträge enthalten Beschreibung, Kategorie (Fix, Feature, Docs)
- Struktur konform mit semantischer Versionierung
- Datei im Root-Verzeichnis für zentrale Dokumentation
This commit is contained in:
ISA
2025-03-31 14:28:25 +02:00
parent b404390186
commit d250dc1400
2 changed files with 290 additions and 31 deletions

193
CHANGELOG.md Normal file
View File

@@ -0,0 +1,193 @@
# 📦 CHANGELOG CPLv4.0
Alle Änderungen und Versionen des CPLv4.0 Frontends chronologisch dokumentiert.
---
## [1.6.194] 2025-03-31
### Hinzugefügt
- TDR-Dropdown zeigt nun Zeitstempel im deutschen Format (`TT.MM.JJJJ, HH:MM:SS`)
- Anzeige der Fehlerstelle (`d`) direkt im Dropdown
- Intern wird weiterhin die ID verwendet
---
## [1.6.190] 2025-03-29
### Dokumentation
- Vollständige `README.md` erstellt mit Seitenstruktur, Technologie-Stack und Installationsanleitung
---
## [1.6.189] 2025-03-28
### Verbesserungen
- Referenzkurve wird sofort nach dem Setzen im Chart aktualisiert
- Legendenbeschriftung im TDR-Chart überarbeitet
---
## [1.6.155] 2025-03-26
### Hinzugefügt
- Dropdown-Funktion für letzte TDR-Messungen pro Slot (ID-Auswahl)
---
## [1.6.146] 2025-03-19
### Hinzugefügt
- Referenzkurvenanzeige im TDR-Chart integriert
---
## [1.6.145] 2025-03-18
### Hinzugefügt
- Erste Version des TDR-Charts mit Live-Datenanzeige
---
## [1.6.137] 2025-03-15
### Hinzugefügt
- Redux-Thunk-Struktur für analoge & digitale Eingänge implementiert
---
## [1.6.123] 2025-03-10
### Release
- Allgemeine Optimierungen
---
## [1.6.122] 2025-03-09
### Fixes
- Reihenfolge der Legenden-Einträge im Chart korrigiert
---
## [1.6.121] 2025-03-08
### Verbesserung
- Chart-Bereich mit Kalenderfunktion synchronisiert
---
## [1.6.110] 2025-03-04
- Interne Updates ohne spezielle Notiz
---
## [1.6.106] 2025-03-02
### Fix
- Typfehler in `useLoopDisplay` & `Kue705FO` behoben
---
## [1.6.105] 2025-03-01
### UI
- Responsive Design überarbeitet (Tailwind)
---
## [1.6.86] 2025-02-22
### Fix
- API-URL für Produktionsumgebung dynamisch + Datumsfix
---
## [1.6.82] 2025-02-20
### Fix
- `window is not defined`-Fehler in Charts behoben
- Schleifenanzeige korrigiert
- Build erfolgreich möglich
---
## [1.6.44] 2024-12-19
### Refactor
- Dashboard-Komponenten modularisiert und importiert
---
## [1.0.6.1] 2024-11-10
### Hinzugefügt
- Erste Version mit `GeneralSettings`-Integration
## [1.0.6.0] 2024-11-05
### Migration
- Umstellung des Projekts von JavaScript auf TypeScript
---
## [1.0.5.3] 2024-10-28
### Hinzugefügt
- Digitale Ein- und Ausgänge hinzugefügt
## [1.0.5.1] 2024-10-26
### UI
- Tailwind Responsiveness (xl, 2xl) im Chrome Mobile Emulator angepasst
## [1.0.5] 2024-10-25
### Sicherheit
- Admin-Login mit Passwort-Hashing implementiert
## [1.0.4] 2024-10-20
### Feature
- NTP-Synchronisation für Systemzeit getestet und bestätigt
## [1.0.2] 2024-10-15
### Hinzugefügt
- Neues Einstellungs-Modal
- Verbesserte NTP-Konfiguration & Netzwerk-Reboot-Handling
## [1.0.1] 2024-10-10
### Refactor
- `kueModal` und `settingsModal` modularisiert und mit Handlern versehen
## [1.0.0] 2024-10-01
### Initial Release
- Erste produktionsreife Version veröffentlicht

128
README.md
View File

@@ -1,36 +1,102 @@
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). # ⚡ CPLv4.0 Frontend für das Kabelüberwachungssystem
## Getting Started Das Frontend von CPLv4.0 stellt verschiedene Systeminformationen, Messdaten und Konfigurationen übersichtlich dar.
Die Benutzeroberfläche ist intuitiv und modular aufgebaut und bietet Zugriff auf digitale sowie analoge Ein-/Ausgänge, TDR-Messungen, Referenzkurven, Systemmeldungen und Einstellungen.
First, run the development server: ---
## 🧭 Seitenübersicht
### 🔹 **Header**
- Zeigt den Namen der Station / des Geräts (CPL)
- Abmelden-Button für Admins
### 🔹 **Footer**
- Firmenname, Telefonnummer, E-Mail
- PDF-Handbücher (Anleitung) als Slider mit Download-Funktion
---
### 🖥️ **/dashboard** Übersicht
- Letzten 20 Meldungen aus dem System
- Versionsinformationen (Frontend, Backend)
- Baugruppenträger mit Modulnamen und Statusanzeige (grün = OK, rot = Fehler)
- Netzwerk-Informationen:
- IP-Adresse
- Subnetzmaske
- Gateway
- OPC UA Status (in Betrieb oder offline)
- OPC UA Nodeset Name
---
### 📡 **/kabelueberwachung** Kabelüberwachung
- Visualisierung der Slots (KUE 132) in 4 Racks
- Darstellung von:
- Isolationswiderstand
- Schleifenwiderstand
- TDR-Messkurven und Vergleich mit Referenzkurve
- Alarme (z.B. Erdschluss, Aderbruch)
- Einstellung pro Slot (via Zahnrad → Modal)
---
### 🔌 **/einausgaenge** Digitale Ein- und Ausgänge
- Digitale Eingänge (132) mit Statusanzeige
- Digitale Ausgänge (14) mit Umschaltfunktion (Toggle)
- Modale für Beschreibung und Konfiguration
---
### 🌡️ **/analogeEingaenge**
- Tabelle mit analogen Eingangswerten (z.B. Temperatur, Spannung)
- Diagramm zur Visualisierung von Verlauf / Trends
---
### 📝 **/meldungen**
- Gesamte Meldungshistorie
- Anzeige von Statusfarbe, Zeit, Gewichtung, Nachricht, Quelle
- Pagination (10 Meldungen pro Seite)
---
### ⚙️ **/einstellungen**
- Allgemeine Systemeinstellungen
- OPC UA Konfiguration
- Benutzer, Verschlüsselung, Clients
- Verbindung & Nodeset-Verwaltung
---
## 🔧 Technologien
- **Next.js** (Pages Router)
- **React** (mit funktionalen Komponenten & Hooks)
- **Tailwind CSS** für responsives UI-Design
- **Redux Toolkit** zur Zustandverwaltung
- **Mockdaten** im Verzeichnis `public/CPLmockData/`
- **Iconify Icons** & **Bootstrap Icons** für UI-Darstellung
---
## 🔧 Installation auf dem CPLv4.0
```bash ```bash
npm run dev git clone http://10.10.0.12:3000/ISA/CPL_V4_Frontend
# or cd cplv4-frontend
yarn dev npm install
# or npm run build
pnpm dev
# or Danach:
bun dev Inhalt des out-Verzeichnisses per FTP auf das CPL-Gerät kopieren
Ziel: B → WEBS Verzeichnis
``` ```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.