From 1ca00faca30640fa5d767d203c23a2bb5d290dc6 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Thu, 24 Apr 2025 13:19:58 +0200
Subject: [PATCH] =?UTF-8?q?Digitale=20Eing=C3=A4ge=20Modal=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/einausgaenge/modals/InputModal.tsx   | 39 ++++++++++++++-----
 config/webVersion.ts                          |  2 +-
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/components/main/einausgaenge/modals/InputModal.tsx b/components/main/einausgaenge/modals/InputModal.tsx
index 64b6348..2f27e3a 100644
--- a/components/main/einausgaenge/modals/InputModal.tsx
+++ b/components/main/einausgaenge/modals/InputModal.tsx
@@ -137,12 +137,14 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
             />
           </div>
 
-          <div className="flex items-center gap-2 col-span-2">
+          <div>
             <strong>Invertierung:</strong>
+          </div>
+          <div className="flex justify-between items-center gap-2">
             <span>{invertiert ? "Ein" : "Aus"}</span>
             <button
               onClick={() => setInvertiert(!invertiert)}
-              className="ml-auto px-3 py-1 text-sm bg-gray-200 hover:bg-gray-300 rounded"
+              className="px-3 py-1 text-sm bg-gray-200 hover:bg-gray-300 rounded"
             >
               Umschalten
             </button>
@@ -156,30 +158,49 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
           <div>
             <strong>Filterzeit:</strong>
           </div>
-          <div>
+          <div className="relative">
             <input
               type="number"
               min={0}
               max={2000}
               value={filterzeit}
-              onChange={(e) => setFilterzeit(Number(e.target.value))}
-              className="border border-gray-300 rounded px-2 py-1 w-full"
-            />{" "}
-            ms
+              onChange={(e) => {
+                const val = Number(e.target.value);
+                if (val <= 2000) {
+                  setFilterzeit(val);
+                }
+              }}
+              className="border border-gray-300 rounded px-2 py-1 pr-10 w-full"
+              title="Maximal 2000 ms erlaubt"
+            />
+            <span className="absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-500 text-sm">
+              ms
+            </span>
           </div>
 
           <div>
             <strong>Gewichtung:</strong>
           </div>
-          <div>
+          <div className="relative">
             <input
               type="number"
               min={0}
               max={1000}
               value={gewichtung}
-              onChange={(e) => setGewichtung(Number(e.target.value))}
+              onChange={(e) => {
+                const val = Number(e.target.value);
+                if (val <= 1000) {
+                  setGewichtung(val);
+                }
+              }}
               className="border border-gray-300 rounded px-2 py-1 w-full"
+              title="Maximal 1000 erlaubt"
             />
+            {gewichtung > 1000 && (
+              <div className="text-sm text-red-600 mt-1">
+                Maximalwert 1000 überschritten!
+              </div>
+            )}
           </div>
 
           <div>
diff --git a/config/webVersion.ts b/config/webVersion.ts
index b5a9471..7a83eb0 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.269";
+const webVersion = "1.6.270";
 export default webVersion;