diff --git a/components/DataSheet.js b/components/DataSheet.js index 9be4d1971..403f61813 100644 --- a/components/DataSheet.js +++ b/components/DataSheet.js @@ -166,7 +166,7 @@ function DataSheet() { useInitGisStationsStatic(); //--------------------------- useEffect(() => { - console.log("🔍 GisStationsStatic Inhalt:", GisStationsStatic); + //console.log("🔍 GisStationsStatic Inhalt:", GisStationsStatic); if (!GisStationsStatic) { console.warn("⚠️ GisStationsStatic ist `null` oder nicht geladen."); @@ -179,7 +179,7 @@ function DataSheet() { } if (!GisStationsStatic.Points || !Array.isArray(GisStationsStatic.Points)) { - console.warn("⚠️ GisStationsStatic.Points ist nicht vorhanden oder kein Array.", GisStationsStatic); + //console.warn("⚠️ GisStationsStatic.Points ist nicht vorhanden oder kein Array.", GisStationsStatic); return; } @@ -200,7 +200,7 @@ function DataSheet() { })) ); - console.log("📌 stationListing aktualisiert:", filteredAreas); + // console.log("📌 stationListing aktualisiert:", filteredAreas); }, [GisStationsStatic]); //--------------------------- diff --git a/components/ShowAddStationPopup.js b/components/ShowAddStationPopup.js index 7b770e0ec..29e190a17 100644 --- a/components/ShowAddStationPopup.js +++ b/components/ShowAddStationPopup.js @@ -113,58 +113,60 @@ const ShowAddStationPopup = ({ onClose, map, latlng }) => { //-----------------handleSubmit------------------- return ( -
-
- - setName(e.target.value)} placeholder="Name der Station" className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" /> -
+
+
e.stopPropagation()}> + {/* Schließen-Button */} + - {/* {locationDeviceData.----------------------------------------------*/} -
- - -
- {/* {locationDeviceData.----------------------------------------------*/} -
- - -
-
-
- -
-
- -
-
+ {/* Modal-Inhalt */} + +
+ + setName(e.target.value)} placeholder="Name der Station" className="block p-2 w-full border-2 border-gray-200 rounded-md text-sm" /> +
- - +
+ + +
+ +
+ + +
+ +
+ Lat: {latitude} + Lng: {longitude} +
+ + + +
+
); }; diff --git a/components/mainComponent/MapComponent.js b/components/mainComponent/MapComponent.js index 84d4bb51b..06e5a6a80 100644 --- a/components/mainComponent/MapComponent.js +++ b/components/mainComponent/MapComponent.js @@ -75,6 +75,7 @@ import { useInitGisStationsStatusDistrict } from "./hooks/useInitGisStationsStat import { useInitGisStationsMeasurements } from "./hooks/useInitGisStationsMeasurements"; import { useInitGisSystemStatic } from "./hooks/useInitGisSystemStatic"; import { selectGisSystemStatic, setGisSystemStatic } from "../../redux/slices/webService/gisSystemStaticSlice"; +import ShowAddStationPopup from "../../components/ShowAddStationPopup"; const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const dispatch = useDispatch(); @@ -102,6 +103,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const coordinates = `${e.latlng.lat.toFixed(5)}, ${e.latlng.lng.toFixed(5)}`; setCurrentCoordinates(coordinates); setIsPopupOpen(true); + setPopupCoordinates(e.latlng); + setPopupVisible(true); }; const closePopup = () => setIsPopupOpen(false); @@ -175,6 +178,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { lat: 52.52, lng: 13.405, }); + const [popupVisible, setPopupVisible] = useState(false); const handleAddStation = (stationData) => { setAddPoiModalWindowState(false); @@ -626,6 +630,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { useEffect(() => { if (map) { + console.log("map in MapComponent: ", map); const handleMapMoveEnd = (event) => { const newCenter = map.getCenter(); const newZoom = map.getZoom(); @@ -649,15 +654,15 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { //-------------------------------------------- // Bereich in DataSheet ->dropdownmenu useEffect(() => { - console.log("🔍 GisStationsStaticDistrict Inhalt:", GisStationsStaticDistrict); + //console.log("🔍 GisStationsStaticDistrict Inhalt:", GisStationsStaticDistrict); // Sicherstellen, dass `Points` existiert und ein Array ist const points = GisStationsStaticDistrict?.Points; - if (!Array.isArray(points)) { - console.warn("⚠️ GisStationsStaticDistrict.Points ist nicht vorhanden oder kein Array.", points); + /* if (!Array.isArray(points)) { + //console.warn("⚠️ GisStationsStaticDistrict.Points ist nicht vorhanden oder kein Array.", points); return; } - + */ if (selectedArea && map) { const station = points.find((s) => s.Area_Name === selectedArea); @@ -1029,6 +1034,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { return ( <> + {popupVisible && setPopupVisible(false)} map={map} />}
{showPoiUpdateModal && setShowPoiUpdateModal(false)} poiData={currentPoiData} onSubmit={() => {}} latlng={popupCoordinates} />}
diff --git a/components/mainComponent/hooks/useInitGisStationsStatic.js b/components/mainComponent/hooks/useInitGisStationsStatic.js index 72831eac1..533ebd5ed 100644 --- a/components/mainComponent/hooks/useInitGisStationsStatic.js +++ b/components/mainComponent/hooks/useInitGisStationsStatic.js @@ -9,10 +9,10 @@ export const useInitGisStationsStatic = () => { const gisStationsStatic = useSelector(selectGisStationsStatic); useEffect(() => { - console.log("🔍 useInitGisStationsStatic - Aktueller Wert:", gisStationsStatic); + // console.log("🔍 useInitGisStationsStatic - Aktueller Wert:", gisStationsStatic); if (!gisStationsStatic || gisStationsStatic === null) { - console.log("🚀 Starte fetchGisStationsStatic..."); + //console.log("🚀 Starte fetchGisStationsStatic..."); dispatch(fetchGisStationsStatic()); } }, [gisStationsStatic, dispatch]); diff --git a/components/useMapContextMenu.js b/components/useMapContextMenu.js index 2709fdc03..6bf04dcdc 100644 --- a/components/useMapContextMenu.js +++ b/components/useMapContextMenu.js @@ -64,11 +64,13 @@ const addItemsToMapContextMenu = (map, menuItemAdded, setMenuItemAdded, openPopu map.contextmenu.addItem({ text: "POI hinzufügen", icon: "/img/add_station.png", - callback: (e) => { + callback: openPopupWithCoordinates, // Statt alert wird die Funktion zum Öffnen des Popups genutzt + + /* callback: (e) => { alert("POI hinzufügen an: " + e.latlng.lat + ", " + e.latlng.lng); // Falls du ein Modal-Fenster zum Hinzufügen verwenden möchtest: // ShowAddStationPopup({ latlng: e.latlng, onClose: () => {} }); - }, + }, */ }); } } diff --git a/config/appVersion.js b/config/appVersion.js index 87e742a95..6a2b72e83 100644 --- a/config/appVersion.js +++ b/config/appVersion.js @@ -1,2 +1,2 @@ // /config/appVersion -export const APP_VERSION = "1.1.31"; +export const APP_VERSION = "1.1.32";