From e62f5229be38afcdaa6514d4e158b464a2feab51 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Mon, 28 Oct 2024 12:33:00 +0800
Subject: feat: add menu-item for map id

---
 src/MenuItem.mjs | 5 +++++
 src/dumbymap.mjs | 1 +
 2 files changed, 6 insertions(+)

(limited to 'src')

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index eb683ea..7e50991 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -92,6 +92,11 @@ if (!window.customElements.get('menu-folder')) {
   window.customElements.define('menu-folder', Folder, { extends: 'div' })
 }
 
+export const simplePlaceholder = (text) => new Item({
+  text,
+  style: 'width: fit-content; margin: 0 auto; color: gray; pointer-events: none; font-size: 0.8rem; line-height: 1; font-weight: bolder;',
+})
+
 /**
  * Creates a menu item for picking a map
  *
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 3792994..aaf0ad7 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -588,6 +588,7 @@ export const generateMaps = (container, {
     if (map) {
       const rect = map.getBoundingClientRect()
       const [x, y] = [e.x - rect.left, e.y - rect.top]
+      menu.appendChild(menuItem.simplePlaceholder(`MAP ID: ${map.id}`))
       menu.appendChild(new menuItem.Folder({
         text: 'Edit Map',
         items: [
-- 
cgit v1.2.3-70-g09d2