From 08662bc2f83275ecd97783bf64b88bc129e06631 Mon Sep 17 00:00:00 2001
From: Ismail Ali <ismailali1553@gmail.com>
Date: Thu, 1 May 2025 18:14:32 +0200
Subject: [PATCH] refactor(pages): renamed all route files to *Page.tsx for
 clarity and consistency

---
 .../main/einausgaenge/modals/OutputModal.tsx  | 98 +++++++++++++++----
 components/navigation/Navigation.tsx          | 16 +--
 config/webVersion.ts                          |  2 +-
 ...Eingaenge.tsx => analogeEingaengePage.tsx} |  0
 pages/{dashboard.tsx => dashboardPage.tsx}    |  0
 ...igitalInputs.tsx => digitalInputsPage.tsx} |  0
 ...italOutputs.tsx => digitalOutputsPage.tsx} |  0
 ...instellungen.tsx => einstellungenPage.tsx} |  0
 ...rwachung.tsx => kabelueberwachungPage.tsx} |  0
 pages/{meldungen.tsx => meldungenPage.tsx}    |  0
 pages/{system.tsx => systemPage.tsx}          |  0
 ...ontrolle.tsx => zutrittskontrollePage.tsx} |  0
 12 files changed, 89 insertions(+), 27 deletions(-)
 rename pages/{analogeEingaenge.tsx => analogeEingaengePage.tsx} (100%)
 rename pages/{dashboard.tsx => dashboardPage.tsx} (100%)
 rename pages/{digitalInputs.tsx => digitalInputsPage.tsx} (100%)
 rename pages/{digitalOutputs.tsx => digitalOutputsPage.tsx} (100%)
 rename pages/{einstellungen.tsx => einstellungenPage.tsx} (100%)
 rename pages/{kabelueberwachung.tsx => kabelueberwachungPage.tsx} (100%)
 rename pages/{meldungen.tsx => meldungenPage.tsx} (100%)
 rename pages/{system.tsx => systemPage.tsx} (100%)
 rename pages/{zutrittskontrolle.tsx => zutrittskontrollePage.tsx} (100%)

diff --git a/components/main/einausgaenge/modals/OutputModal.tsx b/components/main/einausgaenge/modals/OutputModal.tsx
index d00e0c0..36e8753 100644
--- a/components/main/einausgaenge/modals/OutputModal.tsx
+++ b/components/main/einausgaenge/modals/OutputModal.tsx
@@ -1,32 +1,94 @@
 "use client"; // /compoenents/main/einausgaenge/modals/OutputModal.tsx
