Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Digitale Ausgänge nicht erforderlich

Browse Source
This commit is contained in:
ISA
2025-04-03 08:02:02 +02:00
parent c973e85ce3
commit 2f631e80be
18 changed files with 41 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
docs/Diagramme/classDiagram.md
View File

@@ -1,17 +0,0 @@
### 🟩 Datei: `classDiagram.md`
```mermaid
classDiagram
class User {
+String name
+int id
+login()
}
class Admin {
+String role
}
User <|-- Admin
```

21
docs/Diagramme/erdiagramm.md
View File

@@ -1,21 +0,0 @@
### 🟩 Datei: `erdiagramm.md`
```mermaid
erDiagram
Kunden ||--o{ Bestellungen : hat
Bestellungen ||--|{ Artikel : enthält
Kunden {
string name
string adresse
}
Bestellungen {
int id
date datum
}
Artikel {
int artikel_id
string bezeichnung
float preis
}
```

9
docs/Diagramme/flowchart-lr.md
View File

@@ -1,9 +0,0 @@
### 🟩 Datei: `flowchart-lr.md`
```mermaid
graph LR
A[Start] --> B[Bearbeiten]
B --> C[Speichern]
C --> D[Fertig]
```

9
docs/Diagramme/flowchart-td.md
View File

@@ -1,9 +0,0 @@
### 🟩 Datei: `flowchart-td.md`
```mermaid
graph TD
Start --> Schritt1["Modul auswählen"]
Schritt1 --> Schritt2["Daten abrufen"]
Schritt2 --> Schritt3["Ergebnis anzeigen"]
```

12
docs/Diagramme/ganttdiagramm.md
View File

@@ -1,12 +0,0 @@
### 🟩 Datei: `ganttdiagramm.md`
```mermaid
gantt
title Projektzeitplan CPLv4.0
dateFormat YYYY-MM-DD
section Entwicklung
Planung :done, des1, 2024-09-01, 5d
Umsetzung :active, dev1, 2024-09-06, 10d
Tests : test, 2024-09-18, 7d
```

16
docs/Diagramme/journeydiagramm.md
View File

@@ -1,16 +0,0 @@
### 🟩 Datei: `ganttdiagramm.md`
```mermaid
journey
title CPLv4.0 Benutzererlebnis
section Start
Öffnet Dashboard: 5: User
Erkennt Status: 4: User
section Konfiguration
Stellt Slot ein: 3: User
Speichert Referenzkurve: 4: User
section Analyse
Vergleicht Kurven: 4: User
Exportiert Ergebnisse: 2: User
```

12
docs/Diagramme/redux-prozessdiagramm.md
View File

@@ -1,12 +0,0 @@
### 🟩 Datei: `redux-prozessdiagramm.md`
```mermaid
graph LR
User --> UC1["Modul auswählen"]
User --> UC2["Daten abrufen"]
UC2 --> UC3["Thunk verarbeitet Anfrage"]
UC3 --> UC4["Service ruft Daten ab"]
UC4 --> UC5["Redux speichert Daten"]
UC5 --> UC6["UI rendert mit neuen Daten"]
UC6 --> User
```

22
docs/Diagramme/redux-sequenzdiagramm.md
View File

@@ -1,22 +0,0 @@
---
### 🟧 Datei: `redux-sequenzdiagramm.md`
# 🔃 Redux Sequenzdiagramm – Interner Ablauf als Zeitfolge
```mermaid
sequenceDiagram
participant User
participant UI
participant ReduxStore
participant Thunk
participant Service
User->>UI: Wählt Modul aus
UI->>ReduxStore: Lädt Daten
ReduxStore->>Thunk: Dispatch Thunk
Thunk->>Service: API Request
Service-->>Thunk: API Response
Thunk->>ReduxStore: Update State
ReduxStore->>UI: State-Update, Re-Render
```

16
docs/Diagramme/sequenzdiagramm.md
View File

@@ -1,16 +0,0 @@
### 🟩 Datei: `sequenzdiagramm.md`
```mermaid
sequenceDiagram
participant User
participant UI
participant Redux
participant API
User->>UI: Klick auf Modul
UI->>Redux: Dispatch Action
Redux->>API: API Request
API-->>Redux: Antwort
Redux->>UI: Update View
```

11
docs/Diagramme/tdr-abhaengigkeit.md
View File

@@ -1,11 +0,0 @@
# 📈 TDR-Datenfluss – Abhängigkeiten zwischen Slot, TDM, TDR und Referenzkurve
```mermaid
graph TD
Slot --> TDM["TDM (TDR-Messliste)"]
TDM --> TDR["TDR (Einzelmessung)"]
TDR --> Chart["TDR Chart"]
Referenzkurve --> Chart
TDR --> Referenzkurve
Slot --> Referenzkurve
```

11
docs/Diagramme/zustandsdiagramm.md
View File

@@ -1,11 +0,0 @@
### 🟩 Datei: `zustanddiagramm.md`
```mermaid
stateDiagram
[*] --> Offline
Offline --> Verbinde
Verbinde --> Online
Online --> Trennen
Trennen --> Offline
```

102
docs/README.md
View File

@@ -1,102 +0,0 @@
# ⚡ CPLv4.0 – Frontend für das Kabelüberwachungssystem
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.
---
## 🧭 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
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
```

27
docs/draw.io/test.drawio
View File

@@ -1,27 +0,0 @@
<mxfile host="65bd71144e">
<diagram id="95LLT6B1yb-ZXk_jyexu" name="Page-1">
<mxGraphModel dx="1732" dy="894" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="2" value="&lt;div style=&quot;color: rgb(204, 204, 204); background-color: rgb(31, 31, 31); font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;&quot;&gt;&lt;span style=&quot;color: #dcdcaa;&quot;&gt;handleSetReference&lt;/span&gt;&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="50" y="160" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="3" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="2" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="400" y="480" as="sourcePoint"/>
<mxPoint x="310" y="190" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="6" value="fetch" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="3" vertex="1" connectable="0">
<mxGeometry x="0.3333" y="-2" relative="1" as="geometry">
<mxPoint x="-20" y="-22" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="7" value="&lt;h6 style=&quot;font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace; line-height: 19px; white-space: pre;&quot;&gt;&lt;font style=&quot;color: rgb(0, 0, 0); background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); font-size: 10px;&quot;&gt;fetchReferenceCurveBySlotThunk&lt;/font&gt;&lt;/h6&gt;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="310" y="152.5" width="190" height="75" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>