diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..7beccae --- /dev/null +++ b/CHANGELOG.md @@ -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 diff --git a/README.md b/README.md index 0dc9ea2..4d8dcb2 100644 --- a/README.md +++ b/README.md @@ -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 1–32) 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 (1–32) mit Statusanzeige +- Digitale Ausgänge (1–4) 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 -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev +git clone http://10.10.0.12:3000/ISA/CPL_V4_Frontend +cd cplv4-frontend +npm install +npm run build + +Danach: +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.