28 lines
728 B
TypeScript
28 lines
728 B
TypeScript
import { Directive, ElementRef, Input, NgZone } from "@angular/core";
|
|
import { take } from "rxjs/operators";
|
|
|
|
import { Utils } from "jslib-common/misc/utils";
|
|
|
|
@Directive({
|
|
selector: "[appAutofocus]",
|
|
})
|
|
export class AutofocusDirective {
|
|
@Input() set appAutofocus(condition: boolean | string) {
|
|
this.autofocus = condition === "" || condition === true;
|
|
}
|
|
|
|
private autofocus: boolean;
|
|
|
|
constructor(private el: ElementRef, private ngZone: NgZone) {}
|
|
|
|
ngOnInit() {
|
|
if (!Utils.isMobileBrowser && this.autofocus) {
|
|
if (this.ngZone.isStable) {
|
|
this.el.nativeElement.focus();
|
|
} else {
|
|
this.ngZone.onStable.pipe(take(1)).subscribe(() => this.el.nativeElement.focus());
|
|
}
|
|
}
|
|
}
|
|
}
|