From 57d8118c8a6f641e2c00276d67f64fe815cd5d61 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sun, 27 Oct 2024 13:52:01 +0800
Subject: feat: put menu-item for line path at bottom

---
 src/dumbymap.mjs | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 9536c32..3c849e1 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -531,9 +531,8 @@ export const generateMaps = (container, {
     container.querySelectorAll('.dumby-menu').forEach(m => m.remove())
     const map = e.target.closest('.mapclay')
     const block = e.target.closest('.dumby-block')
-    const geoLink = e.target.closest('.geolink')
     const linkWithLine = e.target.closest('.with-leader-line')
-    if (!block && !map && !geoLink) return
+    if (!block && !map && !linkWithLine) return
     e.preventDefault()
 
     // Add menu element
@@ -552,15 +551,12 @@ export const generateMaps = (container, {
     }).observe(menu, { childList: true })
     menu.timer = setTimeout(() => menu.remove(), 100)
 
-    if (linkWithLine) {
-      menu.appendChild(menuItem.setLeaderLineType(linkWithLine))
-    }
-
-    // Menu Items for GeoLink
+    // Menu Items for Links
+    const geoLink = e.target.closest('.geolink')
     if (geoLink) {
       if (geoLink.classList.contains('from-text')) {
         menu.appendChild(new menuItem.Item({
-          text: 'Delete',
+          innerHTML: '<strong style="color: red;">DELETE</strong>',
           onclick: () => {
             getMarkersFromMaps(geoLink)
               .forEach(m => m.remove())
@@ -571,6 +567,10 @@ export const generateMaps = (container, {
         }))
       }
       menu.appendChild(menuItem.setGeoLinkType(geoLink))
+    }
+
+    if (linkWithLine) {
+      menu.appendChild(menuItem.setLeaderLineType(linkWithLine))
       return
     }
 
-- 
cgit v1.2.3-70-g09d2