D-Net

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

import {Observable}       from 'rxjs/Observable';

import {Location} from '@angular/common';

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

import {SearchResult}     from '../../utils/entities/searchResult';

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

import {SearchUtilsClass} from './searchUtils.class';

import {ModalLoading} from '../../utils/modal/loading.component';

@Component({

    selector: 'advanced-search-page',

    template: `

    <div class="uk-margin-top">

        <div class="page-header">

            <h1>{{pageTitle}}</h1>

        </div>

        <div>

            <!--div class="row row-offcanvas row-offcanvas-right">

                <div class="col-xs-12 col-sm-3">

                    <a *ngIf="isFiltered()" (click)="clearFilters()" > Clear Filters</a>

                    <p *ngFor="let filter of filters " >

                        <search-filter [filter]="filter"   (change)="filterChanged($event)"></search-filter>

                    </p>

                </div>

                [(fields)]="fields"

                                      [(selectedFields)]="selectedFields"

                                      [(quantifiers)]="quantifiers"

                                      [(selectedQuantifiers)]="selectedQuantifiers"

                                      [(keywords)]="keywords"

                <div class="col-xs-6 col-sm-9 sidebar-offcanvas" id="sidebar"-->

                    <advanced-search-form

                     [entityType] = "entityType"

                     [(fieldIds)]="fieldIds"

                     [(fieldIdsMap)]="fieldIdsMap"

                     [(selectedFields)]="selectedFields"

                                          (queryChange)="queryChanged($event)">

                    </advanced-search-form>

                    <!--div class="uk-text-right" *ngIf="results  && results.length>= size"-->

                        <search-paging [type]="type" [(searchUtils)] = "searchUtils"  [(results)] = "results" [(baseUrl)] = "baseURLWithParameters"    ></search-paging>

                        <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" ></search-download>

                    <!--/div-->

                    <div>

                        <search-result [results]="results" [status]=searchUtils.status  [page]="searchUtils.page"></search-result>

                    </div>

                <!--/div>

            </div-->

        </div>

    </div>

    <modal-loading [message]= "'Loading results...'"></modal-loading>

    `

})

export class AdvancedSearchPageComponent {

  @Input() pageTitle = "";

  @Input() results = [];

  @Input() type;

  @Input() entityType;

  @Input() searchUtils:SearchUtilsClass = new SearchUtilsClass();

  @Input() fieldIds:  string[];

  @Input() fieldIdsMap;//:{ [key:string]:{ name:string, operator:string, type:string, indexField:string, equalityOperator:string  }} ;

  @Input() selectedFields:AdvancedField[];

  @Input() simpleSearchUrl: string;

  @ViewChild (ModalLoading) loading : ModalLoading ;

  @Input() csvParams: string;

  @Input() csvPath: string;

  public baseURLWithParameters:string = '';

  @Output() queryChange  = new EventEmitter();

  constructor (private location: Location) {

   }

  ngOnInit() {

     this.updateBaseUrlWithParameters();

    //  this.searchUtils.totalResults = this.results.length;

  }

  public getSelectedFiltersFromUrl(params){

    for(var i=0; i< this.fieldIds.length ; i++){

         var fieldId =  this.fieldIds[i];

         var fieldparam =  this.fieldIdsMap[fieldId].param;

         var operatorId =  this.getOperatorParameter(fieldparam);

          if(params[fieldparam] != undefined && params[operatorId] != undefined) {

              var values:string [] = decodeURIComponent(params[fieldparam]).split(",");

             var operators:string [] = decodeURIComponent(params[operatorId]).split(",");

              if(values.length == operators.length){

               for(var j=0; j< values.length ; j++){

                 this.selectedFields.push(new AdvancedField(fieldId,fieldparam,this.fieldIdsMap[fieldId].name,this.fieldIdsMap[fieldId].type,values[j],operators[j]) )

               }

             }

         }

   }

   if(this.selectedFields.length == 0){

     this.selectedFields.push(new AdvancedField(this.fieldIds[0],fieldparam,this.fieldIdsMap[this.fieldIds[0]].name,this.fieldIdsMap[this.fieldIds[0]].type,"","and"));

   }

  }

  private createUrlParameters(includePage:boolean){

    var params="";

    var fields: { [key:string]:{ values:string[], operators:string[] }}={};

    for(var i = 0; i< this.selectedFields.length; i++){

      if(this.fieldIdsMap[this.selectedFields[i].id] != undefined && this.selectedFields[i].value.length > 0){

        if(!fields[this.selectedFields[i].id]){

          fields[this.selectedFields[i].id] = {values:[], operators:[]};

          fields[this.selectedFields[i].id].values =[];

          fields[this.selectedFields[i].id].operators =[];

        }

        fields[this.selectedFields[i].id].values.push(this.selectedFields[i].value);

        fields[this.selectedFields[i].id].operators.push(this.selectedFields[i].operatorId);

      }

    }

    for(var i = 0; i< this.fieldIds.length; i++){

      if(fields[this.fieldIds[i]]){

        params+="&"+this.fieldIdsMap[this.fieldIds[i]].param+"="+fields[this.fieldIds[i]].values.join()+

        "&"+this.getOperatorParameter(this.fieldIdsMap[this.fieldIds[i]].param)+"="+fields[this.fieldIds[i]].operators.join()

      }

    }

    if(includePage && this.searchUtils.page != 1){

      params += "&page="+this.searchUtils.page;

    }

    return '?'+params;

  }

  public createQueryParameters(){

    var params="";

    var countParams = 0;

    for(var i = 0; i< this.selectedFields.length; i++){

      if(this.fieldIdsMap[this.selectedFields[i].id] != undefined && this.selectedFields[i].value != ""){

        if(this.selectedFields[i].id == "q"){

          var op = "";

          // if()

          params += (countParams == 0 ? "" : this.selectedFields[i].operatorId) + " " + '"' + encodeURIComponent(this.selectedFields[i].value) + '"' + " ";

        }else if(countParams == 0 && this.selectedFields[i].operatorId == "not"){

            params += " "+ this.selectedFields[i].id +  " <> "+'"' + encodeURIComponent(this.selectedFields[i].value) +'"' + " ";

        }else{

          params += (countParams == 0 ? "" : this.selectedFields[i].operatorId + " " ) + this.selectedFields[i].id + this.fieldIdsMap[this.selectedFields[i].id].equalityOperator+'"' + encodeURIComponent(this.selectedFields[i].value) +'"' + " ";

        }

        countParams++;

      }

    }

     return params;

  }

  clearFilters(){

  }

  goTo(page:number = 1){

     this.searchUtils.page = page;

    var urlParameters = this.createUrlParameters(true);

    var queryParameters = this.createQueryParameters();

    this.location.go(location.pathname,urlParameters);

    this.queryChange.emit({

        value: queryParameters

    });

  }

  queryChanged($event) {

     this.goTo(1);

  }

  pageChanged($event) {

    this.searchUtils.page = +$event.value;

    this.goTo(this.searchUtils.page);

  }

  /*

  * Update the url with proper parameters. This is used as base url in Paging Component

  */

  public updateBaseUrlWithParameters(){

    this.baseURLWithParameters = this.searchUtils.baseUrl + this.createUrlParameters(false);

   }

   getOperatorParameter(parameter:string):string{

     if(parameter.length > 2){

       return parameter.substring(0,2);

     }else if(parameter == "q"){

       return "op";

     }else{

       return parameter+"Op";

     }

   }

   // for loading

   public openLoading(){

     this.loading.open();

   }

   public closeLoading(){

       this.loading.close();

   }

}