import {Component, Input, Output, EventEmitter, ElementRef} from '@angular/core';
import {Observable}       from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';
import {ActivatedRoute} from '@angular/router';

import {AdvancedField, OPERATOR} from '../searchUtils/searchHelperClasses.class';
import {SearchFields, FieldDetails} from '../../utils/properties/searchFields';
import {Dates} from '../../utils/string-utils.class';
import{EnvProperties} from '../../utils/properties/env-properties';

@Component({
    selector: 'advanced-search-form',
    templateUrl: 'advancedSearchForm.component.html'
})
export class AdvancedSearchFormComponent {
  @Input() entityType;
  @Input() fieldIds:  string[];
  @Input() fieldIdsMap;
  @Input() selectedFields:AdvancedField[];
  @Input() isDisabled: boolean = false;

  @Output() queryChange  = new EventEmitter();
  newFieldId:string;
  newFieldName:string;
  fieldList:{[id:string]:any[]} = {};
  public searchFields:SearchFields = new SearchFields();
properties:EnvProperties;
  public operators:  [{name:string, id:string}] = this.searchFields.ADVANCED_SEARCH_OPERATORS;
    constructor (private route: ActivatedRoute) {
     }

    ngOnInit() {
      this.route.data
        .subscribe((data: { envSpecific: EnvProperties }) => {
          this.properties = data.envSpecific;

        });
      for(var i = 0; i < this.fieldIds.length; i++){
        this.fieldList[this.fieldIds[i]]=[];
      }
      this.newFieldId = this.fieldIds[0];
      this.newFieldName = this.fieldIdsMap[this.newFieldId].name;
     }

    queryChanged() {
        this.queryChange.emit({
            // selectedFields: this.selectedFields,
            // selectedQuantifiers: this.selectedQuantifiers,
            // keywords: this.keywords
        });
    }

    addField() {
        this.newFieldId = this.fieldIds[0];
        var type = this.fieldIdsMap[this.newFieldId].type;
        if(type == "boolean"){
          this.selectedFields.push(new AdvancedField(this.newFieldId,this.fieldIdsMap[this.newFieldId].param, this.fieldIdsMap[this.newFieldId].name, type, "true", "and"));
        }else{
          this.selectedFields.push(new AdvancedField(this.newFieldId, this.fieldIdsMap[this.newFieldId].param,this.fieldIdsMap[this.newFieldId].name, type, "", "and"));
        }

    }

    removeField(index: number) {
        this.selectedFields.splice(index, 1);

    }

    fieldOperatorChanged(index: number, operatorId: string, operatorName: string) {
         this.selectedFields[index].operatorId = operatorId;
         this.selectedFields[index].operatorName = operatorName;
    }
    validateDate(index: number, value: string){
      this.selectedFields[index].valid = Dates.isValidYear(value);
    }

    fieldIdsChanged(index: number, fieldId:string ) {
      console.log("Field index::"+index + "  " + this.selectedFields[index].id + " function id:" +fieldId);

          var id= this.fieldIds[0];
          this.selectedFields[index].name = this.fieldIdsMap[id].name;
         this.selectedFields[index].type = this.fieldIdsMap[id].type;
         this.selectedFields[index].value = "";
         this.selectedFields[index].param = this.fieldIdsMap[id].param;

         var id =fieldId;//this.selectedFields[index].id;
         this.selectedFields[index].name = this.fieldIdsMap[id].name;
         this.selectedFields[index].type = this.fieldIdsMap[id].type;
         this.selectedFields[index].value = "";
         this.selectedFields[index].param = this.fieldIdsMap[id].param;
         if(this.fieldIdsMap[id].type == "boolean"){
           this.selectedFields[index].value = "true";
         }
    }
    valueChanged($event,index:number){
      this.selectedFields[index].value = $event.value;
    }
    listUpdated($event,fieldId:number){
      this.fieldList[fieldId] = $event.value;
    }

}