From c60cfa1b92190d25d720076fbdbb6432cab2125f Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Thu, 24 Apr 2025 14:25:49 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Tooltip=20f=C3=BCr=20Eingangszust=C3=A4?=
 =?UTF-8?q?nde=20eingebaut=20und=20versetzt=20positioniert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Tooltip-Text erscheint bei Mouseover über Symbol
- Unterscheidung: Eingang inaktiv (✖), Eingang Aus (● rot), Eingang Ein (● grün)
- Position des Tooltips mit translate-x-4 und translate-y-4 optimiert
---
 .../SERVICE/digitaleEingaengeMockData.js      | 241 ++----------------
 .../main/einausgaenge/DigitalInputs.tsx       |  23 +-
 .../main/einausgaenge/modals/InputModal.tsx   |   4 +-
 config/webVersion.ts                          |   2 +-
 4 files changed, 38 insertions(+), 232 deletions(-)

diff --git a/apiMockData/SERVICE/digitaleEingaengeMockData.js b/apiMockData/SERVICE/digitaleEingaengeMockData.js
index abb3da3..69441ac 100644
--- a/apiMockData/SERVICE/digitaleEingaengeMockData.js
+++ b/apiMockData/SERVICE/digitaleEingaengeMockData.js
@@ -1,242 +1,31 @@
-
 // auto-generated from update API
 var win_de_state = [
-  1,
-  1,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
 ];
 var win_de_invert = [
-  0,
-  0,
-  1,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
 ];
 var win_de_counter = [
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
 ];
 var win_de_time_filter = [
-  2000,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  2000, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0, 0,
 ];
 var win_de_weighting = [
-  1000,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  1000, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0, 0,
 ];
 var win_de_counter_active = [
-  1,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
 ];
 var win_de_offline = [
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0
+  1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0,
 ];
 var win_de_label = [
   "DE1",
@@ -270,5 +59,5 @@ var win_de_label = [
   "DE29",
   "DE30",
   "DE31",
-  "DE32"
+  "DE32",
 ];
diff --git a/components/main/einausgaenge/DigitalInputs.tsx b/components/main/einausgaenge/DigitalInputs.tsx
index 90a62cc..265214c 100644
--- a/components/main/einausgaenge/DigitalInputs.tsx
+++ b/components/main/einausgaenge/DigitalInputs.tsx
@@ -44,10 +44,27 @@ export default function DigitalInputs({ openInputModal, inputRange }: Props) {
                 {input.id}
               </td>
               <td className="px-1 py-1">
-                {input.status ? (
-                  <span className="text-red-500 text-xs">✕</span>
+                {input.eingangOffline ? (
+                  <div className="relative group inline-block">
+                    <span className="text-red-500 text-2xl font-bold">✖</span>
+                    <div className="absolute bottom-full translate-x-4 translate-y-4 w-max bg-gray-400 text-xs text-white rounded opacity-0 group-hover:opacity-100 transition p-1 z-10">
+                      Eingang inaktiv
+                    </div>
+                  </div>
+                ) : input.status ? (
+                  <div className="relative group inline-block">
+                    <span className="text-red-500 text-2xl">●</span>
+                    <div className="absolute bottom-full translate-x-4 translate-y-4 w-max bg-gray-400 text-xs text-white rounded opacity-0 group-hover:opacity-100 transition p-1 z-10">
+                      Eingang Aus
+                    </div>
+                  </div>
                 ) : (
-                  <span className="text-green-500 text-xs">●</span>
+                  <div className="relative group inline-block">
+                    <span className="text-green-500 text-2xl">●</span>
+                    <div className="absolute bottom-full translate-x-4 translate-y-4 w-max bg-gray-400 text-xs text-white rounded opacity-0 group-hover:opacity-100 transition p-1 z-10">
+                      Eingang Ein
+                    </div>
+                  </div>
                 )}
               </td>
 
diff --git a/components/main/einausgaenge/modals/InputModal.tsx b/components/main/einausgaenge/modals/InputModal.tsx
index 2f27e3a..05827f1 100644
--- a/components/main/einausgaenge/modals/InputModal.tsx
+++ b/components/main/einausgaenge/modals/InputModal.tsx
@@ -113,12 +113,12 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
           <div className="flex items-center gap-3 text-xl font-semibold col-span-1">
             {reduxInput.status ? (
               <>
-                <span className="w-4 h-4 bg-red-500 rounded-full inline-block"></span>
+                <span className="text-red-500 text-2xl">●</span>
                 <span className="text-red-600">Aus</span>
               </>
             ) : (
               <>
-                <span className="w-4 h-4 bg-green-500 rounded-full inline-block"></span>
+                <span className="text-green-500 text-2xl">●</span>
                 <span className="text-green-600">Ein</span>
               </>
             )}
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 54146f1..52676a6 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.271";
+const webVersion = "1.6.272";
 export default webVersion;