2017-11-05 07:33:39 +08:00
|
|
|
const contextMenu = (function() {
|
|
|
|
const treeEl = $("#tree");
|
2017-11-05 07:28:49 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
function pasteAfter(node) {
|
|
|
|
const subjectNode = getNodeByKey(glob.clipboardNoteId);
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
moveAfterNode(subjectNode, node);
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
glob.clipboardNoteId = null;
|
|
|
|
}
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
function pasteInto(node) {
|
|
|
|
const subjectNode = getNodeByKey(glob.clipboardNoteId);
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
moveToNode(subjectNode, node);
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
glob.clipboardNoteId = null;
|
|
|
|
}
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
function cut(node) {
|
|
|
|
glob.clipboardNoteId = node.key;
|
|
|
|
}
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
const contextMenuSettings = {
|
|
|
|
delegate: "span.fancytree-title",
|
|
|
|
autoFocus: true,
|
|
|
|
menu: [
|
|
|
|
{title: "Insert note here", cmd: "insertNoteHere", uiIcon: "ui-icon-pencil"},
|
|
|
|
{title: "Insert child note", cmd: "insertChildNote", uiIcon: "ui-icon-pencil"},
|
|
|
|
{title: "Delete", cmd: "delete", uiIcon: "ui-icon-trash"},
|
|
|
|
{title: "----"},
|
|
|
|
{title: "Encrypt sub-tree", cmd: "encryptSubTree", uiIcon: "ui-icon-locked"},
|
|
|
|
{title: "Decrypt sub-tree", cmd: "decryptSubTree", uiIcon: "ui-icon-unlocked"},
|
|
|
|
{title: "----"},
|
|
|
|
{title: "Cut", cmd: "cut", uiIcon: "ui-icon-scissors"},
|
|
|
|
{title: "Copy / clone", cmd: "copy", uiIcon: "ui-icon-copy"},
|
|
|
|
{title: "Paste after", cmd: "pasteAfter", uiIcon: "ui-icon-clipboard"},
|
|
|
|
{title: "Paste into", cmd: "pasteInto", uiIcon: "ui-icon-clipboard"}
|
|
|
|
],
|
|
|
|
beforeOpen: (event, ui) => {
|
|
|
|
const node = $.ui.fancytree.getNode(ui.target);
|
|
|
|
// Modify menu entries depending on node status
|
|
|
|
treeEl.contextmenu("enableEntry", "pasteAfter", glob.clipboardNoteId !== null);
|
|
|
|
treeEl.contextmenu("enableEntry", "pasteInto", glob.clipboardNoteId !== null);
|
2017-09-10 00:06:15 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
// Activate node on right-click
|
|
|
|
node.setActive();
|
|
|
|
// Disable tree keyboard handling
|
|
|
|
ui.menu.prevKeyboard = node.tree.options.keyboard;
|
|
|
|
node.tree.options.keyboard = false;
|
|
|
|
},
|
|
|
|
close: (event, ui) => {},
|
|
|
|
select: (event, ui) => {
|
|
|
|
const node = $.ui.fancytree.getNode(ui.target);
|
2017-09-10 00:06:15 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
if (ui.cmd === "insertNoteHere") {
|
|
|
|
const parentKey = getParentKey(node);
|
|
|
|
const encryption = getParentEncryption(node);
|
2017-09-10 00:06:15 +08:00
|
|
|
|
2017-11-05 07:33:39 +08:00
|
|
|
noteEditor.createNote(node, parentKey, 'after', encryption);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "insertChildNote") {
|
|
|
|
noteEditor.createNote(node, node.key, 'into');
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "encryptSubTree") {
|
|
|
|
encryption.encryptSubTree(node.key);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "decryptSubTree") {
|
|
|
|
encryption.decryptSubTree(node.key);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "cut") {
|
|
|
|
cut(node);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "pasteAfter") {
|
|
|
|
pasteAfter(node);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "pasteInto") {
|
|
|
|
pasteInto(node);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "delete") {
|
|
|
|
deleteNode(node);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
console.log("Unknown command: " + ui.cmd);
|
|
|
|
}
|
2017-09-10 00:06:15 +08:00
|
|
|
}
|
2017-11-05 07:33:39 +08:00
|
|
|
};
|
|
|
|
|
|
|
|
return {
|
|
|
|
pasteAfter,
|
|
|
|
pasteInto,
|
|
|
|
cut,
|
|
|
|
contextMenuSettings
|
2017-09-10 00:06:15 +08:00
|
|
|
}
|
2017-11-05 07:33:39 +08:00
|
|
|
})();
|