From 76f4b92fb518c521d542caadb5138ff97a82ee10 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 2 Apr 2025 07:38:48 +0200
Subject: [PATCH] feat: Charttitel in ChartSwitcher dynamisch an Slot-Typ
 angepasst via loopChartTypeSlice - Neues Redux Slice erstellt zur Verwaltung
 des Titels - Dropdown-Auswahl in LoopChartActionBar aktualisiert Redux-Wert -
 ChartSwitcher verwendet dynamischen Titel statt statischem Text

---
 .../kue705FO/Charts/ChartSwitcher.tsx         |  5 +++-
 .../LoopChartActionBar.tsx                    | 17 ++++++++++----
 config/webVersion.ts                          |  2 +-
 redux/slices/loopChartTypeSlice.ts            | 23 +++++++++++++++++++
 redux/store.ts                                |  2 ++
 5 files changed, 42 insertions(+), 7 deletions(-)
 create mode 100644 redux/slices/loopChartTypeSlice.ts

diff --git a/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx b/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx
index 4d829fc..1851352 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx
@@ -32,6 +32,9 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({
   slotIndex,
 }) => {
   const dispatch = useDispatch<AppDispatch>();
+  const chartTitle = useSelector(
+    (state: RootState) => state.loopChartType.chartTitle
+  );
 
   // **Redux-States für aktive Messkurve (TDR oder Schleife)**
   const activeMode = useSelector(
@@ -146,7 +149,7 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({
       >
         {activeMode === "Schleife" ? (
           <>
-            <h3 className="text-lg font-semibold">Schleifenmessung</h3>
+            <h3 className="text-lg font-semibold">{chartTitle}</h3>
             <LoopChartActionBar />
             <div style={{ flex: 1, height: "90%" }}>
               <LoopMeasurementChart />
diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopChartActionBar.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopChartActionBar.tsx
index c3fae95..89a643a 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopChartActionBar.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopChartActionBar.tsx
@@ -12,6 +12,7 @@ import {
   setChartOpen,
 } from "../../../../../../redux/slices/kabelueberwachungChartSlice";
 import { setBrushRange } from "../../../../../../redux/slices/brushSlice";
+import { setChartTitle } from "../../../../../../redux/slices/loopChartTypeSlice";
 
 const LoopChartActionBar: React.FC = () => {
   const dispatch = useDispatch();
@@ -154,13 +155,19 @@ const LoopChartActionBar: React.FC = () => {
 
         <select
           value={selectedSlotType}
-          onChange={(e) =>
+          onChange={(e) => {
+            const value = e.target.value as
+              | "isolationswiderstand"
+              | "schleifenwiderstand";
+            dispatch(setSelectedSlotType(value));
             dispatch(
-              setSelectedSlotType(
-                e.target.value as "isolationswiderstand" | "schleifenwiderstand"
+              setChartTitle(
+                value === "isolationswiderstand"
+                  ? "Isolationsmessung"
+                  : "Schleifenmessung"
               )
-            )
-          }
+            );
+          }}
           className="px-3 py-1 bg-white border rounded text-sm"
         >
           <option value="schleifenwiderstand">Schleifenwiderstand</option>
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 86eec57..aeeb7c5 100644
--- a/config/webVersion.ts
+++ b/config/webVersion.ts
@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.198";
+const webVersion = "1.6.199";
 export default webVersion;
diff --git a/redux/slices/loopChartTypeSlice.ts b/redux/slices/loopChartTypeSlice.ts
new file mode 100644
index 0000000..5a3df64
--- /dev/null
+++ b/redux/slices/loopChartTypeSlice.ts
@@ -0,0 +1,23 @@
+// redux/slices/loopChartTypeSlice.ts
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+interface LoopChartTypeState {
+  chartTitle: string;
+}
+
+const initialState: LoopChartTypeState = {
+  chartTitle: "Schleifenmessung", // Standardwert
+};
+
+const loopChartTypeSlice = createSlice({
+  name: "loopChartType",
+  initialState,
+  reducers: {
+    setChartTitle: (state, action: PayloadAction<string>) => {
+      state.chartTitle = action.payload;
+    },
+  },
+});
+
+export const { setChartTitle } = loopChartTypeSlice.actions;
+export default loopChartTypeSlice.reducer;
diff --git a/redux/store.ts b/redux/store.ts
index 1d28de8..e54643b 100644
--- a/redux/store.ts
+++ b/redux/store.ts
@@ -21,6 +21,7 @@ import kueDataReducer from "./slices/kueDataSlice";
 import selectedChartDataReducer from "./slices/selectedChartDataSlice";
 import tdmSingleChartReducer from "./slices/tdmSingleChartSlice";
 import tdrReferenceChartDataBySlotReducer from "./slices/tdrReferenceChartDataBySlotSlice";
+import loopChartTypeSlice from "./slices/loopChartTypeSlice";
 
 const store = configureStore({
   reducer: {
@@ -44,6 +45,7 @@ const store = configureStore({
     selectedChartDataSlice: selectedChartDataReducer,
     tdmSingleChartSlice: tdmSingleChartReducer,
     tdrReferenceChartDataBySlotSlice: tdrReferenceChartDataBySlotReducer,
+    loopChartType: loopChartTypeSlice,
   },
 });