import {ChangeDetectorRef, Directive, HostBinding, OnInit, Self} from '@angular/core';
import {NgControl} from '@angular/forms';

import {isPresent} from '@angular/common/src/facade/lang';

@Directive({
    selector: '[formControlName],[ngModel],[formControl],[formControlDummy]',
})
export class NxControlStatusDirective implements OnInit {
    private _cd: NgControl;

    constructor(
        @Self() cd: NgControl,
        private _cdRef: ChangeDetectorRef
    ) {
        this._cd = cd;
    }

    public ngOnInit(): void {
        this._cd.control.statusChanges.subscribe(() => {
            this._cdRef.markForCheck();
        });
    }

    @HostBinding('class.ng-untouched') public get ngClassUntouched(): boolean {
        return isPresent(this._cd.control) ? this._cd.control.untouched : false;
    }

    @HostBinding('class.ng-touched') public get ngClassTouched(): boolean {
        return isPresent(this._cd.control) ? this._cd.control.touched : false;
    }

    @HostBinding('class.ng-pristine') public get ngClassPristine(): boolean {
        return isPresent(this._cd.control) ? this._cd.control.pristine : false;
    }

    @HostBinding('class.ng-dirty') public get ngClassDirty(): boolean {
        return isPresent(this._cd.control) ? this._cd.control.dirty : false;
    }

    @HostBinding('class.ng-valid') public get ngClassValid(): boolean {
        return isPresent(this._cd.control) ? this._cd.control.valid : false;
    }

    @HostBinding('class.ng-invalid') public get ngClassInvalid(): boolean {
        return isPresent(this._cd.control) ? !this._cd.control.valid : false;
    }
}