Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-22 16:20:08 +01:00
Code Issues Packages Projects Releases Activity

cloning in context menu (copy & paste) and a lot of related refactoring and fixes

Browse Source
This commit is contained in:
azivner
2017-11-22 23:16:54 -05:00
parent c1fca4764b
commit acba72ec4c
12 changed files with 260 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
public/javascripts/context_menu.js
View File

@@ -3,24 +3,51 @@
const contextMenu = (function() {
const treeEl = $("#tree");
let clipboardId = null;
let clipboardMode = null;
function pasteAfter(node) {
const subjectNode = treeUtils.getNodeByNoteTreeId(noteTree.getClipboardNoteTreeId());
if (clipboardMode === 'cut') {
const subjectNode = treeUtils.getNodeByNoteTreeId(clipboardId);
treeChanges.moveAfterNode(subjectNode, node);
treeChanges.moveAfterNode(subjectNode, node);
}
else if (clipboardMode === 'copy') {
treeChanges.cloneNoteAfter(clipboardId, node.data.note_tree_id);
}
else {
throw new Error("Unrecognized clipboard mode=" + mode);
}
noteTree.setClipboardNoteTreeId(null);
clipboardId = null;
clipboardMode = null;
}
function pasteInto(node) {
const subjectNode = treeUtils.getNodeByNoteTreeId(noteTree.getClipboardNoteTreeId());
if (clipboardMode === 'cut') {
const subjectNode = treeUtils.getNodeByNoteTreeId(clipboardId);
treeChanges.moveToNode(subjectNode, node);
treeChanges.moveToNode(subjectNode, node);
}
else if (clipboardMode === 'copy') {
treeChanges.cloneNoteTo(clipboardId, node.data.note_id);
}
else {
throw new Error("Unrecognized clipboard mode=" + mode);
}
noteTree.setClipboardNoteTreeId(null);
clipboardId = null;
clipboardMode = null;
}
function copy(node) {
clipboardId = node.data.note_id;
clipboardMode = 'copy';
}
function cut(node) {
noteTree.setClipboardNoteTreeId(node.note_tree_id);
clipboardId = node.data.note_tree_id;
clipboardMode = 'cut';
}
const contextMenuSettings = {
@@ -42,8 +69,8 @@ const contextMenu = (function() {
beforeOpen: (event, ui) => {
const node = $.ui.fancytree.getNode(ui.target);
// Modify menu entries depending on node status
treeEl.contextmenu("enableEntry", "pasteAfter", noteTree.getClipboardNoteTreeId() !== null);
treeEl.contextmenu("enableEntry", "pasteInto", noteTree.getClipboardNoteTreeId() !== null);
treeEl.contextmenu("enableEntry", "pasteAfter", clipboardId !== null);
treeEl.contextmenu("enableEntry", "pasteInto", clipboardId !== null);
// Activate node on right-click
node.setActive();
@@ -56,13 +83,13 @@ const contextMenu = (function() {
const node = $.ui.fancytree.getNode(ui.target);
if (ui.cmd === "insertNoteHere") {
const parentNoteTreeId = treeUtils.getParentNoteTreeId(node);
const parentNoteId = node.data.note_pid;
const isProtected = treeUtils.getParentProtectedStatus(node);
noteEditor.createNote(node, parentNoteTreeId, 'after', isProtected);
noteTree.createNote(node, parentNoteId, 'after', isProtected);
}
else if (ui.cmd === "insertChildNote") {
noteEditor.createNote(node, node.data.note_id, 'into');
noteTree.createNote(node, node.data.note_id, 'into');
}
else if (ui.cmd === "protectSubTree") {
protected_session.protectSubTree(node.data.note_id, true);
@@ -70,6 +97,9 @@ const contextMenu = (function() {
else if (ui.cmd === "unprotectSubTree") {
protected_session.protectSubTree(node.data.note_id, false);
}
else if (ui.cmd === "copy") {
copy(node);
}
else if (ui.cmd === "cut") {
cut(node);
}

9
public/javascripts/dialogs/jump_to_note.js
View File

@@ -29,6 +29,11 @@ const jumpToNote = (function() {
return link.getNodePathFromLabel(val);
}
function getSelectedNoteId() {
const notePath = getSelectedNotePath();
return treeUtils.getNoteIdFromNotePath(notePath);
}
function goToNote() {
const notePath = getSelectedNotePath();
@@ -63,12 +68,12 @@ const jumpToNote = (function() {
}
}
else if (action === 'add-current-as-child') {
treeUtils.addAsChild(getSelectedNotePath(), noteTree.getCurrentNotePath());
treeChanges.cloneNoteTo(noteTree.getCurrentNoteId(), getSelectedNoteId());
dialogEl.dialog("close");
}
else if (action === 'add-selected-as-child') {
treeUtils.addAsChild(noteTree.getCurrentNotePath(), getSelectedNotePath());
treeChanges.cloneNoteTo(getSelectedNoteId(), noteTree.getCurrentNoteId());
dialogEl.dialog("close");
}

9
public/javascripts/dialogs/recent_notes.js
View File

@@ -79,6 +79,11 @@ const recentNotes = (function() {
return selectBoxEl.find("option:selected").val();
}
function getSelectedNoteId() {
const notePath = getSelectedNotePath();
return treeUtils.getNoteIdFromNotePath(notePath);
}
function setActiveNoteBasedOnRecentNotes() {
const notePath = getSelectedNotePath();
@@ -104,13 +109,13 @@ const recentNotes = (function() {
}
async function addCurrentAsChild() {
await treeUtils.addAsChild(getSelectedNotePath(), noteTree.getCurrentNotePath());
await treeChanges.cloneNoteTo(noteTree.getCurrentNoteId(), getSelectedNoteId());
dialogEl.dialog("close");
}
async function addRecentAsChild() {
await treeUtils.addAsChild(noteTree.getCurrentNotePath(), getSelectedNotePath());
await treeChanges.cloneNoteTo(getSelectedNoteId(), noteTree.getCurrentNoteId());
dialogEl.dialog("close");
}

60
public/javascripts/note_editor.js
View File

@@ -1,7 +1,6 @@
"use strict";
const noteEditor = (function() {
const treeEl = $("#tree");
const noteTitleEl = $("#note-title");
const noteDetailEl = $('#note-detail');
const protectButton = $("#protect-button");
@@ -113,59 +112,6 @@ const noteEditor = (function() {
showMessage("Saved!");
}
function createNewTopLevelNote() {
let rootNode = treeEl.fancytree("getRootNode");
createNote(rootNode, "root", "into");
}
let newNoteCreated = false;
async function createNote(node, parentTreeId, 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 $.ajax({
url: baseApiUrl + 'notes/' + parentTreeId + '/children' ,
type: 'POST',
data: JSON.stringify({
note_title: newNoteName,
target: target,
target_note_id: node.note_tree_id,
is_protected: isProtected
}),
contentType: "application/json"
});
const newNode = {
title: newNoteName,
key: counter++,
note_id: result.note_id,
note_tree_id: result.note_tree_id,
is_protected: isProtected,
extraClasses: isProtected ? "protected" : ""
};
newNoteCreated = true;
if (target === 'after') {
node.appendSibling(newNode).setActive(true);
}
else {
node.addChildren(newNode).setActive(true);
node.folder = true;
node.renderTitle();
}
showMessage("Created!");
}
function setNoteBackgroundIfProtected(note) {
if (note.detail.is_protected) {
$(".note-editable").addClass("protected");
@@ -184,8 +130,8 @@ const noteEditor = (function() {
async function loadNoteToEditor(noteId) {
currentNote = await $.get(baseApiUrl + 'notes/' + noteId);
if (newNoteCreated) {
newNoteCreated = false;
if (noteTree.isNewNoteCreated()) {
noteTree.switchOffNewNoteCreated();
noteTitleEl.focus().select();
}
@@ -249,8 +195,6 @@ const noteEditor = (function() {
saveNoteIfChanged,
updateNoteFromInputs,
saveNoteToServer,
createNewTopLevelNote,
createNote,
setNoteBackgroundIfProtected,
loadNote,
getCurrentNote,

139
public/javascripts/note_tree.js
View File

@@ -7,7 +7,6 @@ const noteTree = (function() {
let startNoteTreeId = null;
let treeLoadTime = null;
let clipboardNoteTreeId = null;
let notesMap = {};
let parentToChildren = {};
let childToParents = {};
@@ -30,14 +29,6 @@ const noteTree = (function() {
return treeLoadTime;
}
function getClipboardNoteTreeId() {
return clipboardNoteTreeId;
}
function setClipboardNoteTreeId(cbNoteId) {
clipboardNoteTreeId = cbNoteId;
}
function getNoteTreeId(parentNoteId, childNoteId) {
const key = parentNoteId + "-" + childNoteId;
@@ -107,41 +98,46 @@ const noteTree = (function() {
for (const childNoteId of childNoteIds) {
const noteTreeId = getNoteTreeId(parentNoteId, childNoteId);
const note = notesMap[noteTreeId];
const node = {};
note.title = noteIdToTitle[note.note_id];
node.note_id = note.note_id;
node.note_pid = note.note_pid;
node.note_tree_id = note.note_tree_id;
node.is_protected = note.is_protected;
node.title = noteIdToTitle[note.note_id];
note.extraClasses = "";
node.extraClasses = "";
if (note.is_protected) {
note.extraClasses += ",protected";
if (node.is_protected) {
node.extraClasses += ",protected";
}
if (childToParents[childNoteId].length > 1) {
note.extraClasses += ",multiple-parents";
node.extraClasses += ",multiple-parents";
}
if (note.extraClasses.startsWith(",")) {
note.extraClasses = note.extraClasses.substr(1);
if (node.extraClasses.startsWith(",")) {
node.extraClasses = node.extraClasses.substr(1);
}
note.key = counter++ + ""; // key needs to be string
note.refKey = note.note_id;
note.expanded = note.is_expanded;
node.key = counter++ + ""; // key needs to be string
node.refKey = note.note_id;
node.expanded = note.is_expanded;
noteTreeIdToKey[noteTreeId] = note.key;
noteTreeIdToKey[noteTreeId] = node.key;
if (parentToChildren[note.note_id] && parentToChildren[note.note_id].length > 0) {
note.folder = true;
node.folder = true;
if (note.expanded) {
note.children = prepareNoteTreeInner(note.note_id);
if (node.expanded) {
node.children = prepareNoteTreeInner(note.note_id);
}
else {
note.lazy = true;
node.lazy = true;
}
}
noteList.push(note);
noteList.push(node);
}
return noteList;
@@ -211,6 +207,10 @@ const noteTree = (function() {
function showParentList(noteId, node) {
const parents = childToParents[noteId];
if (!parents) {
throw new Error("Can't find parents for noteId=" + noteId);
}
if (parents.length <= 1) {
parentListEl.hide();
}
@@ -284,15 +284,17 @@ const noteTree = (function() {
}
function initFancyTree(noteTree) {
console.log(noteTree);
const keybindings = {
"insert": node => {
const parentNoteTreeId = treeUtils.getParentNoteTreeId(node);
const parentNoteId = node.data.note_pid;
const isProtected = treeUtils.getParentProtectedStatus(node);
noteEditor.createNote(node, parentNoteTreeId, 'after', isProtected);
createNote(node, parentNoteId, 'after', isProtected);
},
"ctrl+insert": node => {
noteEditor.createNote(node, node.note_id, 'into', node.data.is_protected);
createNote(node, node.data.note_id, 'into', node.data.is_protected);
},
"del": node => {
treeChanges.deleteNode(node);
@@ -498,10 +500,6 @@ const noteTree = (function() {
tree.clearFilter();
}
function getByNoteTreeId(noteTreeId) {
return notesMap[noteTreeId];
}
// 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");
@@ -587,6 +585,74 @@ const noteTree = (function() {
}
}
function createNewTopLevelNote() {
let rootNode = treeEl.fancytree("getRootNode");
createNote(rootNode, "root", "into");
}
let newNoteCreated = false;
function isNewNoteCreated() {
return newNoteCreated;
}
function switchOffNewNoteCreated() {
newNoteCreated = false;
}
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 $.ajax({
url: baseApiUrl + 'notes/' + parentNoteId + '/children' ,
type: 'POST',
data: JSON.stringify({
note_title: newNoteName,
target: target,
target_note_tree_id: node.data.note_tree_id,
is_protected: isProtected
}),
contentType: "application/json"
});
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" : ""
};
parentToChildren[parentNoteId].push(result.note_id);
parentToChildren[result.note_id] = [];
childToParents[result.note_id] = [ parentNoteId ];
noteIdToTitle[result.note_id] = newNoteName;
newNoteCreated = true;
if (target === 'after') {
node.appendSibling(newNode).setActive(true);
}
else {
node.addChildren(newNode).setActive(true);
node.folder = true;
node.renderTitle();
}
showMessage("Created!");
}
$("button#reset-search-button").click(resetSearch);
$("input[name=search]").keyup(e => {
@@ -613,13 +679,10 @@ const noteTree = (function() {
return {
getTreeLoadTime,
getClipboardNoteTreeId,
setClipboardNoteTreeId,
reload,
collapseTree,
scrollToCurrentNote,
toggleSearch,
getByNoteTreeId,
getKeyFromNoteTreeId,
getNoteTreeIdFromKey,
setCurrentNoteTreeBasedOnProtectedStatus,
@@ -630,6 +693,10 @@ const noteTree = (function() {
getNoteTitle,
setCurrentNotePathToHash,
getAutocompleteItems,
setCurrentNoteTitle
setCurrentNoteTitle,
createNewTopLevelNote,
createNote,
isNewNoteCreated,
switchOffNewNoteCreated
};
})();

25
public/javascripts/tree_changes.js
View File

@@ -25,6 +25,17 @@ const treeChanges = (function() {
noteTree.setCurrentNotePathToHash(node);
}
// beware that first arg is noteId and second is noteTreeId!
async function cloneNoteAfter(noteId, afterNoteTreeId) {
await $.ajax({
url: baseApiUrl + 'notes/' + noteId + '/cloneAfter/' + afterNoteTreeId,
type: 'PUT',
error: () => showError("Error cloning note.")
});
await noteTree.reload();
}
async function moveToNode(node, toNode) {
await $.ajax({
url: baseApiUrl + 'notes/' + node.data.note_tree_id + '/moveTo/' + toNode.data.note_id,
@@ -42,6 +53,16 @@ const treeChanges = (function() {
noteTree.setCurrentNotePathToHash(node);
}
async function cloneNoteTo(childNoteId, parentNoteId) {
await $.ajax({
url: baseApiUrl + 'notes/' + childNoteId + '/cloneTo/' + parentNoteId,
type: 'PUT',
error: () => showError("Error cloning note.")
});
await noteTree.reload();
}
async function deleteNode(node) {
if (!confirm('Are you sure you want to delete note "' + node.title + '"?')) {
return;
@@ -97,6 +118,8 @@ const treeChanges = (function() {
moveAfterNode,
moveToNode,
deleteNode,
moveNodeUp
moveNodeUp,
cloneNoteAfter,
cloneNoteTo
};
})();

40
public/javascripts/tree_utils.js
View File

@@ -3,10 +3,6 @@
const treeUtils = (function() {
const treeEl = $("#tree");
function getParentNoteTreeId(node) {
return node.note_pid;
}
function getParentProtectedStatus(node) {
return node.getParent() === null ? 0 : node.getParent().data.is_protected;
}
@@ -34,24 +30,6 @@ const treeUtils = (function() {
return titlePath.join(" > ");
}
function getFullName(noteTreeId) {
let note = noteTree.getByNoteTreeId(noteTreeId);
if (note === null) {
return "[unknown]";
}
const path = [];
while (note) {
path.push(note.note_title);
note = noteTree.getByNoteTreeId(note.note_pid);
}
return path.reverse().join(" > ");
}
function getNotePath(node) {
const path = [];
@@ -66,28 +44,12 @@ const treeUtils = (function() {
return path.reverse().join("/");
}
async function addAsChild(parentNotePath, childNotePath) {
const parentNoteId = treeUtils.getNoteIdFromNotePath(parentNotePath);
const childNoteId = treeUtils.getNoteIdFromNotePath(childNotePath);
await $.ajax({
url: baseApiUrl + 'tree/' + parentNoteId + '/addChild/' + childNoteId,
type: 'PUT',
error: () => showError("Error adding child.")
});
await noteTree.reload();
}
return {
getParentNoteTreeId,
getParentProtectedStatus,
getNodeByKey,
getNodeByNoteTreeId,
getFullName,
getFullNameForPath,
getNotePath,
getNoteIdFromNotePath,
addAsChild
getNoteIdFromNotePath
};
})();