gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

note autocompletes now have clear text button

Browse Source
This commit is contained in:
azivner 2018-11-13 23:16:26 +01:00
parent ea0a5bc1c9
commit 25e68762fe
2 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/public/javascripts/services/note_autocomplete.js
View File

@ -16,6 +16,10 @@ async function autocompleteSource(term, cb) {
cb(result); cb(result);
} }
function clearText($el) {
$el.val('').change();
}
function showRecentNotes($el) { function showRecentNotes($el) {
$el.autocomplete("val", ""); $el.autocomplete("val", "");
$el.autocomplete("open"); $el.autocomplete("open");
@ -23,12 +27,20 @@ function showRecentNotes($el) {
function initNoteAutocomplete($el) { function initNoteAutocomplete($el) {
if (!$el.hasClass("aa-input")) { if (!$el.hasClass("aa-input")) {
const $showRecentNotesButton = $("<div>").addClass("input-group-append").append( const $clearTextButton = $("<span>")
$("<span>") .addClass("input-group-text input-clearer-button jam jam-close")
.addClass("input-group-text show-recent-notes-button jam jam-clock") .prop("title", "Clear text field");
.prop("title", "Show recent notes"));
$el.after($showRecentNotesButton); const $showRecentNotesButton = $("<span>")
.addClass("input-group-text show-recent-notes-button jam jam-clock")
.prop("title", "Show recent notes");
$el.after($("<div>")
.addClass("input-group-append")
.append($clearTextButton)
.append($showRecentNotesButton));
$clearTextButton.click(() => clearText($el));
$showRecentNotesButton.click(() => showRecentNotes($el)); $showRecentNotesButton.click(() => showRecentNotes($el));

14
src/public/stylesheets/style.css
View File

@ -451,6 +451,20 @@ html.theme-dark body {
.show-recent-notes-button { .show-recent-notes-button {
cursor: pointer; cursor: pointer;
font-size: 1.3em; font-size: 1.3em;
padding-left: 7px;
padding-right: 7px;
}
.input-clearer-button {
cursor: pointer;
font-size: 1.3em;
background: inherit !important;
padding-left: 5px;
padding-right: 7px;
}
.promoted-attribute-input.aa-input {
border-right: 0;
} }
table.promoted-attributes-in-tooltip { table.promoted-attributes-in-tooltip {