2017-06-12 04:04:07 +08:00
|
|
|
$(function(){
|
|
|
|
$.get(baseUrl + 'tree').then(notes => {
|
|
|
|
function copyTitle(notes) {
|
|
|
|
for (let note of notes) {
|
|
|
|
note.title = note.note_title;
|
|
|
|
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",
|
|
|
|
success: function(result) {
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#tree").fancytree({
|
|
|
|
extensions: ["hotkeys"],
|
|
|
|
source: notes,
|
|
|
|
activate: function(event, data){
|
|
|
|
var node = data.node.data;
|
|
|
|
var noteId = node.note_id;
|
|
|
|
|
|
|
|
loadNote(noteId);
|
|
|
|
},
|
|
|
|
expand: function(event, data) {
|
|
|
|
setExpanded(data.node.key, true);
|
|
|
|
},
|
|
|
|
collapse: function(event, data) {
|
|
|
|
setExpanded(data.node.key, false);
|
|
|
|
},
|
|
|
|
hotkeys: {
|
|
|
|
keydown: {
|
|
|
|
"insert": function(node) {
|
|
|
|
let parentKey = (node.getParent() == null || node.getParent().key == "root_1") ? "root" : node.getParent().key;
|
|
|
|
|
|
|
|
createNote(node, parentKey, 'after');
|
|
|
|
},
|
|
|
|
"shift+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(result) {
|
|
|
|
if (node.getParent() != null && node.getParent().getChildren().length <= 1) {
|
|
|
|
node.getParent().folder = false;
|
|
|
|
node.getParent().renderTitle();
|
|
|
|
}
|
|
|
|
|
|
|
|
node.remove();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"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(result) {
|
|
|
|
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(result) {
|
|
|
|
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(result) {
|
|
|
|
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();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
2017-08-14 09:42:10 +08:00
|
|
|
},
|
|
|
|
"return": function(node) {
|
|
|
|
// doesn't work :-/
|
|
|
|
$('#noteDetail').summernote('focus');
|
2017-06-12 04:04:07 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|