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';

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

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

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

@Component({

    selector: 'search-page',

    template: `

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

      <div class="page-header">

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

      </div>

      <div>

        <div *ngIf="showRefine" class="uk-grid">

          <div  class="uk-width-1-1  uk-margin uk-panel uk-panel-box uk-panel-box-default">

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

              <div *ngIf="isFiltered()" class = " uk-text-center ">

                <span *ngIf = "searchUtils.keyword.length > 0">Keywords:<span>{{searchUtils.keyword}}<a (click) = "clearKeywords() "><span class=" clickable" aria-hidden="true">[<i class="uk-icon-remove"></i>]</span></a></span>

                </span>

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

                  <span *ngIf = "filter.countSelectedValues > 0"> {{filter.title}}:

                    <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; " >{{value.name}}<a (click) = "removeFilter(value, filter) "><span class=" e clickable" aria-hidden="true">[<i class="uk-icon-remove"></i>]</span></a>

                     <span *ngIf="!end">, </span>

                    </span>

                  </span>

                </span>

                <a  (click)="clearFilters()"  class = "btn uk-text-right"> Clear Filters[<i class="uk-icon-remove"></i>]</a>

              </div>

          </div>

          <div  class="uk-grid uk-width-1-1 uk-margin">

            <div class=" search-filters uk-width-large-1-4  uk-width-medium-1-4  uk-width-small-1-1">

               <search-filter  *ngFor="let filter of filters " [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)"></search-filter>

            </div>

            <div class="uk-width-large-3-4  uk-width-medium-3-4  uk-width-small-1-1" >

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

              <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" (downloadClick)="downloadClicked($event)"></search-download>

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

            </div>

          </div>

        </div>

        <div *ngIf="!showRefine" >

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

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

            <search-download [type]="csvPath" [csvParams]="csvParams" [totalResults]="searchUtils.totalResults" (downloadClick)="downloadClicked($event)"></search-download>

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

        </div>

      </div>

    </div>

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

    `

})

export class SearchPageComponent {

  @Input() pageTitle = "";

  @Input() results = [];

  @Input() filters = [];

  @Input() type:string = "";

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

  @Output() queryChange  = new EventEmitter();

  @Output() downloadClick = new EventEmitter();

  @Input() baseUrl:string = '';

  @Input() showResultCount:boolean = true;

  @Input() showRefine:boolean = true;

  @Input() refineFields = [];

  @Input() csvParams: string;

  @Input() csvPath: string;

  @ViewChild (ModalLoading) loading : ModalLoading ;

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

  private searchFieldsHelper:SearchFields = new SearchFields();

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

  private baseURLWithParameters:string = '';

  private sub: any;

  public countFilters= 0;

  constructor (private location: Location ) {

   }

  ngOnInit() {

        this.updateBaseUrlWithParameters(this.filters);

  }

  ngAfterViewChecked(){

  }

