From 53d8d16086d8941b35b348ab4008a08513535171 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20=C3=85hall?= <magnus.ahall@gibon.se>
Date: Sun, 14 Jun 2026 14:36:52 +0200
Subject: [PATCH] Initial work on node menu

---
 static/css/notes2.css     |  2 +-
 static/js/page_node.mjs   | 17 ++++++++++++++++-
 views/pages/notes2.gotmpl |  2 ++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/static/css/notes2.css b/static/css/notes2.css
index 079e3c1..dfe4156 100644
--- a/static/css/notes2.css
+++ b/static/css/notes2.css
@@ -9,7 +9,7 @@
 
 	--line-color: #ccc;
 	--tree-expander: 0px;
-	--functions-width: 180px;
+	--functions-width: 216px;
 }
 
 html {
diff --git a/static/js/page_node.mjs b/static/js/page_node.mjs
index f65afb9..f6aa681 100644
--- a/static/js/page_node.mjs
+++ b/static/js/page_node.mjs
@@ -9,7 +9,7 @@ export class N2PageNodeUI extends CustomHTMLElement {
 			<style>
 				.el-functions {
 					display: grid;
-					grid-template-columns: 1fr repeat(4, min-content);
+					grid-template-columns: 1fr repeat(5, min-content);
 					grid-gap: 8px;
 					align-items: center;
 					justify-items: end;
@@ -31,6 +31,7 @@ export class N2PageNodeUI extends CustomHTMLElement {
 				<img data-el="icon-table-format" class="colorize" src="/images/${_VERSION}/icon_table.svg">
 				<img data-el="icon-history"      class="colorize" src="/images/${_VERSION}/icon_history.svg">
 				<img data-el="icon-new-document" class="colorize" src="/images/${_VERSION}/icon_new_document.svg">
+				<img data-el="icon-menu"         class="colorize" src="/images/${_VERSION}/icon_menu.svg" popovertarget="node-menu">
 			</div>
 		`
 	}// }}}
@@ -501,4 +502,18 @@ export class Node {
 	}//}}}
 }
 
+class N2Menu extends CustomHTMLElement {
+	static {
+		this.tmpl = document.createElement('template')
+		this.tmpl.innerHTML = `
+		<div id="node-menu" popover>Popover content</div>
+		`
+	}
+
+	constructor() {
+		super()
+	}
+}
+customElements.define('n2-menu', N2Menu)
+
 // vim: foldmethod=marker
diff --git a/views/pages/notes2.gotmpl b/views/pages/notes2.gotmpl
index 381d672..a726451 100644
--- a/views/pages/notes2.gotmpl
+++ b/views/pages/notes2.gotmpl
@@ -6,6 +6,8 @@
 <div id="notes2" class="page-history">
 	<div id="tree-expander" onclick="window._mbus.dispatch('TREE_EXPANSION', { expand: true })">&gt;</div>
 	<div id="tree" tabindex=0></div>
+	<n2-menu></n2-menu>
+	<div id="node-menu" popover>Popover content</div>
 
 	<div id="main-page">
 		<!-- Storage stats -->