D-Net

import {Component, Input, ViewChild, Output, EventEmitter,ElementRef} 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, StringUtils} from '../../utils/string-utils.class';

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

import { Meta} from '../../../angular2-meta';

import{SearchFilterComponent} from './searchFilter.component';

import {SearchFilterModalComponent} from './searchFilterModal.component';

import {OpenaireProperties} from '../../utils/properties/openaireProperties';

@Component({

    selector: 'search-page',

    template: `

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

      <div class="page-header">

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

      </div>

      <div>

        <div *ngIf="showRefine"  >

          <div  class="uk-width-1-1  uk-margin uk-padding uk-panel  uk-background-muted">

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

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

                <span *ngIf = "searchUtils.keyword.length > 0">Keywords: <span [innerHtml]="searchUtils.keyword"></span><a (click) = "clearKeywords() " [class]="(disableForms)?'uk-icon-button uk-disabled':'uk-icon-button'"><span class=" clickable " aria-hidden="true"><span uk-icon="icon: close"></span></span></a>

                </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; " ><span [innerHtml]="value.name"></span><a (click) = "removeFilter(value, filter) " [class]="(disableForms)?'uk-icon-button uk-disabled':'uk-icon-button'"><span class=" clickable" aria-hidden="true"><span uk-icon="icon: close"></span></span></a>

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

                    </span>

                  </span>

                </span>

                <!--span>

                 Clear All

                <a  (click)="clearFilters()"  class="uk-icon-button uk-text-right"><span uk-icon="icon: close"></span></a></span-->

                <a (click)="clearFilters()" [class]="(disableForms)?'uk-disabled uk-link-muted':''">

                 Clear All

                </a>

              </div>

              <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" [class]="(disableForms)?'uk-float-right uk-disabled uk-link-muted':'uk-float-right'" [routerLink]=advancedSearchLink >More search options <span uk-icon="icon: chevron-right"></span></a>

          </div>

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

            <div class=" search-filters uk-width-1-4@l  uk-width-1-4@m  uk-width-1-1@s ">

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

            </div>

            <div class="uk-width-3-4@m  uk-width-3-4@l  uk-width-1-1@s uk-first-column" >

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

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

              <!--p class="uk-text-right" *ngIf="totalResults <= 10000">

                  <span class="clickable" (click)="downloadfile(downloadURLAPI+type+'?format=csv&page=0&size='+totalResults+csvParams,type+'-report-'+totalResults)">

                      <span aria-hidden="true" class="glyphicon glyphicon-download"></span>

                      <span uk-icon="icon: download"></span> Results (CSV)

                  </span>

              </p-->

              <p *ngIf="tableViewLink" class="uk-text-right">

                <a target="_blank" routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >Show results in table view</a>

              </p>

              <search-result    *ngIf="!tableView"

                                [results]="results"

                                [status]=searchUtils.status

                                [type]="entityType" [urlParam]="urlParam"

                                [showLoading]="true">

              </search-result>

              <!--table-view   *ngIf="tableView"

                            [results]="results"

                            [status]=searchUtils.status

                            [type]="entityType" [urlParam]="urlParam"

                            [showLoading]="true">

              </table-view-->

            </div>

          </div>

        </div>

        <div *ngIf="!showRefine" >

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

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

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

            <search-result  *ngIf="!tableView"

                            [results]="results"

                            [status]=searchUtils.status

                            [type]="entityType" [urlParam]="urlParam"

                            [showLoading]="true">

            </search-result>

            <!--table-view   *ngIf="tableView"

                          [results]="results"

                          [status]=searchUtils.status

                          [type]="entityType" [urlParam]="urlParam"

                          [showLoading]="true">

            </table-view-->

        </div>

      </div>

    </div>

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

    <!--modal-search-filter [filter]="currentFilter" [showResultCount]=showResultCount (modalChange)="filterChanged($event)"></modal-search-filter-->

    `

})

export class SearchPageComponent {

  @Input() pageTitle = "";

  @Input() results = [];

  @Input() filters = [];

  @Input() type:string = "";

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

  @Input() advancedSearchLink: string = "";

  @Input() tableViewLink: string;

  @Input() disableForms: boolean = false;

  @Input() tableView: boolean = false;

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

  public urlParam: string;

  public parameterNames:string[] =[];

  public parameterValues:string[] =[];

  //@ViewChild (SearchFilterModalComponent) searchFilterModal : SearchFilterModalComponent ;

