style: TDR

.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.881
+NEXT_PUBLIC_APP_VERSION=1.6.882
 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.881
+NEXT_PUBLIC_APP_VERSION=1.6.882
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.882] – 2025-09-09
+
+- style: dark mode ISO, RSL und TDR
+
+---
 ## [1.6.881] – 2025-09-09
 
 - feat: MUI test

components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChartActionBar.tsx

@@ -168,7 +168,9 @@ const TDRChartActionBar: React.FC = () => {
       <div className="toolbar w-full flex items-center gap-3 flex-wrap">
         {/* Slot Badge */}
         <div className="flex items-center gap-2 pr-4">
-          <span className="font-semibold uppercase tracking-wide text-muted">KÜ</span>
+          <span className="font-semibold uppercase tracking-wide text-muted">
+            KÜ
+          </span>
           <span className="font-medium px-2 py-0.5 rounded bg-surface-alt border border-base min-w-[3rem] text-center">
             {selectedSlot !== null ? selectedSlot + 1 : "-"}
           </span>
@@ -214,7 +216,9 @@ const TDRChartActionBar: React.FC = () => {
                 <span className="dropdown-text-fix whitespace-nowrap overflow-hidden text-ellipsis pr-2">
                   {selectedId
                     ? (() => {
-                        const selected = idsForSlot.find((e) => e.id === selectedId);
+                        const selected = idsForSlot.find(
+                          (e) => e.id === selectedId
+                        );
                         return selected
                           ? `${new Date(selected.t).toLocaleString("de-DE", {
                               day: "2-digit",
@@ -247,11 +251,11 @@ const TDRChartActionBar: React.FC = () => {
                       value={entry.id}
                       title={fullText}
                       className={({ selected, active }) => {
-                        const base = "px-3 h-8 cursor-pointer rounded-sm m-0.5 flex items-center justify-start transition-colors text-[13px]";
+                        const base =
+                          "px-3 h-8 cursor-pointer rounded-sm m-0.5 flex items-center justify-start transition-colors text-[13px]";
                         if (selected)
                           return `${base} dropdown-option-active font-medium`;
-                        if (active)
+                        if (active) return `${base} dropdown-option-hover`;
-                          return `${base} dropdown-option-hover`;
                         return `${base}`; // neutral text color comes from parent/theme
                       }}
                     >
@@ -271,10 +275,12 @@ const TDRChartActionBar: React.FC = () => {
               TDR Messung läuft... kann bis zu zwei Minuten dauern
             </p>
             <p className="text-sm text-white/80">
-              Bitte warten… {Math.min(
+              Bitte warten…{" "}
+              {Math.min(
                 100,
                 Math.round((tdrProgress / TDR_TOTAL_DURATION) * 100)
-              )}%
+              )}
+              %
             </p>
           </div>
           <div className="w-2/3 max-w-xl h-3 bg-white/20 rounded overflow-hidden shadow-inner">

components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChartView.tsx

@@ -16,7 +16,10 @@ import {
   setChartTitle,
 } from "@/redux/slices/kabelueberwachungChartSlice";
 import { resetBrushRange } from "@/redux/slices/brushSlice";
-import { setSelectedSlot, setActiveMode } from "@/redux/slices/kueChartModeSlice";
+import {
+  setSelectedSlot,
+  setActiveMode,
+} from "@/redux/slices/kueChartModeSlice";
 import { Listbox } from "@headlessui/react";
 import Report from "../IsoMeasurementChart/Report";
 
@@ -26,9 +29,15 @@ interface TDRChartViewProps {
   slotIndex: number;
 }
 
-const TDRChartView: React.FC<TDRChartViewProps> = ({ isOpen, onClose, slotIndex }) => {
+const TDRChartView: React.FC<TDRChartViewProps> = ({
+  isOpen,
+  onClose,
+  slotIndex,
+}) => {
   const dispatch = useDispatch<AppDispatch>();
-  const { isFullScreen, chartTitle } = useSelector((s: RootState) => s.kabelueberwachungChartSlice);
+  const { isFullScreen, chartTitle } = useSelector(
+    (s: RootState) => s.kabelueberwachungChartSlice
+  );
 
   // Initialize defaults when opening
   useEffect(() => {

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.881",
+  "version": "1.6.882",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.881",
+      "version": "1.6.882",
       "dependencies": {
         "@emotion/react": "^11.13.0",
         "@emotion/styled": "^11.13.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.881",
+  "version": "1.6.882",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",