D-Net

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

import {Observable}       from 'rxjs/Observable';

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

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

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

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

@Component({

    selector: 'search-page',

    template: `

    <div class="container">

      <div class="page-header">

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

      </div>

      <div>

        <div *ngIf="showRefine" 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"  [showResultCount]=showResultCount (change)="filterChanged($event)"></search-filter>

             </p>

          </div>

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

            <search-form [(keyword)]="keyword" (keywordChange)="keywordChanged($event)"></search-form>

            <search-download [totalResults]="totalResults" (downloadClick)="downloadClicked($event)"></search-download>

            <search-paging [(page)] = "page" [(size)] = "size" [(results)] = "results" [(baseUrl)] = "baseURLWithParameters"  [(totalResults)] = "totalResults" ></search-paging>

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

          </div>

        </div>

        <div *ngIf="!showRefine" >

            <search-form [(keyword)]="keyword" (keywordChange)="keywordChanged($event)"></search-form>

            <search-paging [(page)] = "page" [(size)] = "size" [(results)] = "results" [(baseUrl)] = "baseURLWithParameters"  [(totalResults)] = "totalResults" ></search-paging>

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

        </div>

      </div>

    </div>

    `

})

export class SearchPageComponent {

  @Input() pageTitle = "";

  @Input() results = [];

  @Input() filters = [];

  @Input() type;

  @Input() page:number = 1;

  @Input() size: number = 10;

  @Input() status: number;

  @Input() totalResults: number = 0;

  @Input() keyword: string = '';

  @Output() queryChange  = new EventEmitter();

  @Output() downloadClick = new EventEmitter();

  @Input() baseUrl:string = '';

  @Input() showResultCount:boolean = true;

  @Input() showRefine:boolean = true;

  @Input() refineFields = [];

  public indexIdsMap: { [key:string]:string } ;

  public fieldIdsMap:  { [key:string]:{ name:string, operator:string, type:string, indexField:string }};

  private searchFieldsHelper:SearchFields = new SearchFields();

  private queryParameters: Map<string, string>  = new Map<string,string>();

  private baseURLWithParameters:string = '';

  private sub: any;

  constructor (private location: Location ) {

      console.info("constructor of SearchPage");

   }

  ngOnInit() {

      console.info("ngOnInit of SearchPage");

  }

  ngAfterViewChecked(){

  }

  public getQueryParametersFromUrl(params){

    var parameters = "";

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

         var filterId =  this.refineFields[i];

          if(params[filterId] != undefined) {

            if(this.queryParameters == undefined){

              this.queryParameters = new Map<string,string>();

            }

             this.queryParameters[filterId]=decodeURIComponent(params[filterId]);

             let values = decodeURIComponent(this.queryParameters[filterId]).split(",");

             var countvalues = 0

             for(let value of values) {

               countvalues++;

               var paramId = this.indexIdsMap[filterId];

              parameters+='&' + paramId+ '='+ value+"&" + this.fieldIdsMap[paramId].operator + "="+((countvalues == 1)?"and":"or");

             }

         }

   }

   var keyword = params['keyword'];

