trilium/static/js/tree.js

239 lines
6.8 KiB
JavaScript
Raw Normal View History

2017-08-24 08:09:28 +08:00
const keybindings = {
"insert": function(node) {
const parentKey = getParentKey(node);
const encryption = getParentEncryption(node);
2017-08-24 08:09:28 +08:00
createNote(node, parentKey, 'after', encryption);
2017-08-24 08:09:28 +08:00
},
"ctrl+insert": function(node) {
createNote(node, node.key, 'into', node.data.encryption);
2017-08-24 08:09:28 +08:00
},
"del": function(node) {
deleteNode(node);
2017-08-24 08:09:28 +08:00
},
"shift+up": function(node) {
2017-09-05 00:02:34 +08:00
const beforeNode = node.getPrevSibling();
if (beforeNode !== null) {
moveBeforeNode(node, beforeNode);
2017-08-24 08:09:28 +08:00
}
},
"shift+down": function(node) {
2017-09-05 00:02:34 +08:00
let afterNode = node.getNextSibling();
if (afterNode !== null) {
moveAfterNode(node, afterNode);
2017-08-24 08:09:28 +08:00
}
},
"shift+left": function(node) {
moveNodeUp(node);
2017-08-24 08:09:28 +08:00
},
"shift+right": function(node) {
2017-09-05 00:02:34 +08:00
let toNode = node.getPrevSibling();
2017-08-24 08:09:28 +08:00
2017-09-05 00:02:34 +08:00
if (toNode !== null) {
moveToNode(node, toNode);
2017-08-24 08:09:28 +08:00
}
},
"return": function(node) {
// doesn't work :-/
$('#noteDetail').summernote('focus');
}
};
2017-09-04 06:50:56 +08:00
let globalAllNoteIds = [];
2017-08-24 08:09:28 +08:00
const globalTree = $("#tree");
let globalClipboardNoteId = null;
function prepareNoteTree(notes) {
for (const note of notes) {
globalAllNoteIds.push(note.note_id);
if (note.encryption > 0) {
note.title = "[encrypted]";
note.extraClasses = "encrypted";
}
else {
note.title = note.note_title;
if (note.is_clone) {
note.title += " (clone)";
}
}
note.key = note.note_id;
note.expanded = note.is_expanded;
if (note.children && note.children.length > 0) {
prepareNoteTree(note.children);
}
}
}
function setExpandedToServer(note_id, is_expanded) {
expanded_num = is_expanded ? 1 : 0;
$.ajax({
2017-09-30 22:05:12 +08:00
url: baseApiUrl + 'notes/' + note_id + '/expanded/' + expanded_num,
type: 'PUT',
contentType: "application/json",
success: function(result) {}
});
}
let globalEncryptionSalt;
let globalEncryptionSessionTimeout;
let globalEncryptedDataKey;
let globalFullLoadTime;
setInterval(() => {
$.ajax({
url: baseApiUrl + 'audit/' + globalFullLoadTime,
type: 'GET',
success: function (resp) {
if (resp.changed) {
window.location.reload(true);
}
},
statusCode: {
401: function() {
// if the user got logged out then we should display the page
// here we do that by reloading which will force the redirect if the user is really logged out
window.location.reload(true);
}
}
});
}, 10 * 1000);
2017-06-12 04:04:07 +08:00
$(function(){
2017-09-30 22:05:12 +08:00
$.get(baseApiUrl + 'tree').then(resp => {
const notes = resp.notes;
let startNoteId = resp.start_note_id;
globalEncryptionSalt = resp.password_derived_key_salt;
globalEncryptionSessionTimeout = resp.encryption_session_timeout;
globalEncryptedDataKey = resp.encrypted_data_key;
globalFullLoadTime = resp.full_load_time;
2017-09-29 11:16:36 +08:00
// add browser ID header to all AJAX requests
$.ajaxSetup({
headers: { 'x-browser-id': resp.browser_id }
});
if (document.location.hash) {
startNoteId = document.location.hash.substr(1); // strip initial #
}
prepareNoteTree(notes);
globalTree.fancytree({
autoScroll: true,
2017-09-05 00:02:34 +08:00
extensions: ["hotkeys", "filter", "dnd"],
2017-06-12 04:04:07 +08:00
source: notes,
activate: function(event, data){
const node = data.node.data;
2017-06-12 04:04:07 +08:00
saveNoteIfChanged(() => loadNote(node.note_id));
2017-06-12 04:04:07 +08:00
},
expand: function(event, data) {
setExpandedToServer(data.node.key, true);
2017-06-12 04:04:07 +08:00
},
collapse: function(event, data) {
setExpandedToServer(data.node.key, false);
2017-06-12 04:04:07 +08:00
},
init: function(event, data) {
if (startNoteId) {
data.tree.activateKey(startNoteId);
}
$(window).resize();
},
2017-06-12 04:04:07 +08:00
hotkeys: {
2017-08-24 08:09:28 +08:00
keydown: keybindings
2017-08-29 11:10:04 +08:00
},
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 <mark> 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)
2017-09-05 00:02:34 +08:00
},
dnd: dragAndDropSetup
});
globalTree.contextmenu(contextMenuSetup);
2017-06-12 04:04:07 +08:00
});
2017-08-29 11:10:04 +08:00
});
function collapseTree() {
2017-09-07 09:34:54 +08:00
globalTree.fancytree("getRootNode").visit(function(node){
node.setExpanded(false);
});
}
$(document).bind('keydown', 'alt+c', collapseTree);
2017-09-16 23:37:50 +08:00
function scrollToCurrentNote() {
const node = getNodeByKey(globalCurrentNote.detail.note_id);
if (node) {
node.makeVisible({scrollIntoView: true});
node.setFocus();
}
}
function showSearch() {
2017-10-01 20:47:26 +08:00
$("#search-box").show();
$("input[name=search]").focus();
}
$(document).bind('keydown', 'alt+s', showSearch);
2017-10-01 20:47:26 +08:00
function toggleSearch() {
if ($("#search-box:hidden").length) {
showSearch();
}
else {
resetSearch();
$("#search-box").hide();
}
2017-10-01 20:47:26 +08:00
}
function resetSearch() {
$("input[name=search]").val("");
const tree = globalTree.fancytree("getTree");
tree.clearFilter();
}
$("button#btnResetSearch").click(resetSearch);
$("input[name=search]").keyup(function (e) {
const searchString = $(this).val();
if (e && e.which === $.ui.keyCode.ESCAPE || $.trim(searchString) === "") {
$("button#btnResetSearch").click();
return;
}
if (e && e.which === $.ui.keyCode.ENTER) {
$.get(baseApiUrl + 'notes?search=' + searchString).then(resp => {
console.log("search: ", resp);
// Pass a string to perform case insensitive matching
const tree = globalTree.fancytree("getTree");
tree.filterBranches(function(node) {
return resp.includes(node.data.note_id);
});
});
}
}).focus();