mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-08-31 11:49:01 +08:00
927da84d3b
This implements point 1 of issue 868. After performing a search, when returning to the global search tab the previous search term is now retained and preselected, making it easier to repeat the same search or modify it.
93 lines
3.8 KiB
JavaScript
93 lines
3.8 KiB
JavaScript
import AbstractSearchOption from "./abstract_search_option.js";
|
|
import SpacedUpdate from "../../services/spaced_update.js";
|
|
import server from "../../services/server.js";
|
|
import shortcutService from "../../services/shortcuts.js";
|
|
import appContext from "../../components/app_context.js";
|
|
|
|
const TPL = `
|
|
<tr>
|
|
<td class="title-column">Search string:</td>
|
|
<td>
|
|
<textarea class="form-control search-string" placeholder="fulltext keywords, #tag = value ..."></textarea>
|
|
</td>
|
|
<td class="button-column">
|
|
<div class="dropdown help-dropdown">
|
|
<span class="bx bx-help-circle icon-action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
|
|
<div class="dropdown-menu dropdown-menu-right p-4">
|
|
<strong>Search syntax</strong> - also see <button class="btn btn-sm" type="button" data-help-page="Search">complete help on search syntax</button>
|
|
<p>
|
|
<ul>
|
|
<li>Just enter any text for full text search</li>
|
|
<li><code>#abc</code> - returns notes with label abc</li>
|
|
<li><code>#year = 2019</code> - matches notes with label <code>year</code> having value <code>2019</code></li>
|
|
<li><code>#rock #pop</code> - matches notes which have both <code>rock</code> and <code>pop</code> labels</li>
|
|
<li><code>#rock or #pop</code> - only one of the labels must be present</li>
|
|
<li><code>#year <= 2000</code> - numerical comparison (also >, >=, <).</li>
|
|
<li><code>note.dateCreated >= MONTH-1</code> - notes created in the last month</li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="bx bx-x icon-action search-option-del"></span>
|
|
</td>
|
|
</tr>`;
|
|
|
|
export default class SearchString extends AbstractSearchOption {
|
|
static get optionName() { return "searchString" };
|
|
static get attributeType() { return "label" };
|
|
|
|
static async create(noteId) {
|
|
await AbstractSearchOption.setAttribute(noteId, 'label', 'searchString');
|
|
}
|
|
|
|
doRender() {
|
|
const $option = $(TPL);
|
|
this.$searchString = $option.find('.search-string');
|
|
this.$searchString.on('input', () => this.spacedUpdate.scheduleUpdate());
|
|
|
|
shortcutService.bindElShortcut(this.$searchString, 'return', async () => {
|
|
// this also in effect disallows new lines in query string.
|
|
// on one hand this makes sense since search string is a label
|
|
// on the other hand it could be nice for structuring long search string. It's probably a niche case though.
|
|
await this.spacedUpdate.updateNowIfNecessary();
|
|
|
|
this.triggerCommand('refreshResults');
|
|
});
|
|
|
|
this.spacedUpdate = new SpacedUpdate(async () => {
|
|
const searchString = this.$searchString.val();
|
|
appContext.lastSearchString = searchString;
|
|
|
|
await this.setAttribute('label', 'searchString', searchString);
|
|
|
|
if (this.note.title.startsWith('Search: ')) {
|
|
await server.put(`notes/${this.note.noteId}/title`, {
|
|
title: `Search: ${searchString.length < 30 ? searchString : `${searchString.substr(0, 30)}…`}`
|
|
});
|
|
}
|
|
}, 1000);
|
|
|
|
this.$searchString.val(this.note.getLabelValue('searchString'));
|
|
|
|
return $option;
|
|
}
|
|
|
|
showSearchErrorEvent({error}) {
|
|
this.$searchString.tooltip({
|
|
trigger: 'manual',
|
|
title: `Search error: ${error}`,
|
|
placement: 'bottom'
|
|
});
|
|
|
|
this.$searchString.tooltip("show");
|
|
|
|
setTimeout(() => this.$searchString.tooltip("dispose"), 4000);
|
|
}
|
|
|
|
focusOnSearchDefinitionEvent() {
|
|
this.$searchString.val(appContext.lastSearchString).focus().select();
|
|
this.spacedUpdate.scheduleUpdate();
|
|
}
|
|
}
|