diff --git a/components/MapComponent.js b/components/MapComponent.js index 06d044891..c10654417 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -65,19 +65,23 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { useEffect(() => { fetchPriorityConfig(); }, []); + + useEffect(() => { + console.log("Aktualisierte Prioritätskonfiguration:", priorityConfig); + }, [priorityConfig]); /* path.includes("critical") || // Priorität 1 path.includes("major") || // Priorität 2 path.includes("minor") || // Priorität 3 path.includes("system") // Priorität 4 */ - const priorityColors = { + /* const priorityColors = { 1: "#ba0000", // High priority, red, critical 2: "#ed7b00", // Medium priority orange major 3: "#d1ca00", // priority minor senfgelb 4: "#8602ab", // priority system Violett // 5: "#298a00", // normal priority green - }; + }; */ const [menuItemAdded, setMenuItemAdded] = useState(false); const poiLayerVisible = useRecoilValue(poiLayerVisibleState); @@ -473,8 +477,32 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { initMap.flyTo([x, y], zoom); } + //------------------------------------------ + /* const getIconPath = (status, iconNumber, marker) => { + let path = status + ? `img/icons/${status}-marker-icon-${iconNumber}.png` + : `img/icons/marker-icon-${iconNumber}.png`; - function getIconPath(status, iconNumber, marker) { + for (let priority of priorityConfig) { + if (path.includes(priority.name.toLowerCase())) { + marker.setBouncingOptions({ + bounceHeight: 15, + contractHeight: 12, + bounceSpeed: 52, + contractSpeed: 52, + shadowAngle: null, + }); + if (path.includes(priority.name.toLowerCase())) { + marker.bounce(3); + } + break; + } + } + + return path; + }; */ + //--------- + /* function getIconPath(status, iconNumber, marker) { let path = status ? `img/icons/${status}-marker-icon-${iconNumber}.png` : `img/icons/marker-icon-${iconNumber}.png`; @@ -503,7 +531,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { } return path; - } + } */ //------------------------------------------ // Funktionen zur Überwachung der Internetverbindung const checkInternet = () => { @@ -575,7 +603,15 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { const [sonstigeMarkers, setSonstigeMarkers] = useState([]); //----------station.System === 200 const [ulafMarkers, setUlafMarkers] = useState([]); //------------------ no exist //-------------------------------------------------------------------------------- - function determinePriority(iconPath) { + const determinePriority = (iconPath) => { + for (let priority of priorityConfig) { + if (iconPath.includes(priority.name.toLowerCase())) { + return priority.level; + } + } + return 5; // Default priority (lowest) + }; + /* function determinePriority(iconPath) { if (iconPath.includes("critical")) return 1; // Highest priority if (iconPath.includes("critical")) { console.log( @@ -597,7 +633,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => { console.log("iconPath.includes('system'):", iconPath.includes("system")); } return 5; // Default priority (lowest) - } + } */ // Daten von einer externen Quelle laden const createAndSetMarkers = async (systemId, setMarkersFunction) => { try {