-import React from "react";
+import React, { useState } from "react";
 
 export default function OutputModal({
   selectedOutput,
   closeOutputModal,
   isOpen,
+}: {
+  selectedOutput: any;
+  closeOutputModal: () => void;
+  isOpen: boolean;
 }) {
   if (!isOpen || !selectedOutput) return null;
 
+  const [label, setLabel] = useState(selectedOutput.label || "");
+  const [status, setStatus] = useState(selectedOutput.status || false);
+  const [timer, setTimer] = useState(0); // Optional: Sekunden für temporäres Einschalten
+
+  const handleSave = () => {
+    // TODO: Ersetze dies durch echten API-Call (z. B. per fetch)
+    console.log("🔧 Neue Einstellungen:", {
+      id: selectedOutput.id,
+      label,
+      status,
+      timer: timer > 0 ? timer : null,
+    });
+
+    // Optional: Fake-Aufruf an CGI-Endpoint
+    // location.href = `CPL?Service/ausgaenge.ACP&DA${selectedOutput.id}=${status ? 1 : 0}`;
+
+    closeOutputModal();
+  };
+
   return (
-    <div className="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex justify-center items-center z-50">
-      <div className="bg-white rounded-lg shadow-lg p-6 w-1/3">
-        <h2 className="text-lg font-bold mb-4">
-          Details für Ausgang {selectedOutput.id}
+    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+      <div className="bg-white rounded-lg shadow-lg p-6 w-full max-w-md">
+        <h2 className="text-xl font-bold mb-4 text-littwin-blue">
+          Ausgang {selectedOutput.id} – Konfiguration
         </h2>
-        <p>
-          <strong>Bezeichnung:</strong> {selectedOutput.description}
-        </p>
-        <p>
-          <strong>Status:</strong>{" "}
-          {selectedOutput.toggle ? "Eingeschaltet" : "Ausgeschaltet"}
-        </p>
-        <button
-          onClick={closeOutputModal}
-          className="mt-4 px-4 py-2 bg-blue-500 text-white rounded-lg"
-        >
-          Schließen
-        </button>
+
+        <div className="mb-4">
+          <label className="block font-semibold mb-1">Bezeichnung</label>
+          <input
+            type="text"
+            value={label}
+            onChange={(e) => setLabel(e.target.value)}
+            className="w-full border border-gray-300 rounded px-3 py-2"
+            placeholder="z. B. Licht Relais 1"
+          />
+        </div>
+
+        <div className="mb-4 flex items-center justify-between">
+          <label className="font-semibold">Status</label>
+          <button
+            onClick={() => setStatus(!status)}
+            className={`px-3 py-1 rounded text-white font-medium ${
+              status ? "bg-green-600" : "bg-gray-400"
+            }`}
+          >
+            {status ? "EIN" : "AUS"}
+          </button>
+        </div>
+
+        <div className="mb-4">
+          <label className="block font-semibold mb-1">
+            Timer (Sekunden, optional)
+          </label>
+          <input
+            type="number"
+            min={0}
+            value={timer}
+            onChange={(e) => setTimer(parseInt(e.target.value))}
+            className="w-full border border-gray-300 rounded px-3 py-2"
+            placeholder="z. B. 5 für 5 Sekunden"
+          />
+        </div>
+
+        <div className="flex justify-end gap-2 mt-6">
+          <button
+            onClick={closeOutputModal}
+            className="px-4 py-2 rounded bg-gray-300 hover:bg-gray-400"
+          >
+            Abbrechen
+          </button>
+          <button
+            onClick={handleSave}
+            className="px-4 py-2 rounded bg-blue-600 hover:bg-blue-700 text-white"
+          >
+            Speichern
+          </button>
+        </div>
       </div>
     </div>
   );
diff --git a/components/navigation/Navigation.tsx b/components/navigation/Navigation.tsx
index 54db865..6190622 100644
--- a/components/navigation/Navigation.tsx
+++ b/components/navigation/Navigation.tsx
@@ -22,14 +22,14 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
   };
 
   const menuItems = [
-    { name: "Übersicht", path: "/dashboard" },
-    { name: "Kabelüberwachung ", path: "/kabelueberwachung" },
-    { name: "Meldungseingänge ", path: "/digitalInputs" }, //vorher Digitale Ein -und Ausgänge
-    { name: "Schaltausgänge ", path: "/digitalOutputs", disabled: true }, //vorher Digitale Ein -und Ausgänge
-    { name: "Messwertüberwachung  ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
-    { name: "Berichte ", path: "/meldungen" },
-    { name: "System ", path: "/system" },
-    { name: "Einstellungen ", path: "/einstellungen" },
+    { name: "Übersicht", path: "/dashboardPage" },
+    { name: "Kabelüberwachung ", path: "/kabelueberwachungPage" },
+    { name: "Meldungseingänge ", path: "/digitalInputsPage" }, //vorher Digitale Ein -und Ausgänge
+    { name: "Schaltausgänge ", path: "/digitalOutputsPage", disabled: false }, //vorher Digitale Ein -und Ausgänge
+    { name: "Messwertüberwachung  ", path: "/analogeEingaengePage" }, //vorher Analoge Eingänge
+    { name: "Berichte ", path: "/meldungenPage" },
+    { name: "System ", path: "/systemPage" },
+    { name: "Einstellungen ", path: "/einstellungenPage" },
     //{ name: "Zutriffskontrolle", path: "/zutrittskontrolle" },
 
     // Weitere Menüpunkte hier
diff --git a/config/webVersion.ts b/config/webVersion.ts
index c494e09..64ef7a7 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.329";
+const webVersion = "1.6.330";
 export default webVersion;
diff --git a/pages/analogeEingaenge.tsx b/pages/analogeEingaengePage.tsx
similarity index 100%
rename from pages/analogeEingaenge.tsx
rename to pages/analogeEingaengePage.tsx
diff --git a/pages/dashboard.tsx b/pages/dashboardPage.tsx
similarity index 100%
rename from pages/dashboard.tsx
rename to pages/dashboardPage.tsx
diff --git a/pages/digitalInputs.tsx b/pages/digitalInputsPage.tsx
similarity index 100%
rename from pages/digitalInputs.tsx
rename to pages/digitalInputsPage.tsx
diff --git a/pages/digitalOutputs.tsx b/pages/digitalOutputsPage.tsx
similarity index 100%
rename from pages/digitalOutputs.tsx
rename to pages/digitalOutputsPage.tsx
diff --git a/pages/einstellungen.tsx b/pages/einstellungenPage.tsx
similarity index 100%
rename from pages/einstellungen.tsx
rename to pages/einstellungenPage.tsx
diff --git a/pages/kabelueberwachung.tsx b/pages/kabelueberwachungPage.tsx
similarity index 100%
rename from pages/kabelueberwachung.tsx
rename to pages/kabelueberwachungPage.tsx
diff --git a/pages/meldungen.tsx b/pages/meldungenPage.tsx
similarity index 100%
rename from pages/meldungen.tsx
rename to pages/meldungenPage.tsx
diff --git a/pages/system.tsx b/pages/systemPage.tsx
similarity index 100%
rename from pages/system.tsx
rename to pages/systemPage.tsx
diff --git a/pages/zutrittskontrolle.tsx b/pages/zutrittskontrollePage.tsx
similarity index 100%
rename from pages/zutrittskontrolle.tsx
rename to pages/zutrittskontrollePage.tsx