  public currentFilter: Filter;

  constructor (private location: Location , private _meta: Meta,private element: ElementRef) {

   }

  ngOnInit() {

    if (typeof document !== 'undefined') {

       this.element.nativeElement.scrollIntoView();

    }

        this.updateBaseUrlWithParameters(this.filters);

        this.defineUrlParam();

        this.updateTitle(this.pageTitle);

        this.updateDescription("Openaire, search, repositories, open access, type, data provider, funder, project, " + this.type + "," +this.pageTitle);

        //this.updateUrl(OpenaireProperties.getBaseLink()+location.pathname);

        // console.info(this.entityType + "   " + this.urlParam + this.type);

  }

  ngAfterViewChecked(){

  }

  toggleModal($event) {

    this.currentFilter = $event.value;

    //this.searchFilterModal.open();

  }

  updateDescription(description:string){

    this._meta.updateMeta("description", description);

    this._meta.updateProperty("og:description", description);

  }

  updateTitle(title:string){

    var _suffix ="| OpenAIRE";

    var _title = ((title.length> 50 ) ?title.substring(0,50):title) + _suffix;

    this._meta.setTitle(_title );

    this._meta.updateProperty("og:title",_title);

  }

  updateUrl(url:string){

    this._meta.updateProperty("og:url", url);

  }

  private defineUrlParam() {

      if(this.entityType == "publication") {

          this.urlParam = "articleId";

      } else if(this.entityType == "dataset") {

          this.urlParam = "datasetId";

      } else if(this.entityType == "project") {

          this.urlParam = "projectId";

      } else if(this.entityType == "organization") {

          this.urlParam = "organizationId";

      } else if(this.entityType == "person") {

          this.urlParam = "personId";

      } else {

          this.urlParam = "datasourceId";

      }

  }

  public getQueryParametersFromUrl(params){

    // 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]=StringUtils.URIDecode(params[filterId]);

             let values = (StringUtils.URIDecode(this.queryParameters[filterId])).split(/,(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,-1);

             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 " +value;// StringUtils.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?"&":"")+'doi="'+ DOIs[i]+'"';

       }

       if(doisParams.length > 0){

         doiQuery += "&"+doisParams;

       }else {

        keywordQuery += "&q="+StringUtils.URIEncode(keyword);

       }

     }else{

        keywordQuery += "&q="+StringUtils.URIEncode(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(/,(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,-1);

            var countvalues = 0

            for(let value of values) {

              countvalues++;

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

              fq+=(fq.length > 0 ? " " + "or" + " ":"" ) + filterId + " exact " + value;//StringUtils.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?"&":"")+'doi="'+ DOIs[i]+'"';

      }

      if(doisParams.length > 0){

        doiQuery += "&"+doisParams;

      }

    }else{

       keywordQuery += "and ("+StringUtils.quote(StringUtils.URIEncode(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(/,(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,-1);

                     for(let filterValue of filter.values) {

                       if(values.indexOf(StringUtils.quote(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);

    this.parameterNames.splice(0,this.parameterNames.length);

    this.parameterValues.splice(0,this.parameterValues.length);

    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)?'':',') +'"'+ StringUtils.URIEncode(value.id)+'"';

           }

        }

        this.queryParameters[filter.filterId]=filterLimits;

        if(filterLimits.length > 0){

          this.parameterNames.push(filter.filterId);

          this.parameterValues.push(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;

      this.parameterNames.push("keyword");

      this.parameterValues.push(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 " + StringUtils.quote(StringUtils.URIEncode(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?"&":"")+'doi="'+ DOIs[i]+'"';

        }

        if(doisParams.length > 0){

          doiQuery += "&"+doisParams;

        }else{

          keywordQuery += "&q="+StringUtils.URIEncode(this.searchUtils.keyword);

        }

      }else{

           keywordQuery += "&q="+StringUtils.URIEncode(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 " + StringUtils.quote(StringUtils.URIEncode(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?"&":"")+'doi="'+ DOIs[i]+'"';

        }

        if(doisParams.length > 0){

          doiQuery += "&"+doisParams;

        }

      }else{

         keywordQuery += " and ("+StringUtils.quote(StringUtils.URIEncode(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

    });

    if (typeof document !== 'undefined') {

       this.element.nativeElement.scrollIntoView();

    }

  }

  filterChanged($event){

    console.info("filter Changed");

       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;

  }

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

  }

}