D-Net

import {Component, Input, Output, EventEmitter, ElementRef} from '@angular/core';

import {Observable}       from 'rxjs/Observable';

import { Subject } from 'rxjs/Subject';

import {AdvancedField, OPERATOR} from '../searchUtils/searchHelperClasses.class';

import {SearchFields, FieldDetails} from '../../utils/properties/searchFields';

import {Dates} from '../../utils/string-utils.class';

@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();

  public operators:  [{name:string, id:string}] = this.searchFields.ADVANCED_SEARCH_OPERATORS;

    constructor () {

     }

    ngOnInit() {

      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;

    }

}