import { Component, OnInit, ViewChild } from '@angular/core';
import { Http, Headers, Response, RequestOptions } from "@angular/http";
import { Router, ActivatedRoute, Params } from '@angular/router';

import { MdDialog, MdDialogRef } from '@angular/material';

import { TfabricaCrudService }  from './tfabrica.crud.service';
import { TfabricaCrudReport }   from './tfabrica.crud.report.model';
import { TfabricaCrudField }    from './tfabrica.crud.field.model';
import { TfabricaCrudFilter }   from './tfabrica.crud.filter.model';
import { TfabricaSharedService } from '../main/tfabrica.shared.service';



@Component({
    selector: 't-crud-filterfields',
    template: require('./tfabrica.crud.filterfields.component.html')
})
export class TfabricaCrudFilterFieldsComponent implements OnInit {


    public fields: TfabricaCrudField[];
    public filters: TfabricaCrudFilter[];

//    public selectedChips: TfabricaCrudFilter[];


    constructor(
        private _http: Http,
        private _sharedService: TfabricaSharedService,
        private _crudService: TfabricaCrudService,
        public dialogRef: MdDialogRef<TfabricaCrudFilterFieldsComponent>

    ) {

        let that = this;
        this.fields = this._crudService.getFields();
        this.filters = this._crudService.getFilters();
        console.log(this.filters);
        //this.selectedChips = [];
    }

    ngOnInit() {



    }    

    public startSearch()
    {
        console.log("startSearch");
            this.dialogRef.close(this.filters);
            console.log(this.filters);
        
    }

    public addItem(filter) {
        console.log("AddItem");
        console.log(filter);
        for (let value of filter.values) {
            if (value.value == filter.valueLow) {
                value.isSelected = true;
            }
        }
        filter.valueLow = "";
  
    }
    public removeItem(chip) {
        chip.isSelected = false;

    }

}