  public getQueryParametersFromUrl(params){

    //TODO when final search is done-allFqs/fq

    var parameters = "";

    var allFqs = "";

    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;

             var fq = "";

             for(let value of values) {

               countvalues++;

               var paramId = this.fieldIdsMap[filterId].param;

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

              fq+=(fq.length > 0 ? " " + "or" + " ":"" ) + filterId +" exact " + this.quote(value) ;

             }

             if(countvalues > 0){

               fq="&fq="+fq;

             }

             allFqs += fq;

          }

   }

   var keyword = params['keyword'];

   var doiQuery = "";

   var keywordQuery = "";

   if((keyword && keyword.length > 0)){

     if((this.type == 'publications' ||this.type == 'datasets')){

       var DOIs:string[] = DOI.getDOIsFromString(keyword);

       var doisParams = "";

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

         doisParams+=(doisParams.length > 0?" or ":"")+'((pidclassid exact doi) and (pid exact "'+ DOIs[i]+'"))';

       }

       if(doisParams.length > 0){

         doiQuery += "&q=("+doisParams+")"

       }

     }else{

        keywordQuery += "&q=("+this.quote(keyword) +")"

     }

   }

   return (doiQuery.length > 0 ? doiQuery:keywordQuery) + allFqs;

 }

 public getIndexQueryParametersFromUrl(params){

   var parameters = "";

   var allFqs = "";

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

        var filterId =  this.refineFields[i];

        var fq = "";

         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;

              fq+=(fq.length > 0 ? " " + "or" + " ":"" ) + filterId + " exact " + this.quote(value);

            }

            parameters+= " ) ";

            if(countvalues > 0){

              fq="&fq="+fq;

            }

            allFqs += fq;

        }

  }

  var keyword = params['keyword'];

  var doiQuery = "";

  var keywordQuery = "";

  if((keyword && keyword.length > 0)){

    if((this.type == 'publications' ||this.type == 'datasets')){

      var DOIs:string[] = DOI.getDOIsFromString(keyword);

      var doisParams = "";

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

        doisParams+=(doisParams.length > 0?" or ":"")+'((pidclassid exact doi) and (pid exact "'+ DOIs[i]+'"))';

      }

      if(doisParams.length > 0){

        doiQuery += "and ("+doisParams+")"

      }

    }else{

       keywordQuery += "and ("+this.quote(keyword) +")"

    }

  }

  return (doiQuery.length > 0 ? doiQuery:keywordQuery) + allFqs;

}

 /*

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

 */

  public checkSelectedFilters(filters:Filter[]){

    this.filters = filters;

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

            var filter:Filter = filters[i];

            filter.countSelectedValues = 0;

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

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

                    for(let filterValue of filter.values) {

                      if(values.indexOf(filterValue.id) > -1) {

                            filterValue.selected = true;

                            filter.countSelectedValues++;

                         }else{

                           filterValue.selected = false;

                         }

                    }

            }else{

              for(let filterValue of filter.values) {

                 filterValue.selected = false;

              }

            }

        }

        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+=(allLimits.length==0?"?":"&")+((filterLimits.length == 0 )?'':filter.filterId + '='+ filterLimits) ;

      }

    }

    if(this.searchUtils.keyword.length > 0 ){

       allLimits+=(allLimits.length==0?"?":"&")+'keyword=' + this.searchUtils.keyword;

    }

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

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

    }

    return allLimits;

  }

  /*

  *

  */

  private createSearchQueryParameters(filters:Filter[]){

    var allFqs = "";

    for (let filter of filters){

      if(filter.countSelectedValues > 0){

        var fq = "";

        var count_selected=0;

        for (let value of filter.values){

          if(value.selected == true){

              count_selected++;

              fq+=(fq.length > 0 ? " " + filter.filterOperator + " ":"" ) + filter.filterId +  " exact " + this.quote(value.id);

           }

        }

        fq="&fq="+fq;

        allFqs += fq;

      }

    }

    var doiQuery = "";

    var keywordQuery = "";

    if((this.searchUtils.keyword && this.searchUtils.keyword.length > 0)){

      if((this.type == 'publications' ||this.type == 'datasets')){

        var DOIs:string[] = DOI.getDOIsFromString(this.searchUtils.keyword);

        var doisParams = "";

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

          doisParams+=(doisParams.length > 0?" or ":"")+'((pidclassid exact doi) and (pid exact "'+ DOIs[i]+'"))';

        }

        if(doisParams.length > 0){

          doiQuery += "&q=("+doisParams+")"

        }else{

          keywordQuery += "&q=("+this.quote(this.searchUtils.keyword) +")"

        }

      }else{

         keywordQuery += "&q=("+this.quote(this.searchUtils.keyword) +")"

      }

    }

    return (doiQuery.length > 0 ? doiQuery:keywordQuery) + allFqs;

  }

  private createIndexQueryParameters(filters:Filter[]){

    var allFqs = "";

    for (let filter of filters){

      if(filter.countSelectedValues > 0){

        var count_selected=0;

        var fq = "";

        for (let value of filter.values){

          if(value.selected == true){

              count_selected++;

               fq+=(fq.length > 0 ? " " + filter.filterOperator + " ":"" ) + filter.filterId + " exact " + this.quote(value.id);

           }

        }

        if(count_selected > 0){

          fq="&fq="+fq;

          allFqs += fq;

        }

      }

    }

    var doiQuery = "";

    var keywordQuery = "";

    if((this.searchUtils.keyword && this.searchUtils.keyword.length > 0)){

      if((this.type == 'publications' ||this.type == 'datasets')){

        var DOIs:string[] = DOI.getDOIsFromString(this.searchUtils.keyword);

        var doisParams = "";

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

          doisParams+=(doisParams.length > 0?" or ":"")+'((pidclassid exact doi) and (pid exact "'+ DOIs[i]+'"))';

        }

        if(doisParams.length > 0){

          doiQuery += " and ("+doisParams+")"

        }

      }else{

         keywordQuery += " and ("+this.quote(this.searchUtils.keyword) +")"

      }

    }

    return (doiQuery.length > 0 ? doiQuery:keywordQuery) + allFqs;

  }

  private isFiltered(){

    var filtered=false;

    for (let filter of this.filters){

       if(filter.countSelectedValues > 0){

           filtered = true;

           break;

       }

     }

    if(this.searchUtils.keyword.length > 0 ){

      filtered = true;

    }

    return filtered;

  }

  private clearKeywords(){

    if(this.searchUtils.keyword.length > 0 ){

      this.searchUtils.keyword ='';

    }

    this.goTo(1);

  }

  private clearFilters(){

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

         for (var j=0; j <  this.filters[i].countSelectedValues; j++){

          if(this.filters[i].values[j].selected){

            this.filters[i].values[j].selected = false;

           }

        this.filters[i].countSelectedValues = 0;

      }

    }

    this.clearKeywords();

  }

  private removeFilter(value:Value,filter:Filter){

    filter.countSelectedValues--;

    if(value.selected == true){

      value.selected = false;

     }

    this.goTo(1);

  }

  goTo(page:number = 1){

    this.searchUtils.page = page;

    // console.info("searchUtils.page goto = "+this.searchUtils.page);

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

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

    // console.info("urlParams : "+urlParameters);

    this.updateBaseUrlWithParameters(this.filters);

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

    // console.info("queryParams : "+queryParameters);

    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.searchUtils.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;

  }

  private quote(params: string):string {

      return encodeURIComponent('"'+params+'"');

  }

  // for loading

  public openLoading(){

    if(this.loading){

      this.loading.open();

    }

  }

  public closeLoading(){

    if(this.loading){

      this.loading.close();

    }

  }

  getSelectedValues(filter):any{

    var selected = [];

    if(filter.countSelectedValues >0){

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

        if(filter.values[i].selected){

          selected.push(filter.values[i]);

        }

      }

    }

    return selected;

  }

}