From 975d58e6ff40a1ffc9a7d20d6f0f251b14175e19 Mon Sep 17 00:00:00 2001 From: ISA Date: Fri, 7 Jun 2024 13:37:28 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20Git=20Konflikte=20gel=C3=B6st,=20jetzt?= =?UTF-8?q?=20geht=20mit=20der=20Anzeige=20von=20zwei=20Linien=20auf=20die?= =?UTF-8?q?=20Map?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/MapComponent.js | 88 ++------------------------------------ pages/api/[...path].js | 6 +-- 2 files changed, 6 insertions(+), 88 deletions(-) diff --git a/components/MapComponent.js b/components/MapComponent.js index bf2eb2d26..8a68fc397 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -1,8 +1,5 @@ // components/MapComponent.js -<<<<<<< HEAD -======= ->>>>>>> neuer-branch import React, { useEffect, useRef, @@ -10,10 +7,6 @@ import React, { useMemo, useCallback, } from "react"; -<<<<<<< HEAD -//import ReactDOM from "react-dom/client"; // Import from 'react-dom/client' -======= ->>>>>>> neuer-branch import { MapContainer, TileLayer, Polyline, LayerGroup } from "react-leaflet"; import L, { marker } from "leaflet"; @@ -55,16 +48,7 @@ const plusRoundIcon = L.icon({ }); const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { -<<<<<<< HEAD - /* const linePositions = lineCoordinates || [ - [52.505, 8], - [52, 8.5], - [51.5, 8], - [52.505, 8], - ]; */ -======= const [menuItemAdded, setMenuItemAdded] = useState(false); ->>>>>>> neuer-branch const poiLayerVisible = useRecoilValue(poiLayerVisibleState); @@ -150,8 +134,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const zoomTrigger = useRecoilValue(zoomTriggerState); const offlineTileLayer = "/mapTiles/{z}/{x}/{y}.png"; //const onlineTileLayer = "/mapTiles/{z}/{x}/{y}.png"; - const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"; - //const onlineTileLayer = "http://localhost:3000/mapTiles/{z}/{x}/{y}.png"; //Talas_v5 Server + //const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"; + const onlineTileLayer = "http://10.10.0.13:3000/mapTiles/{z}/{x}/{y}.png"; //Talas_v5 Server // Create map layers const TALAS = new L.layerGroup(); const ECI = new L.layerGroup(); @@ -168,12 +152,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const lineLayer = new L.LayerGroup(); const [gisSystemStaticLoaded, setGisSystemStaticLoaded] = useState(false); -<<<<<<< HEAD - const baseUrl = "http://localhost/talas5/devices/"; -======= const baseUrl = "http://10.10.0.13/talas5/devices/"; //const baseUrl = "http://localhost/talas5/devices/"; ->>>>>>> neuer-branch const [isPoiTypLoaded, setIsPoiTypLoaded] = useState(false); const [poiTypMap, setPoiTypMap] = useState(new Map()); const [showPopup, setShowPopup] = useState(false); @@ -186,15 +166,9 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const handleAddStation = (stationData) => { // Station-Daten speichern oder API-Aufruf durchführen -<<<<<<< HEAD - console.log("Neue Station:", userRights.includes(56)); - - console.log("Neue Station:", stationData); -======= //console.log("Neue Station:", userRights.includes(56)); //console.log("Neue Station:", stationData); ->>>>>>> neuer-branch setShowAddStationPopup(false); closePopup(); // Schließt das Popup nach dem Hinzufügen }; @@ -366,11 +340,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { ); // Keine Abhängigkeiten, da `hasRights` als Parameter übergeben wird */ const addStationCallback = useCallback( (event) => { -<<<<<<< HEAD - console.log("Benutzerrechte zum Zeitpunkt des Aufrufs:", hasRights); -======= //console.log("Benutzerrechte zum Zeitpunkt des Aufrufs:", hasRights); ->>>>>>> neuer-branch if (hasRights) { setPopupCoordinates(event.latlng); setShowPopup(true); @@ -384,11 +354,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { draggable: true, progress: undefined, }); -<<<<<<< HEAD - console.log("Benutzer hat keine Berechtigung zum Hinzufügen."); -======= console.error("Benutzer hat keine Berechtigung zum Hinzufügen."); ->>>>>>> neuer-branch } }, [hasRights] @@ -755,11 +721,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const port = url.port; // Gibt den Port zurück, leer wenn Standardport verwendet wird const protocol = url.protocol; // "http:" oder "https:" //const serverURL = `${protocol}//${hostname}`; -<<<<<<< HEAD - const serverURL = "http://localhost"; // weil ich keine API habe, ansonsten serverURL ist localhost(IP-Adresse) -======= const serverURL = "http://10.10.0.13"; // weil ich keine API habe, ansonsten serverURL ist localhost(IP-Adresse) ->>>>>>> neuer-branch //const serverURL = "http://localhost:3000"; const params = new URL(window.location.href).searchParams; @@ -781,26 +743,16 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const userRightsIds = rightsArray.map((right) => right.IdRight); setUserRights(userRightsIds); // Speichert die Rechte in den Zustand -<<<<<<< HEAD - console.log("Benutzerrechte:", rightsArray); - console.log("Benutzerrechte IDs:", userRightsIds); - console.log("Benutzerrechte in if :", userRightsIds.includes(56)); -======= //console.log("Benutzerrechte:", rightsArray); //console.log("Benutzerrechte IDs:", userRightsIds); //console.log("Benutzerrechte in if :", userRightsIds.includes(56)); ->>>>>>> neuer-branch setHasRights(userRightsIds.includes(56)); } catch (error) { console.error("Fehler beim Abrufen der Benutzerrechte", error); } }; useEffect(() => { -<<<<<<< HEAD - console.log("Aktualisierter Status von hasRights: ", hasRights); -======= //console.log("Aktualisierter Status von hasRights: ", hasRights); ->>>>>>> neuer-branch }, [hasRights]); // Dieser Effekt läuft jedes Mal, wenn sich `hasRights` ändert. // Überprüfen der Benutzerrechte beim Initialisieren der Komponente @@ -1181,21 +1133,6 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { }).addTo(map); } }, [map]); */ -<<<<<<< HEAD - const addItemsToMapContextMenu = () => { - console.log("contextMenuItems hasRights:", hasRights); - - map.contextmenu.addItem({ - text: "POI hinzufügen", - icon: "img/add_station.png", - className: "background-red", - callback: (event) => addStationCallback(event, hasRights), - }); - }; - //-------------------------------------------------- - useEffect(() => { - if (map && poiLayerRef.current && isPoiTypLoaded) { -======= const addItemsToMapContextMenu = () => { if (!menuItemAdded) { @@ -1214,22 +1151,13 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { useEffect(() => { if (map && poiLayerRef.current && isPoiTypLoaded && !menuItemAdded) { ->>>>>>> neuer-branch addItemsToMapContextMenu(); } }, [ map, -<<<<<<< HEAD - locations, - onLocationUpdate, - poiReadTrigger, - isPoiTypLoaded, - userRights, -======= poiLayerRef, isPoiTypLoaded, menuItemAdded, // Hinzufügen zu den Abhängigkeiten, um den Effekt korrekt zu steuern ->>>>>>> neuer-branch ]); //------------------------------------------ @@ -1242,11 +1170,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const response = await fetch("/api/poi-icons"); const data = await response.json(); setPoiData(data); -<<<<<<< HEAD - console.log("poiData icons:", data); -======= //console.log("poiData icons:", data); ->>>>>>> neuer-branch }; fetchPoiData(); @@ -1261,11 +1185,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const { latitude, longitude } = parsePoint(location.position); const poiTypName = poiTypMap.get(location.idPoiTyp) || "Unbekannt"; const deviceName = await fetchDeviceNameById(location.idLD); -<<<<<<< HEAD - console.log("location.icon:", location); -======= //console.log("location.icon:", location); ->>>>>>> neuer-branch // Check if user has the right to drag the marker const canDrag = userRights ? userRights.includes(56) : false; // Check if userRights is not null before using includes @@ -1774,7 +1694,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { // Funktion zum Ein- und Ausblenden der TALAS-Marker basierend auf dem Zustand von mapLayersVisibility.TALAS - /* useEffect(() => { + useEffect(() => { if (!map || !talasMarkers) return; const toggleLayer = (isVisible) => { @@ -1790,7 +1710,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { // Apply visibility state to the TALAS layer toggleLayer(mapLayersVisibility.TALAS); - }, [map, talasMarkers, mapLayersVisibility.TALAS]); */ + }, [map, talasMarkers, mapLayersVisibility.TALAS]); //------------------------------------------ */ // Funktion zum Ein- und Ausblenden der ECI-Marker basierend auf dem Zustand von mapLayersVisibility.ECI diff --git a/pages/api/[...path].js b/pages/api/[...path].js index 913edaed5..e1d6066fa 100644 --- a/pages/api/[...path].js +++ b/pages/api/[...path].js @@ -3,11 +3,9 @@ import { createProxyMiddleware } from "http-proxy-middleware"; export default createProxyMiddleware({ //target: "http://192.168.10.58:3001", -<<<<<<< HEAD - target: "http://10.10.0.13", // Ziel-URL des Proxys, GET //talas5/ClientData/WebserviceMap.asmx/GisStationsStatusDistrict?idMap=10&idUser=484 504 in 20ms -======= + target: "http://10.10.0.13", // Ziel-URL des Proxys ->>>>>>> neuer-branch + //target: "http://localhost", // Ziel-URL des Proxys //target: "http://192.168.10.187:3000", // Ziel-URL des Proxys changeOrigin: true,