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;
addRecentNote(noteId, note.detail.note_id);
recentNotes.addRecentNote(noteId, note.detail.note_id);
noteChangeDisabled = false;

View File

@ -1,103 +1,112 @@
glob.recentNotes = [];
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);
glob.recentNotes.unshift(noteTreeId);
}
}, 1500);
}
function showRecentNotes() {
$('#note-detail').summernote('editor.saveRange');
$("#recent-notes-dialog").dialog({
modal: true,
width: 800
});
recentNotes = (function() {
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
const recNotes = glob.recentNotes.filter(note => note !== glob.currentNote.detail.note_id);
glob.recentNotes.unshift(noteTreeId);
}
}, 1500);
}
$.each(recNotes, (key, valueNoteId) => {
const noteTitle = getFullName(valueNoteId);
function showRecentNotes() {
noteDetail.summernote('editor.saveRange');
if (!noteTitle) {
return;
}
recentNotesDialog.dialog({
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)
.text(noteTitle);
// select the first one (most recent one) by default
if (key === 0) {
option.attr("selected", "selected");
// select the first one (most recent one) by default
if (key === 0) {
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);
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
{
recentNotesSelectBox.dblclick(e => {
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 => {
setActiveNoteBasedOnRecentNotes();
});
$('#recentNotesJumpTo').click(setActiveNoteBasedOnRecentNotes);
$('#recentNotesAddLink').click(addLinkBasedOnRecentNotes);
return {
addRecentNote
};
})();