refactoring recent notes into encapsulated module

This commit is contained in:
azivner 2017-11-04 13:21:41 -04:00
parent 869bccea18
commit af5ecd1869
2 changed files with 95 additions and 86 deletions

View File

@ -217,7 +217,7 @@ async function loadNoteToEditor(noteId) {
document.location.hash = noteId; document.location.hash = noteId;
addRecentNote(noteId, note.detail.note_id); recentNotes.addRecentNote(noteId, note.detail.note_id);
noteChangeDisabled = false; noteChangeDisabled = false;

View File

@ -1,103 +1,112 @@
glob.recentNotes = []; glob.recentNotes = [];
function addRecentNote(noteTreeId, noteContentId) { recentNotes = (function() {
setTimeout(() => {
// we include the note into recent list only if the user stayed on the note at least 5 seconds
if (noteTreeId === glob.currentNote.detail.note_id || noteContentId === glob.currentNote.detail.note_id) {
// if it's already there, remove the note
glob.recentNotes = glob.recentNotes.filter(note => note !== noteTreeId);
glob.recentNotes.unshift(noteTreeId);
}
}, 1500);
}
function showRecentNotes() {
$('#note-detail').summernote('editor.saveRange');
$("#recent-notes-dialog").dialog({
modal: true,
width: 800
});
const recentNotesSelectBox = $('#recent-notes-select-box'); const recentNotesSelectBox = $('#recent-notes-select-box');
const recentNotesDialog = $("#recent-notes-dialog");
const recentNotesJumpTo = $('#recentNotesJumpTo');
const recentNotesAddLink = $('#recentNotesAddLink');
const noteDetail = $('#note-detail');
recentNotesSelectBox.find('option').remove(); function addRecentNote(noteTreeId, noteContentId) {
setTimeout(() => {
// we include the note into recent list only if the user stayed on the note at least 5 seconds
if (noteTreeId === glob.currentNote.detail.note_id || noteContentId === glob.currentNote.detail.note_id) {
// if it's already there, remove the note
glob.recentNotes = glob.recentNotes.filter(note => note !== noteTreeId);
// remove the current note glob.recentNotes.unshift(noteTreeId);
const recNotes = glob.recentNotes.filter(note => note !== glob.currentNote.detail.note_id); }
}, 1500);
}
$.each(recNotes, (key, valueNoteId) => { function showRecentNotes() {
const noteTitle = getFullName(valueNoteId); noteDetail.summernote('editor.saveRange');
if (!noteTitle) { recentNotesDialog.dialog({
return; modal: true,
} width: 800
});
const option = $("<option></option>") recentNotesSelectBox.find('option').remove();
// remove the current note
const recNotes = glob.recentNotes.filter(note => note !== glob.currentNote.detail.note_id);
$.each(recNotes, (key, valueNoteId) => {
const noteTitle = getFullName(valueNoteId);
if (!noteTitle) {
return;
}
const option = $("<option></option>")
.attr("value", valueNoteId) .attr("value", valueNoteId)
.text(noteTitle); .text(noteTitle);
// select the first one (most recent one) by default // select the first one (most recent one) by default
if (key === 0) { if (key === 0) {
option.attr("selected", "selected"); option.attr("selected", "selected");
}
recentNotesSelectBox.append(option);
});
}
$(document).bind('keydown', 'alt+q', showRecentNotes);
function getSelectedNoteIdFromRecentNotes() {
return recentNotesSelectBox.find("option:selected").val();
}
function setActiveNoteBasedOnRecentNotes() {
const noteId = getSelectedNoteIdFromRecentNotes();
getNodeByKey(noteId).setActive();
recentNotesDialog.dialog('close');
}
function addLinkBasedOnRecentNotes() {
const noteId = getSelectedNoteIdFromRecentNotes();
const linkTitle = getNoteTitle(noteId);
recentNotesDialog.dialog("close");
noteDetail.summernote('editor.restoreRange');
noteDetail.summernote('createLink', {
text: linkTitle,
url: 'app#' + noteId,
isNewWindow: true
});
}
recentNotesSelectBox.keydown(e => {
const key = e.which;
if (key === 13)// the enter key code
{
setActiveNoteBasedOnRecentNotes();
}
else if (key === 76 /* l */) {
addLinkBasedOnRecentNotes();
}
else {
return; // avoid prevent default
} }
recentNotesSelectBox.append(option); e.preventDefault();
}); });
}
$(document).bind('keydown', 'alt+q', showRecentNotes); recentNotesSelectBox.dblclick(e => {
function getSelectedNoteIdFromRecentNotes() {
return $("#recent-notes-select-box option:selected").val();
}
function setActiveNoteBasedOnRecentNotes() {
const noteId = getSelectedNoteIdFromRecentNotes();
getNodeByKey(noteId).setActive();
$("#recent-notes-dialog").dialog('close');
}
function addLinkBasedOnRecentNotes() {
const noteId = getSelectedNoteIdFromRecentNotes();
const linkTitle = getNoteTitle(noteId);
const noteDetail = $('#note-detail');
$("#recent-notes-dialog").dialog("close");
noteDetail.summernote('editor.restoreRange');
noteDetail.summernote('createLink', {
text: linkTitle,
url: 'app#' + noteId,
isNewWindow: true
});
}
$('#recent-notes-select-box').keydown(e => {
const key = e.which;
if (key === 13)// the enter key code
{
setActiveNoteBasedOnRecentNotes(); setActiveNoteBasedOnRecentNotes();
} });
else if (key === 76 /* l */) {
addLinkBasedOnRecentNotes();
}
else {
return; // avoid prevent default
}
e.preventDefault(); recentNotesJumpTo.click(setActiveNoteBasedOnRecentNotes);
}); recentNotesAddLink.click(addLinkBasedOnRecentNotes);
$('#recent-notes-select-box').dblclick(e => { return {
setActiveNoteBasedOnRecentNotes(); addRecentNote
}); };
})();
$('#recentNotesJumpTo').click(setActiveNoteBasedOnRecentNotes);
$('#recentNotesAddLink').click(addLinkBasedOnRecentNotes);