trilium/static/js/tree.js

221 lines
7.4 KiB
JavaScript
Raw Normal View History

2017-08-24 08:09:28 +08:00
const keybindings = {
"insert": function(node) {
let parentKey = (node.getParent() === null || node.getParent().key === "root_1") ? "root" : node.getParent().key;
createNote(node, parentKey, 'after');
},
"ctrl+insert": function(node) {
createNote(node, node.key, 'into');
},
"del": function(node) {
if (confirm('Are you sure you want to delete note "' + node.title + '"?')) {
$.ajax({
url: baseUrl + 'notes/' + node.key,
type: 'DELETE',
success: function() {
if (node.getParent() !== null && node.getParent().getChildren().length <= 1) {
node.getParent().folder = false;
node.getParent().renderTitle();
}
delete globalNoteNames[node.key];
// remove from recent notes
recentNotes = recentNotes.filter(note => note !== node.key);
let next = node.getNextSibling();
if (!next) {
next = node.getParent();
}
2017-08-24 08:09:28 +08:00
node.remove();
// activate next element after this one is deleted so we don't lose focus
next.setActive();
2017-08-24 08:09:28 +08:00
}
});
}
},
"shift+up": function(node) {
if (node.getPrevSibling() !== null) {
$.ajax({
url: baseUrl + 'notes/' + node.key + '/moveBefore/' + node.getPrevSibling().key,
type: 'PUT',
contentType: "application/json",
success: function() {
node.moveTo(node.getPrevSibling(), 'before');
}
});
}
},
"shift+down": function(node) {
if (node.getNextSibling() !== null) {
$.ajax({
url: baseUrl + 'notes/' + node.key + '/moveAfter/' + node.getNextSibling().key,
type: 'PUT',
contentType: "application/json",
success: function() {
node.moveTo(node.getNextSibling(), 'after');
}
});
}
},
"shift+left": function(node) {
if (node.getParent() !== null) {
$.ajax({
url: baseUrl + 'notes/' + node.key + '/moveAfter/' + node.getParent().key,
type: 'PUT',
contentType: "application/json",
success: function() {
if (node.getParent() !== null && node.getParent().getChildren().length <= 1) {
node.getParent().folder = false;
node.getParent().renderTitle();
}
node.moveTo(node.getParent(), 'after');
}
});
}
},
"shift+right": function(node) {
let prevSibling = node.getPrevSibling();
if (prevSibling !== null) {
$.ajax({
url: baseUrl + 'notes/' + node.key + '/moveTo/' + prevSibling.key,
type: 'PUT',
contentType: "application/json",
success: function(result) {
node.moveTo(prevSibling);
prevSibling.setExpanded(true);
prevSibling.folder = true;
prevSibling.renderTitle();
}
});
}
},
"return": function(node) {
// doesn't work :-/
$('#noteDetail').summernote('focus');
}
};
const globalNoteNames = {};
2017-08-24 08:09:28 +08:00
2017-06-12 04:04:07 +08:00
$(function(){
$.get(baseUrl + 'tree').then(resp => {
const notes = resp.notes;
let startNoteId = resp.start_note_id;
if (document.location.hash) {
startNoteId = document.location.hash.substr(1); // strip initial #
}
2017-06-12 04:04:07 +08:00
function copyTitle(notes) {
2017-08-30 10:25:58 +08:00
for (const note of notes) {
globalNoteNames[note.note_id] = note.note_title;
2017-06-12 04:04:07 +08:00
note.title = note.note_title;
if (note.is_clone) {
note.title += " (clone)";
}
2017-06-12 04:04:07 +08:00
note.key = note.note_id;
note.expanded = note.is_expanded;
if (note.children && note.children.length > 0) {
copyTitle(note.children);
}
}
}
copyTitle(notes);
function setExpanded(note_id, is_expanded) {
expanded_num = is_expanded ? 1 : 0;
$.ajax({
url: baseUrl + 'notes/' + note_id + '/expanded/' + expanded_num,
type: 'PUT',
contentType: "application/json",
2017-08-24 08:09:28 +08:00
success: function(result) {}
2017-06-12 04:04:07 +08:00
});
}
$("#tree").fancytree({
autoScroll: true,
2017-08-29 11:10:04 +08:00
extensions: ["hotkeys", "filter"],
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) {
setExpanded(data.node.key, true);
},
collapse: function(event, data) {
setExpanded(data.node.key, false);
},
init: function(event, data) {
if (startNoteId) {
data.tree.activateKey(startNoteId);
}
},
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-06-12 04:04:07 +08:00
}
});
});
2017-08-29 11:10:04 +08:00
});
$("input[name=search]").keyup(function (e) {
const searchString = $(this).val();
2017-08-29 11:10:04 +08:00
if (e && e.which === $.ui.keyCode.ESCAPE || $.trim(searchString) === "") {
2017-08-29 11:10:04 +08:00
$("button#btnResetSearch").click();
return;
}
if (e && e.which === $.ui.keyCode.ENTER) {
$.get(baseUrl + 'notes?search=' + searchString).then(resp => {
console.log("search: ", resp);
// Pass a string to perform case insensitive matching
const tree = $("#tree").fancytree("getTree");
tree.filterBranches(function(node) {
return resp.includes(node.data.note_id);
});
});
}
2017-08-29 11:10:04 +08:00
}).focus();
$("button#btnResetSearch").click(function () {
$("input[name=search]").val("");
2017-08-30 10:25:58 +08:00
const tree = $("#tree").fancytree("getTree");
2017-08-29 11:10:04 +08:00
tree.clearFilter();
});
function collapseTree() {
$("#tree").fancytree("getRootNode").visit(function(node){
node.setExpanded(false);
});
}
$(document).bind('keydown', 'alt+c', collapseTree);