note autocompletes now have clear text button

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

View File

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

View File

@ -451,6 +451,20 @@ html.theme-dark body {
.show-recent-notes-button {
cursor: pointer;
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 {