2018-03-26 01:41:29 +08:00
|
|
|
import treeService from '../services/tree.js';
|
2018-04-18 12:26:42 +08:00
|
|
|
import server from '../services/server.js';
|
2018-06-06 11:28:10 +08:00
|
|
|
import searchNotesService from '../services/search_notes.js';
|
2017-09-10 00:06:15 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
const $dialog = $("#jump-to-note-dialog");
|
|
|
|
const $autoComplete = $("#jump-to-note-autocomplete");
|
2018-06-06 11:28:10 +08:00
|
|
|
const $showInFullTextButton = $("#show-in-full-text-button");
|
2018-07-27 15:22:25 +08:00
|
|
|
const $showRecentNotesButton = $("#jump-to-note-show-recent-notes");
|
2018-03-25 23:09:17 +08:00
|
|
|
|
|
|
|
async function showDialog() {
|
|
|
|
glob.activeDialog = $dialog;
|
2017-11-20 11:31:30 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
$autoComplete.val('');
|
2017-09-10 00:06:15 +08:00
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
$dialog.dialog({
|
|
|
|
modal: true,
|
2018-07-26 23:35:32 +08:00
|
|
|
width: 800,
|
|
|
|
position: { my: "center top+100", at: "top", of: window }
|
2018-03-25 23:09:17 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
await $autoComplete.autocomplete({
|
2018-04-18 12:26:42 +08:00
|
|
|
source: async function(request, response) {
|
|
|
|
const result = await server.get('autocomplete?query=' + encodeURIComponent(request.term));
|
|
|
|
|
2018-06-08 08:18:46 +08:00
|
|
|
if (result.length > 0) {
|
|
|
|
response(result);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
response([{
|
|
|
|
label: "No results",
|
|
|
|
value: "No results"
|
|
|
|
}]);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
focus: function(event, ui) {
|
2018-07-26 22:05:09 +08:00
|
|
|
event.preventDefault();
|
2018-04-18 12:26:42 +08:00
|
|
|
},
|
2018-07-26 22:05:09 +08:00
|
|
|
minLength: 0,
|
|
|
|
autoFocus: true,
|
|
|
|
select: function (event, ui) {
|
|
|
|
if (ui.item.value === 'No results') {
|
|
|
|
return false;
|
|
|
|
}
|
2018-03-25 23:09:17 +08:00
|
|
|
|
2018-07-26 22:05:09 +08:00
|
|
|
treeService.activateNode(ui.item.value);
|
2018-03-25 23:09:17 +08:00
|
|
|
|
2018-07-26 22:05:09 +08:00
|
|
|
$dialog.dialog('close');
|
|
|
|
}
|
|
|
|
});
|
2018-03-25 23:09:17 +08:00
|
|
|
|
2018-07-27 15:22:25 +08:00
|
|
|
showRecentNotes();
|
2018-03-25 23:09:17 +08:00
|
|
|
}
|
2017-11-20 09:36:13 +08:00
|
|
|
|
2018-06-06 11:28:10 +08:00
|
|
|
function showInFullText(e) {
|
|
|
|
// stop from propagating upwards (dangerous especially with ctrl+enter executable javascript notes)
|
|
|
|
e.preventDefault();
|
|
|
|
e.stopPropagation();
|
|
|
|
|
|
|
|
const searchText = $autoComplete.val();
|
|
|
|
|
|
|
|
searchNotesService.resetSearch();
|
|
|
|
searchNotesService.showSearch();
|
|
|
|
searchNotesService.doSearch(searchText);
|
|
|
|
|
|
|
|
$dialog.dialog('close');
|
|
|
|
}
|
|
|
|
|
2018-07-27 15:22:25 +08:00
|
|
|
function showRecentNotes() {
|
|
|
|
$autoComplete.autocomplete("search", "");
|
|
|
|
}
|
|
|
|
|
2018-06-06 11:28:10 +08:00
|
|
|
$showInFullTextButton.click(showInFullText);
|
|
|
|
|
2018-07-27 15:22:25 +08:00
|
|
|
$showRecentNotesButton.click(showRecentNotes);
|
|
|
|
|
2018-06-06 11:28:10 +08:00
|
|
|
$dialog.bind('keydown', 'ctrl+return', showInFullText);
|
|
|
|
|
2018-03-25 23:09:17 +08:00
|
|
|
export default {
|
|
|
|
showDialog
|
|
|
|
};
|