Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

check also form value changes when using autocomplete

Browse Source
This commit is contained in:
Dan Percic 2023-03-16 19:25:03 +02:00
parent 223080763f
commit 9124c1f284
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/lib/dialog/base-dialog.component.ts
View File

@ -4,7 +4,7 @@ import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
import { hasFormChanged, IqserEventTarget } from '../utils'; import { hasFormChanged, IqserEventTarget } from '../utils';
import { ConfirmOptions } from '.'; import { ConfirmOptions } from '.';
import { ConfirmationDialogService } from './confirmation-dialog.service'; import { ConfirmationDialogService } from './confirmation-dialog.service';
import { debounceTime, firstValueFrom, from, fromEvent, mergeMap, Subscription } from 'rxjs'; import { debounceTime, firstValueFrom, fromEvent, merge, Subscription } from 'rxjs';
import { LoadingService } from '../loading'; import { LoadingService } from '../loading';
import { Toaster } from '../services'; import { Toaster } from '../services';
import { IconButtonTypes } from '../buttons'; import { IconButtonTypes } from '../buttons';
@ -32,23 +32,6 @@ export abstract class BaseDialogComponent implements OnInit, OnDestroy {
protected constructor(protected readonly _dialogRef: MatDialogRef<BaseDialogComponent>, private readonly _isInEditMode?: boolean) {} protected constructor(protected readonly _dialogRef: MatDialogRef<BaseDialogComponent>, private readonly _isInEditMode?: boolean) {}
ngOnInit() {
this.#subscriptions.add(
this._dialogRef.backdropClick().subscribe(() => {
this.close();
}),
);
this.#subscriptions.add(
from(['keyup', 'input'])
.pipe(
mergeMap(event => fromEvent(window, event)),
debounceTime(0),
tap(() => (this.#hasErrors = !!document.getElementsByClassName('ng-invalid')[0])),
)
.subscribe(),
);
}
get valid(): boolean { get valid(): boolean {
return !this.form || this.form.valid; return !this.form || this.form.valid;
} }
@ -61,6 +44,17 @@ export abstract class BaseDialogComponent implements OnInit, OnDestroy {
return !this.valid || !this.changed || this.#hasErrors; return !this.valid || !this.changed || this.#hasErrors;
} }
ngOnInit() {
this.#subscriptions.add(this._dialogRef.backdropClick().subscribe(() => this.close()));
const events = [fromEvent(window, 'keyup'), fromEvent(window, 'input'), this.form?.valueChanges];
const events$ = merge(...events).pipe(
debounceTime(10),
tap(() => (this.#hasErrors = !!document.getElementsByClassName('ng-invalid')[0])),
);
this.#subscriptions.add(events$.subscribe());
}
abstract save(options?: SaveOptions): void; abstract save(options?: SaveOptions): void;
ngOnDestroy(): void { ngOnDestroy(): void {