From 19aea6a64c9c56d588b1b934154933167fd9856a Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Sat, 19 Oct 2024 17:08:48 +0800 Subject: feat: add simple contextMenu and background script --- src/dumbymap.mjs | 76 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 38 insertions(+), 38 deletions(-) (limited to 'src') diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs index 7d24e45..a7b0394 100644 --- a/src/dumbymap.mjs +++ b/src/dumbymap.mjs @@ -530,44 +530,44 @@ export const generateMaps = (container, { } container.appendChild(menu) - /** Menu Items for Context Menu */ - container.oncontextmenu = e => { - menu.replaceChildren() - menu.style.display = 'block' - menu.style.cssText = `left: ${e.clientX - menu.offsetParent.offsetLeft + 10}px; top: ${e.clientY - menu.offsetParent.offsetTop + 5}px;` - e.preventDefault() - - // Menu Items for map - const map = e.target.closest('.mapclay') - if (map?.renderer?.results) { - const rect = map.getBoundingClientRect() - const [x, y] = [e.x - rect.left, e.y - rect.top] - menu.appendChild(menuItem.toggleMapFocus(map)) - menu.appendChild(menuItem.renderResults(dumbymap, map)) - menu.appendChild(menuItem.getCoordinatesByPixels(map, [x, y])) - menu.appendChild(menuItem.restoreCamera(map)) - } else { - // Toggle block focus - const block = e.target.closest('.dumby-block') - if (block) { - menu.appendChild(menuItem.toggleBlockFocus(block)) - } - } - - // Menu Items for map/block/layout - if (!map || map.closest('.Showcase')) { - if (dumbymap.utils.renderedMaps().length > 0) { - menu.appendChild(menuItem.pickMapItem(dumbymap)) - } - menu.appendChild(menuItem.pickBlockItem(dumbymap)) - menu.appendChild(menuItem.pickLayoutItem(dumbymap)) - } - - shiftByWindow(menu) - - return menu - } - + // /** Menu Items for Context Menu */ + // container.oncontextmenu = e => { + // menu.replaceChildren() + // menu.style.display = 'block' + // menu.style.cssText = `left: ${e.clientX - menu.offsetParent.offsetLeft + 10}px; top: ${e.clientY - menu.offsetParent.offsetTop + 5}px;` + // e.preventDefault() + // + // // Menu Items for map + // const map = e.target.closest('.mapclay') + // if (map?.renderer?.results) { + // const rect = map.getBoundingClientRect() + // const [x, y] = [e.x - rect.left, e.y - rect.top] + // menu.appendChild(menuItem.toggleMapFocus(map)) + // menu.appendChild(menuItem.renderResults(dumbymap, map)) + // menu.appendChild(menuItem.getCoordinatesByPixels(map, [x, y])) + // menu.appendChild(menuItem.restoreCamera(map)) + // } else { + // // Toggle block focus + // const block = e.target.closest('.dumby-block') + // if (block) { + // menu.appendChild(menuItem.toggleBlockFocus(block)) + // } + // } + // + // // Menu Items for map/block/layout + // if (!map || map.closest('.Showcase')) { + // if (dumbymap.utils.renderedMaps().length > 0) { + // menu.appendChild(menuItem.pickMapItem(dumbymap)) + // } + // menu.appendChild(menuItem.pickBlockItem(dumbymap)) + // menu.appendChild(menuItem.pickLayoutItem(dumbymap)) + // } + // + // shiftByWindow(menu) + // + // return menu + // } + // /** Event Handler when clicking outside of Context Manu */ const actionOutsideMenu = e => { if (menu.style.display === 'none') return -- cgit v1.2.3-70-g09d2