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

Improve autocomplete closing #558

Browse Source
This commit is contained in:
Patrik J. Braun 2023-03-30 23:46:12 +02:00
parent f2ac6debd9
commit 74e4a8160b
1 changed files with 20 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,33 +1,11 @@
import {
Component,
ElementRef,
EventEmitter,
forwardRef,
Input,
OnDestroy,
Output,
ViewChild,
} from '@angular/core';
import { Router, RouterLink } from '@angular/router';
import { BehaviorSubject, Subscription } from 'rxjs';
import {
AutoCompleteService,
RenderableAutoCompleteItem,
} from '../autocomplete.service';
import {
MetadataSearchQueryTypes,
SearchQueryTypes,
} from '../../../../../../common/entities/SearchQueryDTO';
import { Config } from '../../../../../../common/config/public/Config';
import {
ControlValueAccessor,
UntypedFormControl,
NG_VALIDATORS,
NG_VALUE_ACCESSOR,
ValidationErrors,
Validator,
} from '@angular/forms';
import { AutoCompleteRenderItem } from '../AutoCompleteRenderItem';
import {Component, ElementRef, EventEmitter, forwardRef, Input, OnDestroy, Output, ViewChild,} from '@angular/core';
import {Router, RouterLink} from '@angular/router';
import {BehaviorSubject, Subscription} from 'rxjs';
import {AutoCompleteService, RenderableAutoCompleteItem,} from '../autocomplete.service';
import {MetadataSearchQueryTypes, SearchQueryTypes,} from '../../../../../../common/entities/SearchQueryDTO';
import {Config} from '../../../../../../common/config/public/Config';
import {ControlValueAccessor, NG_VALIDATORS, NG_VALUE_ACCESSOR, UntypedFormControl, ValidationErrors, Validator,} from '@angular/forms';
import {AutoCompleteRenderItem} from '../AutoCompleteRenderItem';
@Component({
selector: 'app-gallery-search-field-base',
@ -49,13 +27,12 @@ import { AutoCompleteRenderItem } from '../AutoCompleteRenderItem';
],
})
export class GallerySearchFieldBaseComponent
implements ControlValueAccessor, Validator, OnDestroy
{
implements ControlValueAccessor, Validator, OnDestroy {
@Input() placeholder = $localize`Search`;
@Output() search = new EventEmitter<void>();
@ViewChild('SearchField', { static: false }) searchField: ElementRef;
@ViewChild('SearchHintField', { static: false }) searchHintField: ElementRef;
@ViewChild('SearchField', {static: false}) searchField: ElementRef;
@ViewChild('SearchHintField', {static: false}) searchHintField: ElementRef;
autoCompleteRenders: AutoCompleteRenderItem[] = [];
public rawSearchText = '';
@ -129,7 +106,7 @@ export class GallerySearchFieldBaseComponent
getAutocompleteToken(): { current: string; prev: string } {
if (this.rawSearchText.trim().length === 0) {
return { current: '', prev: '' };
return {current: '', prev: ''};
}
const tokens = this.rawSearchText.split(' ');
return {
@ -231,7 +208,8 @@ export class GallerySearchFieldBaseComponent
}
// eslint-disable-next-line @typescript-eslint/no-empty-function
public onTouched(): void {}
public onTouched(): void {
}
public writeValue(obj: string): void {
this.rawSearchText = obj;
@ -250,7 +228,7 @@ export class GallerySearchFieldBaseComponent
}
validate(control: UntypedFormControl): ValidationErrors {
return { required: true };
return {required: true};
}
Scrolled(): void {
@ -259,6 +237,7 @@ export class GallerySearchFieldBaseComponent
}
private emptyAutoComplete(): void {
this.mouseOverAutoComplete = false;
this.highlightedAutoCompleteItem = -1;
this.autoCompleteRenders = [];
}
@ -314,9 +293,11 @@ export class GallerySearchFieldBaseComponent
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
private propagateChange = (_: string): void => {};
private propagateChange = (_: string): void => {
};
// eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
private propagateTouch = (_: never): void => {};
private propagateTouch = (_: never): void => {
};
}