feat(analogeEingaenge): Einstellungs-Modal mit Offset, Faktor, Name, Loggerintervall + Speichern in Mock-Datei mit Kommentaren

pages/analogeEingaenge.tsx

@@ -1,13 +1,15 @@
 "use client"; ///pages/analogeEingaenge.tsx
-
 import React, { useState, useEffect } from "react";
 import AnalogeEingaengeTabelle from "../components/main/analogeEingaenge/AnalogeEingaengeTable";
 import AnalogInputsChart from "../components/main/analogeEingaenge/AnalogInputsChart";
+import AnalogInputsSettingsModal from "../components/main/analogeEingaenge/AnalogInputsSettingsModal";
 import { fetchAnalogeEingaengeThunk } from "../redux/thunks/fetchAnalogeEingaengeThunk";
 import { useAppDispatch } from "../redux/store";
 
 function AnalogeEingaenge() {
   const [selectedId, setSelectedId] = useState<number | null>(null);
+  const [selectedInput, setSelectedInput] = useState<any | null>(null);
+  const [isSettingsModalOpen, setIsSettingsModalOpen] = useState(false);
   const dispatch = useAppDispatch();
 
   useEffect(() => {
@@ -28,7 +30,11 @@ function AnalogeEingaenge() {
             <h2 className="text-xl font-semibold mb-4 text-gray-700">
               Analoge Eingänge
             </h2>
-            <AnalogeEingaengeTabelle setSelectedId={setSelectedId} />
+            <AnalogeEingaengeTabelle
+              setSelectedId={setSelectedId}
+              setSelectedInput={setSelectedInput}
+              setIsSettingsModalOpen={setIsSettingsModalOpen}
+            />
           </div>
 
           <div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
@@ -39,6 +45,12 @@ function AnalogeEingaenge() {
           </div>
         </div>
       </div>
+
+      <AnalogInputsSettingsModal
+        selectedInput={selectedInput}
+        isOpen={isSettingsModalOpen}
+        onClose={() => setIsSettingsModalOpen(false)}
+      />
     </div>
   );
 }