Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: create /utils/contextMenuUtils.js module

Browse Source
This commit is contained in:
ISA
2024-07-10 07:53:27 +02:00
parent b82253cae1
commit 34ad670ae1
2 changed files with 34 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/MapComponent.js
View File

@@ -70,6 +70,10 @@ import {
fetchUserRights, fetchUserRights,
fetchDeviceNameById, fetchDeviceNameById,
} from "../services/apiService.js"; } from "../services/apiService.js";
import {
addContextMenuToMarker,
openInNewTab,
} from "../utils/contextMenuUtils.js";
//--------------------------------------------------------------------- //---------------------------------------------------------------------
//-------------------- MapComponent ----------------------------------- //-------------------- MapComponent -----------------------------------
@@ -221,35 +225,6 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
//---------------------------------------------------- //----------------------------------------------------
//-----Kontextmenu---------------- //-----Kontextmenu----------------
function addContextMenuToMarker(marker) {
marker.unbindContextMenu(); // Entferne das Kontextmenü, um Duplikate zu vermeiden
marker.bindContextMenu({
contextmenu: true,
contextmenuWidth: 140,
contextmenuItems: [
/* {
text: "Station öffnen (Tab)",
icon: "/img/screen_new.png",
callback: (e) => openInNewTab(e, marker),
},
{
text: "Station öffnen",
icon: "/img/screen_same.png",
callback: (e) => openInSameWindow(e, marker),
}, */
],
});
}
// Funktion zum Öffnen in einem neuen Tab
function openInNewTab(e, marker) {
if (marker && marker.options && marker.options.link) {
//console.log("Marker data:", baseUrl + marker.options.link);
window.open(baseUrl + marker.options.link, "_blank");
} else {
console.error("Fehler: Marker hat keine gültige 'link' Eigenschaft");
}
}
// Funktion zum Öffnen im gleichen Fenster // Funktion zum Öffnen im gleichen Fenster
function openInSameWindow(e, marker) { function openInSameWindow(e, marker) {

30
utils/contextMenuUtils.js Normal file
View File

@@ -0,0 +1,30 @@
// contextMenuUtils.js
export function addContextMenuToMarker(marker) {
marker.unbindContextMenu(); // Entferne das Kontextmenü, um Duplikate zu vermeiden
marker.bindContextMenu({
contextmenu: true,
contextmenuWidth: 140,
contextmenuItems: [
/* {
text: "Station öffnen (Tab)",
icon: "/img/screen_new.png",
callback: (e) => openInNewTab(e, marker),
},
{
text: "Station öffnen",
icon: "/img/screen_same.png",
callback: (e) => openInSameWindow(e, marker),
}, */
],
});
}
// Funktion zum Öffnen in einem neuen Tab
export function openInNewTab(e, marker) {
if (marker && marker.options && marker.options.link) {
//console.log("Marker data:", baseUrl + marker.options.link);
window.open(baseUrl + marker.options.link, "_blank");
} else {
console.error("Fehler: Marker hat keine gültige 'link' Eigenschaft");
}
}