2018-03-26 01:41:29 +08:00
|
|
|
import treeService from './tree.js';
|
|
|
|
import cloningService from './cloning.js';
|
2018-03-25 23:09:17 +08:00
|
|
|
import exportService from './export.js';
|
2018-03-26 01:41:29 +08:00
|
|
|
import messagingService from './messaging.js';
|
|
|
|
import protectedSessionService from './protected_session.js';
|
2018-04-02 08:33:10 +08:00
|
|
|
import treeChangesService from './branches.js';
|
2018-03-25 23:09:17 +08:00
|
|
|
import treeUtils from './tree_utils.js';
|
2018-04-02 08:50:58 +08:00
|
|
|
import branchPrefixDialog from '../dialogs/branch_prefix.js';
|
2018-03-26 09:29:35 +08:00
|
|
|
import infoService from "./info.js";
|
2018-03-26 10:37:02 +08:00
|
|
|
import treeCache from "./tree_cache.js";
|
2018-04-07 06:46:29 +08:00
|
|
|
import syncService from "./sync.js";
|
2017-11-05 07:28:49 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
const $tree = $("#tree");
|
2017-11-23 12:16:54 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
let clipboardIds = [];
|
|
|
|
let clipboardMode = null;
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
async function pasteAfter(node) {
|
|
|
|
if (clipboardMode === 'cut') {
|
|
|
|
const nodes = clipboardIds.map(nodeKey => treeUtils.getNodeByKey(nodeKey));
|
2018-01-02 06:59:59 +08:00
|
|
|
|
2018-03-26 01:41:29 +08:00
|
|
|
await treeChangesService.moveAfterNode(nodes, node);
|
2018-01-02 06:59:59 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
clipboardIds = [];
|
|
|
|
clipboardMode = null;
|
|
|
|
}
|
|
|
|
else if (clipboardMode === 'copy') {
|
|
|
|
for (const noteId of clipboardIds) {
|
2018-03-26 01:41:29 +08:00
|
|
|
await cloningService.cloneNoteAfter(noteId, node.data.branchId);
|
2017-11-23 12:16:54 +08:00
|
|
|
}
|
2018-03-25 23:09:17 +08:00
|
|
|
|
|
|
|
// copy will keep clipboardIds and clipboardMode so it's possible to paste into multiple places
|
|
|
|
}
|
|
|
|
else if (clipboardIds.length === 0) {
|
|
|
|
// just do nothing
|
2017-11-05 07:33:39 +08:00
|
|
|
}
|
2018-03-25 23:09:17 +08:00
|
|
|
else {
|
2018-03-26 09:29:35 +08:00
|
|
|
infoService.throwError("Unrecognized clipboard mode=" + clipboardMode);
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
|
|
|
}
|
2017-10-16 08:55:38 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
async function pasteInto(node) {
|
|
|
|
if (clipboardMode === 'cut') {
|
|
|
|
const nodes = clipboardIds.map(nodeKey => treeUtils.getNodeByKey(nodeKey));
|
2018-01-02 06:59:59 +08:00
|
|
|
|
2018-03-26 01:41:29 +08:00
|
|
|
await treeChangesService.moveToNode(nodes, node);
|
2017-11-23 12:16:54 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
clipboardIds = [];
|
|
|
|
clipboardMode = null;
|
|
|
|
}
|
|
|
|
else if (clipboardMode === 'copy') {
|
|
|
|
for (const noteId of clipboardIds) {
|
2018-03-26 01:41:29 +08:00
|
|
|
await cloningService.cloneNoteTo(noteId, node.data.noteId);
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
|
|
|
// copy will keep clipboardIds and clipboardMode so it's possible to paste into multiple places
|
|
|
|
}
|
|
|
|
else if (clipboardIds.length === 0) {
|
|
|
|
// just do nothing
|
|
|
|
}
|
|
|
|
else {
|
2018-03-26 09:29:35 +08:00
|
|
|
infoService.throwError("Unrecognized clipboard mode=" + mode);
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function copy(nodes) {
|
|
|
|
clipboardIds = nodes.map(node => node.data.noteId);
|
|
|
|
clipboardMode = 'copy';
|
|
|
|
|
2018-03-26 09:29:35 +08:00
|
|
|
infoService.showMessage("Note(s) have been copied into clipboard.");
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
function cut(nodes) {
|
|
|
|
clipboardIds = nodes.map(node => node.key);
|
|
|
|
clipboardMode = 'cut';
|
|
|
|
|
2018-03-26 09:29:35 +08:00
|
|
|
infoService.showMessage("Note(s) have been cut into clipboard.");
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
|
|
|
|
2018-04-02 05:41:28 +08:00
|
|
|
const contextMenuOptions = {
|
2018-03-25 23:09:17 +08:00
|
|
|
delegate: "span.fancytree-title",
|
|
|
|
autoFocus: true,
|
|
|
|
menu: [
|
|
|
|
{title: "Insert note here <kbd>Ctrl+O</kbd>", cmd: "insertNoteHere", uiIcon: "ui-icon-plus"},
|
|
|
|
{title: "Insert child note <kbd>Ctrl+P</kbd>", cmd: "insertChildNote", uiIcon: "ui-icon-plus"},
|
|
|
|
{title: "Delete <kbd>Ctrl+Del</kbd>", cmd: "delete", uiIcon: "ui-icon-trash"},
|
|
|
|
{title: "----"},
|
2018-04-02 08:50:58 +08:00
|
|
|
{title: "Edit branch prefix <kbd>F2</kbd>", cmd: "editBranchPrefix", uiIcon: "ui-icon-pencil"},
|
2018-03-25 23:09:17 +08:00
|
|
|
{title: "----"},
|
2018-09-01 00:22:53 +08:00
|
|
|
{title: "Protect subtree", cmd: "protectSubtree", uiIcon: "ui-icon-locked"},
|
|
|
|
{title: "Unprotect subtree", cmd: "unprotectSubtree", uiIcon: "ui-icon-unlocked"},
|
2018-03-25 23:09:17 +08:00
|
|
|
{title: "----"},
|
|
|
|
{title: "Copy / clone <kbd>Ctrl+C</kbd>", cmd: "copy", uiIcon: "ui-icon-copy"},
|
|
|
|
{title: "Cut <kbd>Ctrl+X</kbd>", cmd: "cut", uiIcon: "ui-icon-scissors"},
|
|
|
|
{title: "Paste into <kbd>Ctrl+V</kbd>", cmd: "pasteInto", uiIcon: "ui-icon-clipboard"},
|
|
|
|
{title: "Paste after", cmd: "pasteAfter", uiIcon: "ui-icon-clipboard"},
|
|
|
|
{title: "----"},
|
2018-09-01 00:22:53 +08:00
|
|
|
{title: "Export subtree", cmd: "exportSubtree", uiIcon: " ui-icon-arrowthick-1-ne", children: [
|
|
|
|
{title: "Native Tar", cmd: "exportSubtreeToTar"},
|
|
|
|
{title: "OPML", cmd: "exportSubtreeToOpml"}
|
2018-05-28 00:26:34 +08:00
|
|
|
]},
|
2018-09-01 00:22:53 +08:00
|
|
|
{title: "Import into note (tar, opml)", cmd: "importIntoNote", uiIcon: "ui-icon-arrowthick-1-sw"},
|
2018-03-25 23:09:17 +08:00
|
|
|
{title: "----"},
|
2018-09-01 00:22:53 +08:00
|
|
|
{title: "Collapse subtree <kbd>Alt+-</kbd>", cmd: "collapseSubtree", uiIcon: "ui-icon-minus"},
|
2018-03-25 23:09:17 +08:00
|
|
|
{title: "Force note sync", cmd: "forceNoteSync", uiIcon: "ui-icon-refresh"},
|
|
|
|
{title: "Sort alphabetically <kbd>Alt+S</kbd>", cmd: "sortAlphabetically", uiIcon: " ui-icon-arrowthick-2-n-s"}
|
|
|
|
],
|
2018-03-26 02:49:20 +08:00
|
|
|
beforeOpen: async (event, ui) => {
|
2018-03-25 23:09:17 +08:00
|
|
|
const node = $.ui.fancytree.getNode(ui.target);
|
2018-04-07 06:49:37 +08:00
|
|
|
const branch = await treeCache.getBranch(node.data.branchId);
|
2018-03-26 10:37:02 +08:00
|
|
|
const note = await treeCache.getNote(node.data.noteId);
|
|
|
|
const parentNote = await treeCache.getNote(branch.parentNoteId);
|
2018-05-27 04:16:34 +08:00
|
|
|
const isNotRoot = note.noteId !== 'root';
|
2018-03-25 23:09:17 +08:00
|
|
|
|
|
|
|
// Modify menu entries depending on node status
|
2018-05-27 04:16:34 +08:00
|
|
|
$tree.contextmenu("enableEntry", "insertNoteHere", isNotRoot && parentNote.type !== 'search');
|
2018-03-25 23:09:17 +08:00
|
|
|
$tree.contextmenu("enableEntry", "insertChildNote", note.type !== 'search');
|
2018-06-05 11:21:45 +08:00
|
|
|
$tree.contextmenu("enableEntry", "delete", isNotRoot && parentNote.type !== 'search');
|
2018-05-27 04:16:34 +08:00
|
|
|
$tree.contextmenu("enableEntry", "copy", isNotRoot);
|
|
|
|
$tree.contextmenu("enableEntry", "cut", isNotRoot);
|
|
|
|
$tree.contextmenu("enableEntry", "pasteAfter", clipboardIds.length > 0 && isNotRoot && parentNote.type !== 'search');
|
|
|
|
$tree.contextmenu("enableEntry", "pasteInto", clipboardIds.length > 0 && note.type !== 'search');
|
2018-09-01 00:22:53 +08:00
|
|
|
$tree.contextmenu("enableEntry", "importIntoNote", note.type !== 'search');
|
|
|
|
$tree.contextmenu("enableEntry", "exportSubtree", note.type !== 'search');
|
2018-07-26 14:58:20 +08:00
|
|
|
$tree.contextmenu("enableEntry", "editBranchPrefix", isNotRoot && parentNote.type !== 'search');
|
2018-03-25 23:09:17 +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);
|
|
|
|
|
|
|
|
if (ui.cmd === "insertNoteHere") {
|
|
|
|
const parentNoteId = node.data.parentNoteId;
|
|
|
|
const isProtected = treeUtils.getParentProtectedStatus(node);
|
|
|
|
|
|
|
|
treeService.createNote(node, parentNoteId, 'after', isProtected);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "insertChildNote") {
|
|
|
|
treeService.createNote(node, node.data.noteId, 'into');
|
|
|
|
}
|
2018-04-02 08:50:58 +08:00
|
|
|
else if (ui.cmd === "editBranchPrefix") {
|
|
|
|
branchPrefixDialog.showDialog(node);
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
2018-09-01 00:22:53 +08:00
|
|
|
else if (ui.cmd === "protectSubtree") {
|
|
|
|
protectedSessionService.protectSubtree(node.data.noteId, true);
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
2018-09-01 00:22:53 +08:00
|
|
|
else if (ui.cmd === "unprotectSubtree") {
|
|
|
|
protectedSessionService.protectSubtree(node.data.noteId, false);
|
2017-11-23 12:16:54 +08:00
|
|
|
}
|
2018-03-25 23:09:17 +08:00
|
|
|
else if (ui.cmd === "copy") {
|
|
|
|
copy(treeService.getSelectedNodes());
|
2018-01-02 06:59:59 +08:00
|
|
|
}
|
2018-03-25 23:09:17 +08:00
|
|
|
else if (ui.cmd === "cut") {
|
|
|
|
cut(treeService.getSelectedNodes());
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "pasteAfter") {
|
|
|
|
pasteAfter(node);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "pasteInto") {
|
|
|
|
pasteInto(node);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "delete") {
|
2018-03-26 01:41:29 +08:00
|
|
|
treeChangesService.deleteNodes(treeService.getSelectedNodes(true));
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
2018-09-01 00:22:53 +08:00
|
|
|
else if (ui.cmd === "exportSubtreeToTar") {
|
|
|
|
exportService.exportSubtree(node.data.noteId, 'tar');
|
2018-05-28 00:26:34 +08:00
|
|
|
}
|
2018-09-01 00:22:53 +08:00
|
|
|
else if (ui.cmd === "exportSubtreeToOpml") {
|
|
|
|
exportService.exportSubtree(node.data.noteId, 'opml');
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
2018-09-01 00:22:53 +08:00
|
|
|
else if (ui.cmd === "importIntoNote") {
|
|
|
|
exportService.importIntoNote(node.data.noteId);
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
2018-09-01 00:22:53 +08:00
|
|
|
else if (ui.cmd === "collapseSubtree") {
|
2018-03-25 23:09:17 +08:00
|
|
|
treeService.collapseTree(node);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "forceNoteSync") {
|
|
|
|
syncService.forceNoteSync(node.data.noteId);
|
|
|
|
}
|
|
|
|
else if (ui.cmd === "sortAlphabetically") {
|
|
|
|
treeService.sortAlphabetically(node.data.noteId);
|
2017-11-23 12:16:54 +08:00
|
|
|
}
|
|
|
|
else {
|
2018-03-26 01:41:29 +08:00
|
|
|
messagingService.logError("Unknown command: " + ui.cmd);
|
2017-11-23 12:16:54 +08:00
|
|
|
}
|
|
|
|
}
|
2018-03-25 23:09:17 +08:00
|
|
|
};
|
|
|
|
|
|
|
|
export default {
|
|
|
|
pasteAfter,
|
|
|
|
pasteInto,
|
|
|
|
cut,
|
|
|
|
copy,
|
2018-04-02 05:41:28 +08:00
|
|
|
contextMenuOptions
|
2018-03-25 23:09:17 +08:00
|
|
|
};
|