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 1 Packages Projects Releases Wiki Activity

usability improvements to autocomplete ("no results" etc.), needs refactoring

Browse Source
This commit is contained in:
azivner 2018-06-07 20:18:46 -04:00
parent e4d2513451
commit b243632483
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/public/javascripts/dialogs/jump_to_note.js
View File

@ -23,7 +23,18 @@ async function showDialog() {
source: async function(request, response) { source: async function(request, response) {
const result = await server.get('autocomplete?query=' + encodeURIComponent(request.term)); const result = await server.get('autocomplete?query=' + encodeURIComponent(request.term));
response(result); if (result.length > 0) {
response(result);
}
else {
response([{
label: "No results",
value: "No results"
}]);
}
},
focus: function(event, ui) {
return $(ui.item).val() !== 'No results';
}, },
minLength: 2 minLength: 2
}); });

10
src/views/index.ejs
View File

@ -57,7 +57,7 @@
</div> </div>
<div style="grid-area: left-pane; display: flex; flex-direction: column;" class="hide-toggle"> <div style="grid-area: left-pane; display: flex; flex-direction: column;" class="hide-toggle">
<div style="display: flex; justify-content: space-around; padding: 10px 0 10px 0; margin: 0 20px 0 20px; border: 1px solid #ccc;"> <div style="display: flex; justify-content: space-around; padding: 10px 0 10px 0; margin: 0 10px 0 16px; border: 1px solid #ccc;">
<a id="create-top-level-note-button" title="Create new top level note" class="icon-action" <a id="create-top-level-note-button" title="Create new top level note" class="icon-action"
style="background: url('/images/icons/file-plus.png')"></a> style="background: url('/images/icons/file-plus.png')"></a>
@ -281,7 +281,7 @@
<input id="recent-notes-search-input" class="form-control"/> <input id="recent-notes-search-input" class="form-control"/>
</div> </div>
<div id="add-link-dialog" title="Add link" style="display: none;"> <div id="add-link-dialog" title="Add note link" style="display: none;">
<form id="add-link-form"> <form id="add-link-form">
<div id="add-link-type-div" class="radio"> <div id="add-link-type-div" class="radio">
<label title="Add HTML link to the selected note at cursor in current note"> <label title="Add HTML link to the selected note at cursor in current note">
@ -299,7 +299,7 @@
<div class="form-group"> <div class="form-group">
<label for="note-autocomplete">Note</label> <label for="note-autocomplete">Note</label>
<input id="note-autocomplete" style="width: 100%;"> <input id="note-autocomplete" placeholder="search for note by its name" style="width: 100%;">
</div> </div>
<div class="form-group" id="add-link-title-form-group"> <div class="form-group" id="add-link-title-form-group">
@ -312,7 +312,7 @@
<input id="clone-prefix" style="width: 100%;"> <input id="clone-prefix" style="width: 100%;">
</div> </div>
<button class="btn btn-sm">Add link</button> <button class="btn btn-sm">Add note link</button>
</form> </form>
</div> </div>
@ -320,7 +320,7 @@
<form id="jump-to-note-form"> <form id="jump-to-note-form">
<div class="form-group"> <div class="form-group">
<label for="jump-to-note-autocomplete">Note</label> <label for="jump-to-note-autocomplete">Note</label>
<input id="jump-to-note-autocomplete" style="width: 100%;"> <input id="jump-to-note-autocomplete" placeholder="search for note by its name" style="width: 100%;">
</div> </div>
<div style="display: flex; justify-content: space-between;"> <div style="display: flex; justify-content: space-between;">