diff options
Diffstat (limited to '')
-rw-r--r-- | src/pybind/mgr/dashboard/frontend/src/app/shared/directives/autofocus.directive.ts | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/directives/autofocus.directive.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/directives/autofocus.directive.ts new file mode 100644 index 000000000..dc34b9f3c --- /dev/null +++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/directives/autofocus.directive.ts @@ -0,0 +1,28 @@ +import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core'; + +import _ from 'lodash'; + +@Directive({ + selector: '[autofocus]' // tslint:disable-line +}) +export class AutofocusDirective implements AfterViewInit { + private focus = true; + + constructor(private elementRef: ElementRef) {} + + ngAfterViewInit() { + const el: HTMLInputElement = this.elementRef.nativeElement; + if (this.focus && _.isFunction(el.focus)) { + el.focus(); + } + } + + @Input() + public set autofocus(condition: any) { + if (_.isBoolean(condition)) { + this.focus = condition; + } else if (_.isFunction(condition)) { + this.focus = condition(); + } + } +} |