diff --git a/app/kabelueberwachung/page.jsx b/app/kabelueberwachung/page.jsx index 1a98252..33cb01b 100644 --- a/app/kabelueberwachung/page.jsx +++ b/app/kabelueberwachung/page.jsx @@ -1,86 +1,32 @@ "use client"; import React, { useState } from "react"; +import Kue705FO from "../../components/modules/Kue705FO"; function Kabelueberwachung() { - const [activeTab, setActiveTab] = useState(1); - - const racks = [ - { id: 1, name: "Rack 1" }, - { id: 2, name: "Rack 2" }, - { id: 3, name: "Rack 3" }, - { id: 4, name: "Rack 4" }, - ]; + const moduleValues = { + isolationswert: ">200", + schleifenwiderstand: "0.85", + }; return ( -
- {/* Tabs */} - - {/* Rack-Inhalte */} -
- {racks.map( - (rack) => - activeTab === rack.id && ( -
-

{rack.name} Inhalte

- - - - - - - - - - - - - {Array.from({ length: 8 }, (_, index) => ( - - - - - - - - - ))} - -
SlotBezeichnung - Isolationsgrenzwert - - Schleifengrenzwert - FilterzeitAktionen
- Slot {index + 1} - - Beispielbezeichnung - 0.5 MOhm10 kOhm5 sek. - -
-
- ) - )} +
+

Kabelüberwachung

+
+ {/* Hier verwenden wir die Kue705FO-Komponente */} + + + + + + + +
); diff --git a/components/modules/Kue705FO.jsx b/components/modules/Kue705FO.jsx new file mode 100644 index 0000000..e92df54 --- /dev/null +++ b/components/modules/Kue705FO.jsx @@ -0,0 +1,35 @@ +import React from "react"; +import { Icon } from "@iconify/react"; // Für Iconify Icons + +function Kue705FO({ isolationswert, schleifenwiderstand, modulName, version }) { + return ( +
+ {/* Hauptkörper - Linker Bereich */} +
+ + {/* Innenrahmen weiß */} +
+ + {/* Rechte Spalte */} +
+ + {/* Oberer kleiner Block in der rechten Spalte */} +
+ + {/* Text KÜ705-FO */} +

+ KÜ705-FO +

+ + {/* Unterer Bereich - Schleifenwiderstand und Messkurve */} +
+ {/* Messkurve Button */} +
+ Messkurve +
+
+
+ ); +} + +export default Kue705FO; diff --git a/public/images/KUE_Steckplatz.svg b/public/images/KUE_Steckplatz.svg new file mode 100644 index 0000000..d3a2fe7 --- /dev/null +++ b/public/images/KUE_Steckplatz.svg @@ -0,0 +1 @@ +MesskurveSchleifeTDR0.01Schleifenwiderstand [kOhm]300.11420Isolationsgw.[MOhm]:Schleifengw.[kOhm]:Meldeverz.[sek]:33.7Isolationswert[MOhm]ErdschlussErdschlussIsolationsfehlerIsolationsfehlerAderbruchAderbruchBetriebBetriebKÜ605-µCKVZ4KVZ3KVZ2KVZ1MesskurveMesskurveSchleifeSchleifeTDRTDRTDR0.01Schleifenwiderstand [kOhm]0.01Entfernung [km]33.7Aderbruch!Erdungsfehler!MOhmISOIsolationswertAlarmAlarmBetriebKÜ705-FOLetzte StörungMin-Max Kurve0.000.00Letzte 15 min. MessungMin.Max.Letzte Mess.:--.--.---- --:--AlarmAlarmBetriebKÜSS33.7Event(s)- - - -AVGMesskurve30420Dämpfungsgw.[dB]:Meldeverz.[sek]:33.7Dämpfungswert[dB]DämpfungDämpfungFaserbruchFaserbruchBetriebKÜ605-µFV X.X---BezeichnungXSystemfehler--------------XX.XIsolationswiderstand [MOhm]ErdschlussIsolationsfehlerAderbruchBetriebDaten werdengeladen... \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 4d2f9fe..2ca94c6 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,7 +6,11 @@ module.exports = { "./app/**/*.{js,ts,jsx,tsx,mdx}", ], theme: { - extend: {}, + extend: { + colors: { + "littwin-blue": "#00AEEF", // Definiere die Farbe mit dem gewünschten Hex-Wert + }, + }, }, plugins: [], };