paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

Auto-close menu when single item chosen with Enter key

Browse Source
This commit is contained in:
Michael Shamoon
2020-12-13 15:47:46 -08:00
parent 4b614dfd85
commit 76b4aa42e0
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.html
View File

@@ -1,4 +1,4 @@
<div class="btn-group" ngbDropdown role="group" (openChange)="dropdownOpenChange($event)"> <div class="btn-group" ngbDropdown role="group" (openChange)="dropdownOpenChange($event)" #filterDropdown="ngbDropdown">
<button class="btn btn-outline-primary btn-sm" id="dropdown{{title}}" ngbDropdownToggle> <button class="btn btn-outline-primary btn-sm" id="dropdown{{title}}" ngbDropdownToggle>
<ng-container *ngIf="itemsSelected?.length > 0"> <ng-container *ngIf="itemsSelected?.length > 0">
<div class="badge bg-secondary text-light rounded-pill ml-auto"> <div class="badge bg-secondary text-light rounded-pill ml-auto">

2
src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.ts
View File

@@ -29,6 +29,7 @@ export class FilterDropdownComponent {
toggle = new EventEmitter() toggle = new EventEmitter()
@ViewChild('listFilterTextInput') listFilterTextInput: ElementRef @ViewChild('listFilterTextInput') listFilterTextInput: ElementRef
@ViewChild('filterDropdown') filterDropdown: NgbDropdown
filterText: string filterText: string
@@ -53,5 +54,6 @@ export class FilterDropdownComponent {
listFilterEnter(): void { listFilterEnter(): void {
let filtered = this.filterPipe.transform(this.items, this.filterText) let filtered = this.filterPipe.transform(this.items, this.filterText)
if (filtered.length == 1) this.toggleItem(filtered.shift()) if (filtered.length == 1) this.toggleItem(filtered.shift())
this.filterDropdown.close()
} }
} }