xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2025-01-14 14:43:17 +08:00
Code Actions Projects Activity

Search field width improvement

Browse Source
This commit is contained in:
Patrik J. Braun 2021-03-26 21:22:25 +01:00
parent 5e2b8a44dd
commit e08d3f12fb
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html
View File

@ -31,7 +31,6 @@
autocomplete="off">
<div class="autocomplete-list" *ngIf="autoCompleteRenders.length > 0"
(mouseover)="setMouseOverAutoComplete(true)" (mouseout)="setMouseOverAutoComplete(false)">
<div class="autocomplete-item"

11
src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.ts
View File

@ -38,7 +38,7 @@ export class GallerySearchFieldComponent implements ControlValueAccessor, Valida
mouseOverAutoComplete = false;
readonly SearchQueryTypes: typeof SearchQueryTypes;
public readonly MetadataSearchQueryTypes: { value: string; key: SearchQueryTypes }[];
public highlightedAutoCompleteItem = 0;
public highlightedAutoCompleteItem = -1;
private cache = {
lastAutocomplete: '',
lastInstantSearch: ''
@ -63,13 +63,14 @@ export class GallerySearchFieldComponent implements ControlValueAccessor, Valida
!this.autoCompleteItems.value || this.autoCompleteItems.value.length === 0) {
return this.rawSearchText;
}
const itemIndex = this.highlightedAutoCompleteItem < 0 ? 0 : this.highlightedAutoCompleteItem;
const searchText = this.getAutocompleteToken();
if (searchText.current === '') {
return this.rawSearchText + this.autoCompleteItems.value[this.highlightedAutoCompleteItem].queryHint;
return this.rawSearchText + this.autoCompleteItems.value[itemIndex].queryHint;
}
if (this.autoCompleteItems.value[0].queryHint.startsWith(searchText.current)) {
return this.rawSearchText + this.autoCompleteItems
.value[this.highlightedAutoCompleteItem].queryHint.substr(searchText.current.length);
.value[itemIndex].queryHint.substr(searchText.current.length);
}
return this.rawSearchText;
}
@ -154,7 +155,7 @@ export class GallerySearchFieldComponent implements ControlValueAccessor, Valida
}
OnEnter($event: any) {
if (this.autoCompleteRenders.length === 0) {
if (this.autoCompleteRenders.length === 0 || this.highlightedAutoCompleteItem === -1) {
this.search.emit();
return;
}
@ -189,7 +190,7 @@ export class GallerySearchFieldComponent implements ControlValueAccessor, Valida
}
private emptyAutoComplete() {
this.highlightedAutoCompleteItem = 0;
this.highlightedAutoCompleteItem = -1;
this.autoCompleteRenders = [];
}