TDR und Schleife Button in KÜs wieder für die Funktionen

.env.development

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.645
+NEXT_PUBLIC_APP_VERSION=1.6.647
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.645
+NEXT_PUBLIC_APP_VERSION=1.6.647
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,43 @@
+## [1.6.647] – 2025-07-24
+
+- feat:
+Anzeige KÜ-Display:
+
+1. Zeile Alarm: Isolationsfehler, Schleifenfehler, Aderbruch, Erdschluß, Messpannung: Immer in Rot; wenn kein Alarm, bleibt die Zeile leer
+
+2. Zeile: Isowert: xx MOhm (großes M)
+
+in Rot, wenn Iso-Fehler ansteht
+
+Beispiel: ISO: 100 MOHm der beim Abliech:  ISO: Abgleich
+
+3. Zeile: Schleifenwert, xx kOhm (kleines k)
+
+in Rot, wenn Schleifenfehler ansteht
+
+Beispiel:: RSL: 1,7 kOhm oder wenn Schleifenmessung aktiv: RSL: Messung
+
+---
+## [1.6.646] – 2025-07-24
+
+- feat:
+Anzeige KÜ-Display:
+
+1. Zeile Alarm: Isolationsfehler, Schleifenfehler, Aderbruch, Erdschluß, Messpannung: Immer in Rot; wenn kein Alarm, bleibt die Zeile leer
+
+2. Zeile: Isowert: xx MOhm (großes M)
+
+in Rot, wenn Iso-Fehler ansteht
+
+Beispiel: ISO: 100 MOHm der beim Abliech:  ISO: Abgleich
+
+3. Zeile: Schleifenwert, xx kOhm (kleines k)
+
+in Rot, wenn Schleifenfehler ansteht
+
+Beispiel:: RSL: 1,7 kOhm oder wenn Schleifenmessung aktiv: RSL: Messung
+
+---
 ## [1.6.645] – 2025-07-24
 
 - Feat: Fenster nicht schließen für Firmware Update

components/main/kabelueberwachung/kue705FO/Kue705FO.tsx

@@ -283,6 +283,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
           </div>
 
           {/* Schleifenwiderstand Bereich */}
+          {/*
           <div className="absolute bottom-[5.963rem] left-[0.068rem] w-[7.074rem] h-[4.1rem] bg-gray-300 border-[0.094rem] border-gray-400 p-[0.063rem]">
             <span className="text-black text-[0.438rem] absolute top-[0.125rem] left-[0.063rem] mt-1">
               Schleifenwiderstand [kOhm]
@@ -309,8 +310,10 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
               </div>
             </div>
           </div>
+          */}
 
           {/* TDR Bereich */}
+          {/*
           {Array.isArray(tdrActive) && tdrActive[slotIndex] === 1 && (
             <div className="absolute bottom-[0.063rem] left-[0.068rem] w-[7.074rem] h-[4.1rem] bg-gray-300 border-[0.094rem] border-gray-400 p-[0.063rem]">
               <span className="text-black text-[0.438rem] absolute top-[0.125rem] left-[0.063rem] mt-1">
@@ -334,6 +337,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
               </div>
             </div>
           )}
+            */}
 
           {/* Modal für Einstellungen */}
         </>
@@ -347,12 +351,118 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
       {/* Messkurven-Button unter dem Modul */}
       {kueOnline === 1 && (
         <>
-          <button
+          {/*
-            onClick={openChartModal}
+        
-            className="w-full h-[1.863rem] bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center mt-2"
+      Überschrift: Detailansicht
-          >
+        ISO und RSL als Buttons (Firmenblau) nebeneinander
-            Messkurve
+        TDR und KVz Buttons (Firmenblau) nebeneinander
-          </button>
+        Wenn kein TDR oder kein KVz: nur grauer Button ohne Text
+ 
+        
+        */}
+          <div className="flex flex-col items-center w-full px-2 mt-2 space-y-2">
+            {/* Detailansicht Header */}
+            <span className="text-black text-[0.625rem] font-semibold">
+              Detailansicht
+            </span>
+
+            {/* ISO and RSL Buttons */}
+            <div className="flex space-x-2">
+              <button
+                onClick={openChartModal}
+                className="bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center p-2"
+              >
+                ISO
+              </button>
+              <button
+                onClick={openChartModal}
+                className="bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center p-2"
+              >
+                RSL
+              </button>
+            </div>
+
+            {/* TDR and KVz Buttons */}
+            <div className="flex space-x-2 p-1">
+              <button
+                onClick={() => handleButtonClick("TDR", setActiveButton)}
+                className=" bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center p-2"
+              >
+                TDR
+              </button>
+              <button
+                onClick={() => handleButtonClick("KVz", setActiveButton)}
+                className="bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center p-2"
+              >
+                KVz
+              </button>
+            </div>
+
+            {/* Messkurve Button */}
+            <button
+              onClick={openChartModal}
+              className="w-full h-[1.863rem] bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center"
+            >
+              Messkurve
+            </button>
+            <div className="flex mt-3 space-x-[0.063rem] ">
+              <button
+                onClick={() =>
+                  handleButtonClick(
+                    "Schleife",
+                    setActiveButton,
+                    setloopTitleText,
+                    (value) =>
+                      setLoopDisplayValue(
+                        typeof value === "number" ? value : Number(value)
+                      ), // Hier sicherstellen, dass nur number übergeben wird
+                    Number(schleifenwiderstand), // <- Stelle sicher, dass es eine Zahl ist
+                    tdrLocation,
+                    dispatch,
+                    slotIndex
+                  )
+                }
+                className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${
+                  activeButton === "Schleife"
+                    ? "bg-littwin-blue"
+                    : "bg-gray-400"
+                }`}
+              >
+                Schleife
+              </button>
+              <button
+                onClick={() => {
+                  setActiveButton("TDR");
+                  setloopTitleText("Entfernung [km]");
+
+                  const latestTdrDistanceMeters =
+                    Array.isArray(tdmChartData?.[slotIndex]) &&
+                    tdmChartData[slotIndex].length > 0 &&
+                    typeof tdmChartData[slotIndex][0].d === "number"
+                      ? tdmChartData[slotIndex][0].d
+                      : 0;
+
+                  const latestTdrDistance = Number(
+                    (latestTdrDistanceMeters / 1000).toFixed(3)
+                  );
+                  setLoopDisplayValue(latestTdrDistance);
+                }}
+                className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${
+                  Array.isArray(tdrActive) && tdrActive[slotIndex] === 0
+                    ? "bg-gray-200 cursor-not-allowed" // Deaktiviert: Hellgrau
+                    : activeButton === "TDR"
+                    ? "bg-littwin-blue" // Aktiviert: Littwin Blau
+                    : "bg-gray-400" // Nicht geklickt: Dunkelgrau
+                }`}
+                disabled={
+                  Array.isArray(tdrActive) && tdrActive[slotIndex] === 0
+                } // Button deaktiviert, wenn TDR für diesen Slot nicht aktiv ist
+              >
+                TDR
+              </button>
+            </div>
+          </div>
+
           {/* Modal für Messkurve */}
           {showChartModal && (
             <ChartSwitcher

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.645",
+  "version": "1.6.647",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.645",
+      "version": "1.6.647",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.645",
+  "version": "1.6.647",
   "private": true,
   "scripts": {
     "dev": "next dev",