From f85118715e3cec725e8501cd4ca81fcc19a06bb4 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 5 May 2025 15:05:56 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Auswahlzustand=20f=C3=BCr=20analoge=20E?=
 =?UTF-8?q?ing=C3=A4nge=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Visuelle Hervorhebung der ausgewählten Tabellenzeile per Hintergrundfarbe (bg-blue-100)
- Auswahl bleibt bestehen, bis ein anderer Eintrag geklickt wird
- Verbesserte Benutzerführung bei Auswahl eines Eingangs für die Detailanzeige oder Chartansicht
---
 .../AnalogeEingaengeTable.tsx                 | 27 +++++++++++++------
 config/webVersion.ts                          |  2 +-
 pages/analogeEingaenge.tsx                    |  2 +-
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx b/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
index 09dbe17..449a545 100644
--- a/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
+++ b/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
@@ -16,6 +16,7 @@ export default function AnalogeEingaengeTable({
   setIsSettingsModalOpen: (open: boolean) => void;
 }) {
   const dispatch = useDispatch<AppDispatch>();
+  const [activeId, setActiveId] = React.useState<number | null>(null);
 
   useEffect(() => {
     dispatch(fetchAnalogeEingaengeThunk());
@@ -25,6 +26,11 @@ export default function AnalogeEingaengeTable({
     (state: RootState) => state.analogeEingaengeSlice
   );
 
+  const handleSelect = (id: number) => {
+    setSelectedId(id);
+    setActiveId(id);
+  };
+
   return (
     <div className="w-full">
       <div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
@@ -43,22 +49,27 @@ export default function AnalogeEingaengeTable({
               {Object.values(analogeEingaenge)
                 .filter((e) => e?.id !== null && e?.id !== undefined)
                 .map((e, index) => (
-                  <tr key={index} className="hover:bg-gray-100 transition">
+                  <tr
+                    key={index}
+                    className={`transition cursor-pointer ${
+                      e.id === activeId ? "bg-blue-100" : "hover:bg-gray-100"
+                    }`}
+                  >
                     <td
-                      className="border p-3 cursor-pointer"
-                      onClick={() => setSelectedId(e.id!)}
+                      className="border p-3"
+                      onClick={() => handleSelect(e.id!)}
                     >
                       {e.id ?? "-"}
                     </td>
                     <td
-                      className="border p-3 cursor-pointer"
-                      onClick={() => setSelectedId(e.id!)}
+                      className="border p-3"
+                      onClick={() => handleSelect(e.id!)}
                     >
                       {e.value ?? "-"}
                     </td>
                     <td
-                      className="border p-3 cursor-pointer"
-                      onClick={() => setSelectedId(e.id!)}
+                      className="border p-3"
+                      onClick={() => handleSelect(e.id!)}
                     >
                       {e.name || "----"}
                     </td>
@@ -66,7 +77,7 @@ export default function AnalogeEingaengeTable({
                     <td className="border p-3 text-center">
                       <button
                         onClick={() => {
-                          setSelectedId(e.id!);
+                          handleSelect(e.id!);
                           setSelectedInput(e);
                           setIsSettingsModalOpen(true);
                         }}
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 4c72efe..5a7c08f 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.363";
+const webVersion = "1.6.364";
 export default webVersion;
diff --git a/pages/analogeEingaenge.tsx b/pages/analogeEingaenge.tsx
index a0cdbee..bafe9a0 100644
--- a/pages/analogeEingaenge.tsx
+++ b/pages/analogeEingaenge.tsx
@@ -37,7 +37,7 @@ function AnalogeEingaenge() {
             />
           </div>
 
-          <div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
+          <div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200 ">
             <h2 className="text-xl font-semibold mb-4 text-gray-700">
               Messkurve Eingang {selectedId ?? "–"}
             </h2>