From 0bca68153cd00b3465045176603ed11328d24941 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 27 Nov 2024 14:25:14 +0100
Subject: [PATCH] GMA und TALAS Meldestation aktualisiert sich

---
 .env.local                 |   2 +-
 components/MapComponent.js | 107 ++++++++++++++++++++++++++++---------
 2 files changed, 84 insertions(+), 25 deletions(-)

diff --git a/.env.local b/.env.local
index b22d1e064..3b762466f 100644
--- a/.env.local
+++ b/.env.local
@@ -23,7 +23,7 @@ DB_PORT=3306
 
 #########################
 #device nur Verlinkung wenn die gleiche DB ist
-NEXT_PUBLIC_BASE_URL="http://10.10.0.30/talas5/devices/" 
+NEXT_PUBLIC_BASE_URL="http://10.10.0.70/talas5/devices/" 
 NEXT_PUBLIC_SERVER_URL="http://10.10.0.70"
 NEXT_PUBLIC_PROXY_TARGET="http://10.10.0.70"
 #NEXT_PUBLIC_ONLINE_TILE_LAYER="http://10.10.0.13:3000/mapTiles/{z}/{x}/{y}.png"
diff --git a/components/MapComponent.js b/components/MapComponent.js
index 86ac53089..1c6a88c89 100644
--- a/components/MapComponent.js
+++ b/components/MapComponent.js
@@ -446,30 +446,42 @@ await fetchGisStationsStatusDistrict(mapGisStationsStatusDistrictUrl, setGisStat
   }, [map, zoomTrigger]);
 
   useEffect(() => {
-    if (map) {
-      const allMarkers = [
-        ...talasMarkers,
-        ...eciMarkers,
-        ...gsmModemMarkers,
-        ...ciscoRouterMarkers,
-        ...wagoMarkers,
-        ...siemensMarkers,
-        ...otdrMarkers,
-        ...wdmMarkers,
-        ...gmaMarkers,
-        ...messstellenMarkers,
-        ...talasiclMarkers,
-        ...dauzMarkers,
-        ...smsfunkmodemMarkers,
-        ...sonstigeMarkers,
-        ...ulafMarkers,
-        //...lteModemMarkers,
-      ];
+    if (!map) return;
 
-      checkOverlappingMarkers(map, allMarkers, plusRoundIcon);
+    // Entferne alle vorhandenen Marker
+    if (poiLayerRef.current) {
+      poiLayerRef.current.clearLayers();
+    } else {
+      poiLayerRef.current = new L.LayerGroup().addTo(map);
     }
-  }, [map, talasMarkers, eciMarkers, ciscoRouterMarkers, wagoMarkers, siemensMarkers, otdrMarkers, wdmMarkers, gmaMarkers, messstellenMarkers, talasiclMarkers, dauzMarkers, smsfunkmodemMarkers, sonstigeMarkers, ulafMarkers]);
+    //--------------------------------------------
+    // Füge Marker zu OMS hinzu
+    const allMarkers = [
+      ...talasMarkers,
+      ...eciMarkers,
+      ...gsmModemMarkers,
+      ...ciscoRouterMarkers,
+      ...wagoMarkers,
+      ...siemensMarkers,
+      ...otdrMarkers,
+      ...wdmMarkers,
+      ...gmaMarkers,
+      ...messstellenMarkers,
+      ...talasiclMarkers,
+      ...dauzMarkers,
+      ...smsfunkmodemMarkers,
+      ...sonstigeMarkers,
+      ...ulafMarkers,
+    ];
 
+    allMarkers.forEach((marker) => {
+      if (!poiLayerRef.current.hasLayer(marker)) {
+        poiLayerRef.current.addLayer(marker); // Füge Marker zur LayerGroup hinzu
+      }
+      oms.addMarker(marker); // Füge Marker zu OMS hinzu
+    });
+  }, [map, talasMarkers, eciMarkers, ciscoRouterMarkers, wagoMarkers, siemensMarkers, otdrMarkers, wdmMarkers, gmaMarkers, messstellenMarkers, talasiclMarkers, dauzMarkers, smsfunkmodemMarkers, sonstigeMarkers, ulafMarkers]);
+  //--------------------------------------------
   useEffect(() => {
     const fetchData = async () => {
       try {
@@ -675,7 +687,7 @@ await fetchGisStationsStatusDistrict(mapGisStationsStatusDistrictUrl, setGisStat
     initializeContextMenu();
   }, [map]);
   //--------------------------------------------
-
+  /* 
   useEffect(() => {
     if (!map) return; // Stelle sicher, dass die Karte initialisiert ist
 
@@ -710,7 +722,7 @@ await fetchGisStationsStatusDistrict(mapGisStationsStatusDistrictUrl, setGisStat
     // Cleanup-Funktion, um das Intervall zu entfernen, wenn die Komponente entladen wird
     return () => clearInterval(intervalId);
   }, [map, gmaMarkers, layers.MAP_LAYERS.GMA, oms, mapGisStationsMeasurementsUrl, mapGisStationsStatusDistrictUrl]);
-
+ */
   //---------------------------------
 
   const markerLayerRef = useRef(null);
@@ -753,9 +765,56 @@ await fetchGisStationsStatusDistrict(mapGisStationsStatusDistrictUrl, setGisStat
     };
   }, [gisSystemStaticLoaded, map, GisSystemStatic, priorityConfig]);
 
+  //---------------------------------------
+  const talasLayerRef = useRef(null); // LayerGroup für TALAS
+
+  useEffect(() => {
+    if (!gisSystemStaticLoaded || !map) return; // Sicherstellen, dass alle Abhängigkeiten geladen sind
+
+    // Initialisiere die LayerGroup für TALAS, falls noch nicht vorhanden
+    if (!talasLayerRef.current) {
+      talasLayerRef.current = new L.LayerGroup().addTo(map);
+    }
+
+    const updateTalasMarkers = () => {
+      // Alte Marker aus der LayerGroup entfernen
+      talasLayerRef.current.eachLayer((layer) => {
+        talasLayerRef.current.removeLayer(layer);
+      });
+
+      // Neue Marker hinzufügen
+      createAndSetDevices(
+        1,
+        (newMarkers) => {
+          setTalasMarkers(newMarkers); // Update State
+          newMarkers.forEach((marker) => talasLayerRef.current.addLayer(marker)); // Füge Marker zur LayerGroup hinzu
+        },
+        GisSystemStatic,
+        priorityConfig
+      );
+    };
+
+    // Initiales Update
+    updateTalasMarkers();
+
+    // Setze ein Intervall, um die TALAS-Marker alle 10 Sekunden zu aktualisieren
+    const intervalId = setInterval(() => {
+      updateTalasMarkers();
+    }, 10000); // 10 Sekunden
+
+    // Aufräumen bei Komponentenentladung
+    return () => {
+      clearInterval(intervalId);
+      if (talasLayerRef.current) {
+        talasLayerRef.current.clearLayers();
+      }
+    };
+  }, [gisSystemStaticLoaded, map, GisSystemStatic, priorityConfig]);
+
+  //----------------------------------
+
   //---------------------------------------
 
-  //-----------------
   return (
     <>
       <ToastContainer />