Add: SERVICE JSON Files

components/main/analogInputs/AnalogInputsChart.tsx

@@ -36,6 +36,9 @@ export default function AnalogInputsChart({
 }: {
   selectedId: number | null;
 }) {
+  const selectedInput = useSelector(
+    (state: RootState) => state.selectedAnalogInput
+  );
   const zoomEnabled =
     process.env.NEXT_PUBLIC_FEATURE_MESSWERTANZEIGE_EINGANG === "true";
   const dispatch = useDispatch<AppDispatch>();
@@ -82,7 +85,9 @@ export default function AnalogInputsChart({
   const chartData = {
     datasets: [
       {
-        label: `Messkurve Messwerteingang ${selectedId}`,
+        label: `Messkurve ${selectedInput?.label ?? "Eingang"} (${
+          selectedInput?.unit ?? ""
+        })`,
         data: inputData.map((point: any) => ({
           x: point.t,
           y: point.m,
@@ -145,7 +150,7 @@ export default function AnalogInputsChart({
       y: {
         title: {
           display: true,
-          text: "Messwert",
+          text: `Messwert (${selectedInput?.unit ?? ""})`,
         },
       },
     },

components/main/analogInputs/AnalogInputsTable.tsx

@@ -18,6 +18,7 @@ import { getAnalogInputsThunk } from "@/redux/thunks/getAnalogInputsThunk";
 import { Icon } from "@iconify/react";
 import settingsIcon from "@iconify/icons-mdi/settings";
 import waveformIcon from "@iconify/icons-mdi/waveform";
+import { setSelectedAnalogInput } from "@/redux/slices/selectedAnalogInputSlice";
 
 export default function AnalogInputsTable({
   setSelectedId,
@@ -39,9 +40,10 @@ export default function AnalogInputsTable({
     (state: RootState) => state.analogInputs ?? []
   );
 
-  const handleSelect = (id: number) => {
+  const handleSelect = (id: number, input: AnalogInput) => {
     setSelectedId(id);
     setActiveId(id);
+    dispatch(setSelectedAnalogInput(input)); // 🧠 hier kommt die Bezeichnung in Redux
   };
 
   return (
@@ -79,7 +81,7 @@ export default function AnalogInputsTable({
                 >
                   <td
                     className="border p-2"
-                    onClick={() => handleSelect(e.id!)}
+                    onClick={() => handleSelect(e.id!, e)}
                   >
                     <div className="flex items-center gap-1 ">
                       <Icon
@@ -91,7 +93,7 @@ export default function AnalogInputsTable({
                   </td>
                   <td
                     className="border p-2 text-right"
-                    onClick={() => handleSelect(e.id!)}
+                    onClick={() => handleSelect(e.id!, e)}
                   >
                     {typeof e.value === "number" ? e.value.toFixed(2) : "-"}
                   </td>
@@ -99,7 +101,7 @@ export default function AnalogInputsTable({
                   <td className="border p-2">{e.unit || "-"}</td>
                   <td
                     className="border p-2"
-                    onClick={() => handleSelect(e.id!)}
+                    onClick={() => handleSelect(e.id!, e)}
                   >
                     {e.label || "----"}
                   </td>
@@ -107,7 +109,7 @@ export default function AnalogInputsTable({
                   <td className="border p-2 text-center">
                     <button
                       onClick={() => {
-                        handleSelect(e.id!);
+                        handleSelect(e.id!, e);
                         setSelectedInput(e);
                         setIsSettingsModalOpen(true);
                       }}