   return (keyword && keyword.length > 0?'q='+keyword+"&op=and":'')+parameters;

 }

 public getIndexQueryParametersFromUrl(params){

   var parameters = "";

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

        var filterId =  this.refineFields[i];

         if(params[filterId] != undefined) {

           if(this.queryParameters == undefined){

             this.queryParameters = new Map<string,string>();

           }

            this.queryParameters[filterId]=decodeURIComponent(params[filterId]);

            let values = decodeURIComponent(this.queryParameters[filterId]).split(",");

            var countvalues = 0

            for(let value of values) {

              countvalues++;

              parameters+= ((countvalues == 1)?" and (":" or ")+ filterId+ '='+ value;

            }

            parameters+= " ) "

        }

  }

  var keyword = params['keyword'];

  parameters += (keyword && keyword.length > 0?' and '+keyword+' ':'');

  return parameters;

}

 /*

 * Mark as check the new filters that are selected, when you get them from search

 */

  public checkSelectedFilters(filters:Filter[]){

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

            var filter:Filter = filters[i];

              if(this.queryParameters[filter.filterId] != undefined) {

                let values = decodeURIComponent(this.queryParameters[filter.filterId]).split(",");

                for(let value of values) {

                    for(let filterValue of filter.values) {

                        if(filterValue.id == value) {

                            filterValue.selected = true;

                            filter.countSelectedValues++;

                         }

                    }

                }

            }

        }

        return filters;

  }

  /*

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

  */

  public updateBaseUrlWithParameters(filters:Filter[]){

    this.baseURLWithParameters = this.baseUrl + this.createUrlParameters(filters,false);

  }

  /*

  *

  */

  private createUrlParameters(filters:Filter[], includePage:boolean){

    var allLimits="";//location.search.slice(1);

    for (let filter of filters){

      var filterLimits="";

      if(filter.countSelectedValues > 0){

        for (let value of filter.values){

          if(value.selected == true){

            filterLimits+=((filterLimits.length == 0)?'':',') + encodeURIComponent(value.id);

           }

        }

        this.queryParameters[filter.filterId]=filterLimits;

        allLimits+=((filterLimits.length == 0 )?'':"&" +filter.filterId + '='+ filterLimits) ;

      }

    }

    if(this.keyword.length > 0 ){

       allLimits+='&keyword=' + this.keyword;

    }

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

       allLimits+=((allLimits.length == 0)?'':'&') + 'page=' + this.page;

    }

    return allLimits;

  }

  /*

  *

  */

  private createSearchQueryParameters(filters:Filter[]){

    var allLimits="";

    for (let filter of filters){

      if(filter.countSelectedValues > 0){

        var filterLimits="";

        var count_selected=0;

        var fieldId = this.indexIdsMap[filter.filterId];

        for (let value of filter.values){

          if(value.selected == true){

              count_selected++;

              filterLimits+='&' + fieldId+ '='+ value.id+"&" + this.fieldIdsMap[fieldId].operator + "="+((count_selected == 1)?"and":filter.filterOperator);

           }

        }

        allLimits += filterLimits;

      }

    }

    return (this.keyword.length > 0?'q='+this.keyword+"&op=and":'')+allLimits;

  }

  private createIndexQueryParameters(filters:Filter[]){

    var allLimits="";

    for (let filter of filters){

      if(filter.countSelectedValues > 0){

        var filterLimits="";

        var count_selected=0;

        var fieldId = this.indexIdsMap[filter.filterId];

        for (let value of filter.values){

          if(value.selected == true){

              count_selected++;

              filterLimits+=((count_selected == 1)?" and (":" "+filter.filterOperator+" ") + filter.filterId+ '='+ value.id;

           }

        }

        filterLimits+=(filterLimits.length > 0 )?' ) ':'';

        allLimits += filterLimits;

      }

    }

     allLimits += (this.keyword && this.keyword.length > 0?' and '+this.keyword+' ':'');

    return allLimits;

  }

  //

  private isFiltered(){

    var filtered=false;

    for (let filter of this.filters){

       if(filter.countSelectedValues > 0){

           filtered = true;

           break;

       }

     }

    if(this.keyword.length > 0 ){

      filtered = true;

    }

    return filtered;

  }

  clearFilters(){

    for (let filter of this.filters){

      if(filter.countSelectedValues > 0){

         for (let value of filter.values){

          if(value.selected == true){

            value.selected = false;

           }

        }

        filter.countSelectedValues = 0;

      }

    }

    if(this.keyword.length > 0 ){

      this.keyword ='';

    }

    this.location.go(location.pathname);

    this.goTo(1);

  }

  goTo(page:number = 1){

    this.page = page;

    this.queryParameters = new Map<string,string>();

    var urlParameters = this.createUrlParameters(this.filters,true);

    this.updateBaseUrlWithParameters(this.filters);

    var queryParameters = this.createSearchQueryParameters(this.filters);

    var indexQuery = this.createIndexQueryParameters(this.filters);

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

    this.queryChange.emit({

        value: queryParameters,

        index:indexQuery

    });

  }

  filterChanged($event){

       this.goTo(1);

  }

  keywordChanged($event) {

       this.keyword = $event.value;

       this.goTo(1);

  }

	downloadClicked($event) {

		if($event.value == true) {

		    var queryParameters = this.createSearchQueryParameters(this.filters);

		    this.downloadClick.emit({

		        value: queryParameters

		    });

		}

	}

  /*

  * Get A sub-array of this.refineFields array, which contains the ids of the selected filters

  */

  public getSelectedFilters():string[] {

    var selected:string[] = [];

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

      var filter:Filter = this.filters[i];

      if(filter.countSelectedValues > 0){

          selected.push(filter.filterId);

      }

    }

    return selected;

  }

  /*

  * Get A sub-array of this.refineFields array, which contains the ids of the selected parameters

  */

  private getSelectedParameters():string[] {

    var selected:string[] = [];

    var params:string[] = Object.keys(this.queryParameters);

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

       if(this.refineFields.indexOf(params[i]) > -1){

          selected.push(params[i]);

      }

    }

    return selected;

  }

  /*

  * Get A sub-array of this.refineFields array, which hides hidden fields (e.g Funding level 0,1,2,..), and contains those that depend on another fields (e.g  Funding level 0 if Funder is selected )

  */

  public getFields():string[] {

    var selected_filters:string[] = this.getSelectedFilters();

    if(selected_filters.length == 0){

      selected_filters = this.getSelectedParameters();

    }

    var fields:string[] = [];

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

      var dependentTo = this.searchFieldsHelper.DEPENDENT_FIELDS[this.refineFields[i]];

      //if filter is not marked as hidden OR it is hidden but it is dependent to a field that it IS selected

      if(this.searchFieldsHelper.HIDDEN_FIELDS.indexOf(this.refineFields[i]) == -1 || (selected_filters.indexOf(dependentTo) != -1) ){

          fields.push(this.refineFields[i]);

       }

    }

    return fields;

  }

  /*

  * Get a query  string of all fields, that want to get from search (e.g. &fields=funderid&fields=projectstartyear&...))

  */

  public getRefineFieldsQuery():string{

    var fields:string[] = this.getFields();

    var fieldsStr = ""

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

        fieldsStr+="&fields="+fields[i];

    }

    return "&refine=true"+fieldsStr;

  }

}