From 435a2fcae3416fc0f37bfbfa2f27d2ec6f909d83 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Wed, 25 Sep 2024 16:56:43 +0800
Subject: feat: add menu items for dumbymap.utils

---
 src/MenuItem.mjs | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

(limited to 'src/MenuItem.mjs')

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index 1b04d1c..85ab1a2 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -1,5 +1,32 @@
 import { createGeoLink } from './dumbymap'
 
+export function nextMap() {
+  const element = document.createElement('div')
+  element.className = 'menu-item'
+  element.innerHTML = 'Next Map <span class="info">(Tab)</span>'
+  element.onclick = () => this.utils.focusNextMap()
+
+  return element
+}
+
+export function nextBlock() {
+  const element = document.createElement('div')
+  element.className = 'menu-item'
+  element.innerHTML = 'Next Block <span class="info">(n)</span>'
+  element.onclick = () => this.utils.focusNextBlock()
+
+  return element
+}
+
+export function nextLayout() {
+  const element = document.createElement('div')
+  element.className = 'menu-item'
+  element.innerHTML = 'Next Layout <span class="info">(x)</span>'
+  element.onclick = () => this.utils.switchToNextLayout()
+
+  return element
+}
+
 export class GeoLink {
 
   constructor({ range }) {
@@ -8,7 +35,7 @@ export class GeoLink {
 
   createElement = () => {
     const element = document.createElement('div')
-    element.className = 'menu-item-add-geolink'
+    element.className = 'menu-item'
     element.innerText = "Add GeoLink"
     element.onclick = this.addGeoLinkbyRange
 
-- 
cgit v1.2.3-70-g09d2