import { Directive, ElementRef, Renderer, AfterViewInit, Input } from "@angular/core";

@Directive({
    selector: "[mydpfocus]"
})

export class FocusDirective implements AfterViewInit {
    @Input("mydpfocus") value: string;

    constructor(private el: ElementRef, private renderer: Renderer) {}

    // Focus to element: if value 0 = don't set focus, 1 = set only focus, 2 = set focus and set cursor position
    ngAfterViewInit() {
        if (this.value === "0") {
            return;
        }

        console.info("focus");
        /*if (typeof document !== 'undefined') {
          this.el.nativeElement.focus();
        }*/
        this.renderer.invokeElementMethod(this.el.nativeElement, "focus", []);

        // Set cursor position at the end of text if input element
        if (this.value === "2") {
            let len = this.el.nativeElement.value.length;
            this.el.nativeElement.setSelectionRange(len, len);
        }
    }
}