Add changing name to node options

Citizen-Knowledge-Graph · Dec 24, 2024 · 462ec98 · 462ec98
1 parent 3ee826a
commit 462ec98
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/src/contextmenu.js b/src/contextmenu.js
@@ -48,6 +48,7 @@ const canvasCtxMenuItems = [
 
 const nodeHeaderCtxMenuItems = [
     // { label: "Toggle View Mode", action: "ToggleViewModeAction" },
+    { label: "Change name", action: "ChangeNameAction" },
     { label: "Delete Node", action: "DeleteNodeAction" },
     { label: "Duplicate Node", action: "DuplicateNodeAction",
         submenu: [

diff --git a/src/graph/Node.js b/src/graph/Node.js
@@ -82,6 +82,11 @@ export class Node {
             </div>`
     }
 
+    setName(name) {
+        this.name = name
+        this.nodeDiv.querySelector(".title-box").textContent = name
+    }
+
     postConstructor() {
         let modalOpenBtn = document.querySelector(`#node-${this.id} .modal-open-btn`)
         modalOpenBtn.addEventListener("click", () => {

diff --git a/src/index.html b/src/index.html
@@ -236,6 +236,10 @@ <h2>HowTo</h2>
                     if (hasIncomingEdges) disabledItems.push("DuplicateNodeWithIncomingEdgesAction")
                     setupNodeHeaderContextMenu(event, disabledItems, action => {
                         switch (action) {
+                            case "ChangeNameAction":
+                                let name = prompt("New name", node.name)
+                                if (name) node.setName(name)
+                                break
                             case "DeleteNodeAction":
                                 editor.removeNodeId(nodeDivId)
                                 break