import { Component, Input } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';
import { Filter } from '../../interface/filter.interface';
import { FilterInput } from '../../class';
import { INPUT_TYPE } from '../../enum/input-type.enum';
import { Utils } from '../../common/utils';

@Component({
    selector: 'kit-toolbar-filter-input',
    templateUrl: './toolbar-filter-input.component.html'
})
  

export class ToolbarFilterInputComponent{
    @Input() filterForm: FormControl = new FormControl({});
    public INPUT_TYPE = INPUT_TYPE;
    
    private _filter!:Filter

    public constructor(){}
    
    @Input() public set filter(filter:Filter){
        this._filter = filter;
    }
    
    public get filter(){
        return this._filter;
    }
    
    public validateError () {
        return this.filter?.errors ? Utils.validateError(this.filterForm, this.filter?.errors) : '';
    }

    isControlRequired(): boolean {
        return this.filterForm.hasValidator(Validators.required); 
    }
}