"use strict"; const noteTree = (function() { const treeEl = $("#tree"); const parentListEl = $("#parent-list"); const parentListListEl = $("#parent-list-list"); let startNotePath = null; let notesTreeMap = {}; let parentToChildren = {}; let childToParents = {}; let parentChildToNoteTreeId = {}; let noteIdToTitle = {}; function getNoteTreeId(parentNoteId, childNoteId) { const key = parentNoteId + "-" + childNoteId; // this can return undefined and client code should deal with it somehow return parentChildToNoteTreeId[key]; } function getNoteTitle(noteId, parentNoteId = null) { let title = noteIdToTitle[noteId]; if (!title) { throwError("Can't find title for noteId='" + noteId + "'"); } if (parentNoteId !== null) { const noteTreeId = getNoteTreeId(parentNoteId, noteId); if (noteTreeId) { const noteTree = notesTreeMap[noteTreeId]; if (noteTree.prefix) { title = noteTree.prefix + ' - ' + title; } } } return title; } // note that if you want to access data like note_id or is_protected, you need to go into "data" property function getCurrentNode() { return treeEl.fancytree("getActiveNode"); } function getCurrentNotePath() { const node = getCurrentNode(); return treeUtils.getNotePath(node); } function getCurrentNoteId() { const node = getCurrentNode(); return node ? node.data.note_id : null; } function getCurrentClones() { const noteId = getCurrentNoteId(); if (noteId) { return getNodesByNoteId(noteId); } else { return []; } } function getNodesByNoteTreeId(noteTreeId) { const noteTree = notesTreeMap[noteTreeId]; return getNodesByNoteId(noteTree.note_id).filter(node => node.data.note_tree_id === noteTreeId); } function getNodesByNoteId(noteId) { const list = getTree().getNodesByRef(noteId); return list ? list : []; // if no nodes with this refKey are found, fancy tree returns null } function setPrefix(noteTreeId, prefix) { notesTreeMap[noteTreeId].prefix = prefix; getNodesByNoteTreeId(noteTreeId).map(node => { node.data.prefix = prefix; treeUtils.setNodeTitleWithPrefix(node); }); } function removeParentChildRelation(parentNoteId, childNoteId) { const key = parentNoteId + "-" + childNoteId; delete parentChildToNoteTreeId[key]; parentToChildren[parentNoteId] = parentToChildren[parentNoteId].filter(noteId => noteId !== childNoteId); childToParents[childNoteId] = childToParents[childNoteId].filter(noteId => noteId !== parentNoteId); } function setParentChildRelation(noteTreeId, parentNoteId, childNoteId) { const key = parentNoteId + "-" + childNoteId; parentChildToNoteTreeId[key] = noteTreeId; if (!parentToChildren[parentNoteId]) { parentToChildren[parentNoteId] = []; } parentToChildren[parentNoteId].push(childNoteId); if (!childToParents[childNoteId]) { childToParents[childNoteId] = []; } childToParents[childNoteId].push(parentNoteId); } function prepareNoteTree(notes) { parentToChildren = {}; childToParents = {}; notesTreeMap = {}; for (const note of notes) { notesTreeMap[note.note_tree_id] = note; noteIdToTitle[note.note_id] = note.note_title; delete note.note_title; // this should not be used. Use noteIdToTitle instead setParentChildRelation(note.note_tree_id, note.note_pid, note.note_id); } return prepareNoteTreeInner('root'); } function getExtraClasses(note) { let extraClasses = ''; if (note.is_protected) { extraClasses += ",protected"; } if (childToParents[note.note_id].length > 1) { extraClasses += ",multiple-parents"; } if (extraClasses.startsWith(",")) { extraClasses = extraClasses.substr(1); } return extraClasses; } function prepareNoteTreeInner(parentNoteId) { const childNoteIds = parentToChildren[parentNoteId]; if (!childNoteIds) { messaging.logError("No children for " + parentNoteId + ". This shouldn't happen."); return; } const noteList = []; for (const noteId of childNoteIds) { const noteTreeId = getNoteTreeId(parentNoteId, noteId); const noteTree = notesTreeMap[noteTreeId]; const node = { note_id: noteTree.note_id, note_pid: noteTree.note_pid, note_tree_id: noteTree.note_tree_id, is_protected: noteTree.is_protected, prefix: noteTree.prefix, title: (noteTree.prefix ? (noteTree.prefix + " - ") : "") + noteIdToTitle[noteTree.note_id], extraClasses: getExtraClasses(noteTree), refKey: noteTree.note_id, expanded: noteTree.is_expanded }; if (parentToChildren[noteId] && parentToChildren[noteId].length > 0) { node.folder = true; if (node.expanded) { node.children = prepareNoteTreeInner(noteId); } else { node.lazy = true; } } noteList.push(node); } return noteList; } async function activateNode(notePath) { const runPath = getRunPath(notePath); const noteId = treeUtils.getNoteIdFromNotePath(notePath); let parentNoteId = 'root'; //console.log(now(), "Run path: ", runPath); for (const childNoteId of runPath) { const node = getNodesByNoteId(childNoteId).find(node => node.data.note_pid === parentNoteId); if (childNoteId === noteId) { await node.setActive(); } else { await node.setExpanded(); } parentNoteId = childNoteId; } } /** * Accepts notePath and tries to resolve it. Part of the path might not be valid because of note moving (which causes * path change) or other corruption, in that case this will try to get some other valid path to the correct note. */ function getRunPath(notePath) { const path = notePath.split("/").reverse(); path.push('root'); const effectivePath = []; let childNoteId = null; let i = 0; while (true) { if (i >= path.length) { break; } const parentNoteId = path[i++]; if (childNoteId !== null) { const parents = childToParents[childNoteId]; if (!parents) { messaging.logError("No parents found for " + childNoteId); return; } if (!parents.includes(parentNoteId)) { console.log(now(), "Did not find parent " + parentNoteId + " for child " + childNoteId); if (parents.length > 0) { const pathToRoot = getSomeNotePath(parents[0]).split("/").reverse(); for (const noteId of pathToRoot) { effectivePath.push(noteId); } break; } else { messaging.logError("No parents, can't activate node."); return; } } } if (parentNoteId === 'root') { break; } else { effectivePath.push(parentNoteId); childNoteId = parentNoteId; } } return effectivePath.reverse(); } function showParentList(noteId, node) { const parents = childToParents[noteId]; if (!parents) { throwError("Can't find parents for noteId=" + noteId); } if (parents.length <= 1) { parentListEl.hide(); } else { parentListEl.show(); parentListListEl.empty(); for (const parentNoteId of parents) { const parentNotePath = getSomeNotePath(parentNoteId); // this is to avoid having root notes leading '/' const notePath = parentNotePath ? (parentNotePath + '/' + noteId) : noteId; const title = getNotePathTitle(notePath); let item; if (node.getParent().data.note_id === parentNoteId) { item = $("").attr("title", "Current note").append(title); } else { item = link.createNoteLink(notePath, title); } parentListListEl.append($("
").append(item)); } } } function getNotePathTitle(notePath) { const titlePath = []; let parentNoteId = 'root'; for (const noteId of notePath.split('/')) { titlePath.push(getNoteTitle(noteId, parentNoteId)); parentNoteId = noteId; } return titlePath.join(' / '); } function getSomeNotePath(noteId) { const path = []; let cur = noteId; while (cur !== 'root') { path.push(cur); cur = childToParents[cur][0]; } return path.reverse().join('/'); } async function setExpandedToServer(noteTreeId, isExpanded) { const expandedNum = isExpanded ? 1 : 0; await server.put('notes/' + noteTreeId + '/expanded/' + expandedNum); } function setCurrentNotePathToHash(node) { const currentNotePath = treeUtils.getNotePath(node); const currentNoteTreeId = node.data.note_tree_id; document.location.hash = currentNotePath; recentNotes.addRecentNote(currentNoteTreeId, currentNotePath); } function initFancyTree(noteTree) { const keybindings = { "insert": node => { const parentNoteId = node.data.note_pid; const isProtected = treeUtils.getParentProtectedStatus(node); createNote(node, parentNoteId, 'after', isProtected); }, "del": node => { treeChanges.deleteNode(node); }, "shift+up": node => { const beforeNode = node.getPrevSibling(); if (beforeNode !== null) { treeChanges.moveBeforeNode(node, beforeNode); } }, "shift+down": node => { let afterNode = node.getNextSibling(); if (afterNode !== null) { treeChanges.moveAfterNode(node, afterNode); } }, "shift+left": node => { treeChanges.moveNodeUpInHierarchy(node); }, "shift+right": node => { let toNode = node.getPrevSibling(); if (toNode !== null) { treeChanges.moveToNode(node, toNode); } }, "f2": node => { editTreePrefix.showDialog(node); } }; treeEl.fancytree({ autoScroll: true, extensions: ["hotkeys", "filter", "dnd", "clones"], source: noteTree, scrollParent: $("#tree"), activate: (event, data) => { const node = data.node.data; setCurrentNotePathToHash(data.node); noteEditor.switchToNote(node.note_id); showParentList(node.note_id, data.node); }, expand: (event, data) => { setExpandedToServer(data.node.data.note_tree_id, true); }, collapse: (event, data) => { setExpandedToServer(data.node.data.note_tree_id, false); }, init: (event, data) => { const noteId = treeUtils.getNoteIdFromNotePath(startNotePath); if (noteIdToTitle[noteId] === undefined) { // note doesn't exist so don't try to activate it startNotePath = null; } if (startNotePath) { activateNode(startNotePath); } else { showAppIfHidden(); } }, hotkeys: { keydown: keybindings }, filter: { autoApply: true, // Re-apply last filter if lazy data is loaded autoExpand: true, // Expand all branches that contain matches while filtered counter: false, // Show a badge with number of matching child nodes near parent icons fuzzy: false, // Match single characters in order, e.g. 'fb' will match 'FooBar' hideExpandedCounter: true, // Hide counter badge if parent is expanded hideExpanders: false, // Hide expanders if all child nodes are hidden by filter highlight: true, // Highlight matches by wrapping inside tags leavesOnly: false, // Match end nodes only nodata: true, // Display a 'no data' status node if result is empty mode: "hide" // Grayout unmatched nodes (pass "hide" to remove unmatched node instead) }, dnd: dragAndDropSetup, keydown: (event, data) => { const node = data.node; // Eat keyboard events, when a menu is open if ($(".contextMenu:visible").length > 0) return false; switch (event.which) { // Open context menu on [Space] key (simulate right click) case 32: // [Space] $(node.span).trigger("mousedown", { preventDefault: true, button: 2 }) .trigger("mouseup", { preventDefault: true, pageX: node.span.offsetLeft, pageY: node.span.offsetTop, button: 2 }); return false; // Handle Ctrl-C, -X and -V case 67: if (event.ctrlKey) { // Ctrl-C contextMenu.copy(node); return false; } break; case 86: if (event.ctrlKey) { // Ctrl-V contextMenu.pasteAfter(node); return false; } break; case 88: if (event.ctrlKey) { // Ctrl-X contextMenu.cut(node); return false; } break; } }, lazyLoad: function(event, data){ const node = data.node.data; data.result = prepareNoteTreeInner(node.note_id); }, clones: { highlightActiveClones: true } }); treeEl.contextmenu(contextMenu.contextMenuSettings); } function getTree() { return treeEl.fancytree('getTree'); } async function reload() { const notes = await loadTree(); // this will also reload the note content await getTree().reload(notes); } function loadTree() { return server.get('tree').then(resp => { startNotePath = resp.start_note_path; if (document.location.hash) { startNotePath = document.location.hash.substr(1); // strip initial # } return prepareNoteTree(resp.notes); }); } $(() => loadTree().then(noteTree => initFancyTree(noteTree))); function collapseTree() { treeEl.fancytree("getRootNode").visit(node => { node.setExpanded(false); }); } $(document).bind('keydown', 'alt+c', collapseTree); function scrollToCurrentNote() { const node = noteTree.getCurrentNode(); if (node) { node.makeVisible({scrollIntoView: true}); node.setFocus(); } } function setCurrentNoteTreeBasedOnProtectedStatus() { getCurrentClones().map(node => node.toggleClass("protected", !!node.data.is_protected)); } function getAutocompleteItems(parentNoteId, notePath, titlePath) { if (!parentNoteId) { parentNoteId = 'root'; } if (!parentToChildren[parentNoteId]) { return []; } if (!notePath) { notePath = ''; } if (!titlePath) { titlePath = ''; } const autocompleteItems = []; for (const childNoteId of parentToChildren[parentNoteId]) { const childNotePath = (notePath ? (notePath + '/') : '') + childNoteId; const childTitlePath = (titlePath ? (titlePath + ' / ') : '') + getNoteTitle(childNoteId, parentNoteId); autocompleteItems.push({ value: childTitlePath + ' (' + childNotePath + ')', label: childTitlePath }); const childItems = getAutocompleteItems(childNoteId, childNotePath, childTitlePath); for (const childItem of childItems) { autocompleteItems.push(childItem); } } return autocompleteItems; } function setNoteTitle(noteId, title) { noteIdToTitle[noteId] = title; getNodesByNoteId(noteId).map(clone => treeUtils.setNodeTitleWithPrefix(clone)); } async function createNewTopLevelNote() { const rootNode = treeEl.fancytree("getRootNode"); await createNote(rootNode, "root", "into"); } async function createNote(node, parentNoteId, target, isProtected) { // if isProtected isn't available (user didn't enter password yet), then note is created as unencrypted // but this is quite weird since user doesn't see WHERE the note is being created so it shouldn't occur often if (!isProtected || !protected_session.isProtectedSessionAvailable()) { isProtected = false; } const newNoteName = "new note"; const result = await server.post('notes/' + parentNoteId + '/children', { note_title: newNoteName, target: target, target_note_tree_id: node.data.note_tree_id, is_protected: isProtected }); const newNode = { title: newNoteName, note_id: result.note_id, note_pid: parentNoteId, refKey: result.note_id, note_tree_id: result.note_tree_id, is_protected: isProtected, extraClasses: isProtected ? "protected" : "" }; setParentChildRelation(result.note_tree_id, parentNoteId, result.note_id); notesTreeMap[result.note_tree_id] = result; noteIdToTitle[result.note_id] = newNoteName; noteEditor.newNoteCreated(); if (target === 'after') { node.appendSibling(newNode).setActive(true); } else { node.addChildren(newNode).setActive(true); node.folder = true; node.renderTitle(); } showMessage("Created!"); } $(document).bind('keydown', 'ctrl+insert', () => { const node = getCurrentNode(); createNote(node, node.data.note_id, 'into', node.data.is_protected); }); $(document).bind('keydown', 'ctrl+.', scrollToCurrentNote); return { reload, collapseTree, scrollToCurrentNote, setCurrentNoteTreeBasedOnProtectedStatus, getCurrentNode, activateNode, getCurrentNotePath, getNoteTitle, setCurrentNotePathToHash, getAutocompleteItems, setNoteTitle, createNewTopLevelNote, createNote, setPrefix, getNotePathTitle, removeParentChildRelation, setParentChildRelation }; })();