(() => {
if (typeof window !== "undefined" && (window as any).__lastKueTab) {
return (window as any).__lastKueTab;
@@ -21,12 +20,12 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
return "kue";
});
- // 🔁 Bei jeder Tab-Änderung speichern wir ihn global
useEffect(() => {
if (typeof window !== "undefined") {
(window as any).__lastKueTab = activeTab;
}
}, [activeTab]);
+
useEffect(() => {
if (typeof window !== "undefined") {
window.kabelModalOpen = showModal;
@@ -46,8 +45,6 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
content: {
top: "50%",
left: "50%",
- right: "auto",
- bottom: "auto",
transform: "translate(-50%, -50%)",
width: "90%",
maxWidth: "850px",
@@ -55,6 +52,8 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
border: "none",
borderRadius: "8px",
position: "relative",
+ bottom: "auto",
+ right: "auto",
},
}}
>
@@ -66,48 +65,34 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
-
-
-
+ {[
+ { label: "KUE Einstellung", key: "kue" },
+ { label: "TDR Einstellung", key: "tdr" },
+ { label: "Knotenpunkte", key: "knoten" },
+ ].map(({ label, key }) => (
+
+ ))}
-
-
+
+ {activeTab === "kue" && (
console.log("Modulname geändert:", id)}
onClose={onClose}
/>
-
-
+ )}
{activeTab === "tdr" && (
)}
diff --git a/components/main/kabelueberwachung/kue705FO/modals/TdrEinstellung.tsx b/components/main/kabelueberwachung/kue705FO/modals/TdrEinstellung.tsx
index 2eea07b..7dfbb02 100644
--- a/components/main/kabelueberwachung/kue705FO/modals/TdrEinstellung.tsx
+++ b/components/main/kabelueberwachung/kue705FO/modals/TdrEinstellung.tsx
@@ -243,7 +243,7 @@ export default function TdrEinstellung({ slot, onClose }: Props) {
-