Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-29 19:12:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make note-detail-empty always display autocompletion.

Browse Source
This commit is contained in:
SiriusXT 2024-11-01 14:45:49 +08:00
parent 2387bbd17f
commit dbca50d9b0
1 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/public/app/widgets/type_widgets/empty.js
View File

@ -18,10 +18,9 @@ const TPL = `
width: 130px;
text-align: center;
margin: 10px;
padding; 10px;
border: 1px transparent solid;
}
.workspace-notes .workspace-note:hover {
cursor: pointer;
border: 1px solid var(--main-border-color);
@ -33,14 +32,14 @@ const TPL = `
}
</style>
<div class="workspace-notes"></div>
<div class="form-group">
<label>${t('empty.open_note_instruction')}</label>
<div class="input-group">
<div class="input-group mt-1">
<input class="form-control note-autocomplete" placeholder="${t('empty.search_placeholder')}">
</div>
</div>
<div class="workspace-notes"></div>
<div class="note-detail-empty-results"></div>
</div>`;
export default class EmptyTypeWidget extends TypeWidget {
@ -51,10 +50,12 @@ export default class EmptyTypeWidget extends TypeWidget {
this.$widget = $(TPL);
this.$autoComplete = this.$widget.find(".note-autocomplete");
this.$results = this.$widget.find(".note-detail-empty-results");
noteAutocompleteService.initNoteAutocomplete(this.$autoComplete, {
hideGoToSelectedNoteButton: true,
allowCreatingNotes: true
allowCreatingNotes: true,
container: this.$results
})
.on('autocomplete:noteselected', function(event, suggestion, dataset) {
if (!suggestion.notePath) {
@ -84,15 +85,10 @@ export default class EmptyTypeWidget extends TypeWidget {
);
}
// Automatically trigger autocomplete on focus.
this.$autoComplete.on('focus', () => {
// simulate pressing down arrow to trigger autocomplete
this.$autoComplete.trigger($.Event('keydown', { which: 40 })); // arrow down
this.$autoComplete.trigger($.Event('keydown', { which: 38 })); // arrow up
});
this.$autoComplete
.trigger('focus')
.trigger('select');
noteAutocompleteService.showRecentNotes(this.$autoComplete);
}
}