Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-02 13:02:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #534 from TriliumNext/AutomaticallyShowRecentNotes

Browse Source 
Automatically trigger autocomplete on focus.
This commit is contained in:
Elian Doran 2024-11-01 20:37:39 +02:00 committed by GitHub
commit eb05c5b919
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,14 +18,28 @@ const TPL = `
width: 130px; width: 130px;
text-align: center; text-align: center;
margin: 10px; margin: 10px;
padding; 10px;
border: 1px transparent solid; border: 1px transparent solid;
} }
.workspace-notes .workspace-note:hover { .workspace-notes .workspace-note:hover {
cursor: pointer; cursor: pointer;
border: 1px solid var(--main-border-color); border: 1px solid var(--main-border-color);
} }
.note-detail-empty-results .aa-dropdown-menu {
max-height: 50vh;
overflow: scroll;
border: var(--bs-border-width) solid var(--bs-border-color);
border-top: 0;
}
.empty-tab-search .note-autocomplete-input {
border-bottom-left-radius: 0;
}
.empty-tab-search .input-clearer-button {
border-bottom-right-radius: 0;
}
.workspace-icon { .workspace-icon {
text-align: center; text-align: center;
@ -33,14 +47,14 @@ const TPL = `
} }
</style> </style>
<div class="form-group"> <div class="workspace-notes"></div>
<div class="form-group empty-tab-search">
<label>${t('empty.open_note_instruction')}</label> <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')}"> <input class="form-control note-autocomplete" placeholder="${t('empty.search_placeholder')}">
</div> </div>
</div> </div>
<div class="note-detail-empty-results"></div>
<div class="workspace-notes"></div>
</div>`; </div>`;
export default class EmptyTypeWidget extends TypeWidget { export default class EmptyTypeWidget extends TypeWidget {
@ -51,10 +65,12 @@ export default class EmptyTypeWidget extends TypeWidget {
this.$widget = $(TPL); this.$widget = $(TPL);
this.$autoComplete = this.$widget.find(".note-autocomplete"); this.$autoComplete = this.$widget.find(".note-autocomplete");
this.$results = this.$widget.find(".note-detail-empty-results");
noteAutocompleteService.initNoteAutocomplete(this.$autoComplete, { noteAutocompleteService.initNoteAutocomplete(this.$autoComplete, {
hideGoToSelectedNoteButton: true, hideGoToSelectedNoteButton: true,
allowCreatingNotes: true allowCreatingNotes: true,
container: this.$results
}) })
.on('autocomplete:noteselected', function(event, suggestion, dataset) { .on('autocomplete:noteselected', function(event, suggestion, dataset) {
if (!suggestion.notePath) { if (!suggestion.notePath) {
@ -66,6 +82,7 @@ export default class EmptyTypeWidget extends TypeWidget {
this.$workspaceNotes = this.$widget.find('.workspace-notes'); this.$workspaceNotes = this.$widget.find('.workspace-notes');
noteAutocompleteService.showRecentNotes(this.$autoComplete);
super.doRender(); super.doRender();
} }