trilium/src/public/javascripts/services/search_notes.js

114 lines
2.5 KiB
JavaScript
Raw Normal View History

import treeService from './tree.js';
2018-03-26 11:25:17 +08:00
import server from './server.js';
import treeUtils from "./tree_utils.js";
2018-03-24 23:18:46 +08:00
const $tree = $("#tree");
const $searchInput = $("input[name='search-text']");
const $resetSearchButton = $("#reset-search-button");
const $doSearchButton = $("#do-search-button");
const $saveSearchButton = $("#save-search-button");
const $searchBox = $("#search-box");
const $searchResults = $("#search-results");
const $searchResultsInner = $("#search-results-inner");
2018-06-08 07:50:16 +08:00
const $closeSearchButton = $("#close-search-button");
2018-03-24 23:18:46 +08:00
2018-06-06 11:28:10 +08:00
function showSearch() {
$searchBox.show();
$searchInput.focus();
}
2018-06-08 07:50:16 +08:00
function hideSearch() {
resetSearch();
$searchResults.hide();
$searchBox.hide();
}
2018-03-24 23:18:46 +08:00
function toggleSearch() {
if ($searchBox.is(":hidden")) {
2018-06-06 11:28:10 +08:00
showSearch();
2017-11-24 10:10:37 +08:00
}
2018-03-24 23:18:46 +08:00
else {
2018-06-08 07:50:16 +08:00
hideSearch();
2017-11-24 10:10:37 +08:00
}
2018-03-24 23:18:46 +08:00
}
2017-11-24 10:10:37 +08:00
2018-03-24 23:18:46 +08:00
function resetSearch() {
$searchInput.val("");
}
2018-03-14 08:02:00 +08:00
2018-03-24 23:18:46 +08:00
function getTree() {
return $tree.fancytree('getTree');
}
2018-03-14 08:02:00 +08:00
2018-06-06 11:28:10 +08:00
async function doSearch(searchText) {
if (searchText) {
$searchInput.val(searchText);
}
else {
searchText = $searchInput.val();
}
2018-03-14 08:02:00 +08:00
const results = await server.get('search/' + encodeURIComponent(searchText));
2018-03-14 08:02:00 +08:00
$searchResultsInner.empty();
$searchResults.show();
for (const result of results) {
const link = $('<a>', {
href: 'javascript:',
text: result.title
}).attr('data-action', 'note').attr('data-note-path', result.path);
2017-11-24 10:10:37 +08:00
const $result = $('<li>').append(link);
$searchResultsInner.append($result);
}
2018-03-24 23:18:46 +08:00
}
2017-11-24 10:10:37 +08:00
2018-03-24 23:18:46 +08:00
async function saveSearch() {
const {noteId} = await server.post('search/' + encodeURIComponent($searchInput.val()));
2017-11-24 10:10:37 +08:00
2018-03-26 11:25:17 +08:00
resetSearch();
2018-03-25 09:39:15 +08:00
await treeService.reload();
2018-03-14 08:02:00 +08:00
2018-08-23 18:55:45 +08:00
await treeService.activateNote(noteId);
2018-03-24 23:18:46 +08:00
}
function init() {
const hashValue = treeService.getHashValueFromAddress();
if (hashValue.startsWith("search=")) {
showSearch();
doSearch(hashValue.substr(7));
}
}
2018-03-24 23:18:46 +08:00
$searchInput.keyup(e => {
const searchText = $searchInput.val();
2018-03-24 23:18:46 +08:00
if (e && e.which === $.ui.keyCode.ESCAPE || $.trim(searchText) === "") {
$resetSearchButton.click();
return;
}
2018-03-14 08:02:00 +08:00
2018-03-24 23:18:46 +08:00
if (e && e.which === $.ui.keyCode.ENTER) {
doSearch();
}
});
2018-09-01 01:23:56 +08:00
$doSearchButton.click(() => doSearch()); // keep long form because of argument
2018-03-24 23:18:46 +08:00
$resetSearchButton.click(resetSearch);
2017-11-24 10:10:37 +08:00
2018-03-24 23:18:46 +08:00
$saveSearchButton.click(saveSearch);
2018-06-08 07:50:16 +08:00
$closeSearchButton.click(hideSearch);
2018-03-24 23:18:46 +08:00
export default {
2018-06-06 11:28:10 +08:00
toggleSearch,
resetSearch,
showSearch,
doSearch,
init
2018-03-24 23:18:46 +08:00
};