Merge branch 'feature/dropdown-filter' into develop

utils/setupPolylines.js

@@ -20,6 +20,13 @@ export function disablePolylineEvents(polylines) {
 
 // Funktion zum Aktivieren der Polyline-Ereignisse
 export function enablePolylineEvents(polylines, lineColors) {
+  // Überprüfe, ob polylines definiert ist und ob es Elemente enthält
+  if (!polylines || polylines.length === 0) {
+    //console.warn("Keine Polylinien vorhanden oder polylines ist undefined.");
+    return;
+  }
+
+  // Falls Polylinien vorhanden sind, wende die Events an
   polylines.forEach((polyline) => {
     polyline.on("mouseover", (e) => {
       //console.log("Mouseover on polyline", polyline.options);
@@ -191,6 +198,36 @@ export const setupPolylines = (map, linePositions, lineColors, tooltipContents,
       localStorage.setItem("lastElementType", "polyline");
       localStorage.setItem("polylineLink", link);
     });
+     */
+    // Starte den Timer zum Schließen des Kontextmenüs nach 15 Sekunden
+    polyline.on("contextmenu", function (e) {
+      const contextMenu = this._map.contextmenu; // Zugriff auf das Kontextmenü
+      const closeMenu = () => contextMenu.hide(); // Funktion zum Schließen des Menüs
+
+      const startTime = Date.now(); // Startzeit erfassen
+      localStorage.setItem("contextMenuStartTime", startTime); // Speichern in localStorage
+
+      // Starte einen Intervall-Timer, um die Differenz zu berechnen
+      const countdownInterval = setInterval(() => {
+        const currentTime = Date.now();
+        const elapsedTime = (currentTime - startTime) / 1000; // Differenz in Sekunden
+
+        // Speichern der abgelaufenen Zeit in localStorage
+        localStorage.setItem("contextMenuCountdown", elapsedTime);
+
+        // Wenn die Zeit 17 Sekunden erreicht, schließe das Menü
+        if (elapsedTime >= 17) {
+          clearInterval(countdownInterval);
+          const contextMenu = map.contextmenu; // Zugriff auf das Kontextmenü
+          contextMenu.hide(); // Kontextmenü schließen
+        }
+      }, 1000); // Jede Sekunde
+
+      const countdown = parseInt(localStorage.getItem("contextMenuCountdown"), 30);
+      if (countdown >= 28) {
+        closeMenu();
+      }
+    });
 
     polylines.push(polyline);
     markers.push(...lineMarkers);