D-Net

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

import {Observable}       from 'rxjs/Observable';

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

import {  Router} from '@angular/router';

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

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

import {PiwikService} from '../../utils/piwik/piwik.service';

@Component({

    selector: 'search-page',

    template: `

<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle"   >

  <div uk-grid uk-grid>

   <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">

    <div class="">

      <!--div class="page-header">

          <h2>{{pageTitle}}</h2>

      </div-->

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

            <div   [class]="'uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle '+searchFormClass" >

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

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

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

                </div>

                <div   class="uk-width-1-1  uk-light">

                <!--link to advanced search -->

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

                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>

                    </span>

                </a>

                <div *ngIf="isFiltered()" class = "uk-container 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 class="uk-icon">

                      <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>

                        </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.length > 25)?value.name.substring(0,25)+'...':value.name" title="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 class="uk-icon">

                          <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>

                          </span></span></a>

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

                      </span>

                    </span>

                  </span>

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

                   Clear All

                  </a>

                </div>

                <div *ngIf= "showUnknownFilters"  class = " uk-text-center  uk-light">

                <a (click) = "clearFilters() " >Try new Query</a>

                </div>

                </div>

            </div>

      </div>

    <div  class="uk-container">

      <div  [class]="(showRefine)?'uk-width-3-4@m  uk-width-3-4@l  uk-width-1-1@s uk-float-right':'uk-width-1-1'">

          <div  *ngIf="showRefine" class="uk-offcanvas-content uk-hidden@m">

                <a href="#offcanvas-usage" uk-toggle><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="6" y="4" width="12" height="1"></rect><rect x="6" y="9" width="12" height="1"></rect><rect x="6" y="14" width="12" height="1"></rect><rect x="2" y="4" width="2" height="1"></rect><rect x="2" y="9" width="2" height="1"></rect><rect x="2" y="14" width="2" height="1"></rect></svg></a>

                <div id="offcanvas-usage" uk-offcanvas>

                    <div class="uk-offcanvas-bar">

                        <button class="uk-offcanvas-close" type="button" uk-close></button>

                        <div class="uk-text-large">Filter By:</div>

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

                    </div>

                </div>

        </div>

        <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 *ngIf="tableViewLink" class="uk-text-right">

                    <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=tableViewLink >

                      <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span>

                      Show results in table view

                    </a>

        </p>

        </div>

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

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

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

            </div>

            <div [class]="(showRefine)?'uk-width-3-4@m  uk-width-3-4@l  uk-width-1-1@s uk-first-column':''" >

              <search-result    *ngIf="!tableView"

                                [results]="results"

                                [status]="searchUtils.status"

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

                                [showLoading]="true">

              </search-result>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

    `

})

export class SearchPageComponent {

  @Input() pageTitle = "";

  @Input() formPlaceholderText = "Type Keywords...";

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

  @Input() searchFormClass: string = "searchForm";

  @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; piwiksub: any;

  public countFilters= 0;

  public urlParam: string;

  public parameterNames:string[] =[];

  public parameterValues:string[] =[];

  public showUnknownFilters:boolean = false; // when a filter exists in query but has no results, so no filters returned from the query

  //@ViewChild (SearchFilterModalComponent) searchFilterModal : SearchFilterModalComponent ;

  public currentFilter: Filter;

  constructor (private location: Location , private _meta: Meta,private element: ElementRef,private _piwikService:PiwikService, private router: Router) {

   }

  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, content provider, funder, project, " + this.type + "," +this.pageTitle);

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

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

        }

        if(typeof document !== 'undefined' && OpenaireProperties.isPiwikTrackEnabled()){

          this.piwiksub = this._piwikService.trackView(this.pageTitle).subscribe();

        }

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

  }

  ngAfterViewChecked(){

  }

  ngOnDestroy() {

    if(this.piwiksub){

      this.piwiksub.unsubscribe();

    }

  }

  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 _prefix ="OpenAIRE | ";

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

    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 {

          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 == 'research data')){

        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 == 'research data')){

      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 == 'research data')){

        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 == 'research data')){

        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;

  }

  public isFiltered(){

    var filtered=false;

    this.showUnknownFilters = false;

    for (let filter of this.filters){

       if(filter.countSelectedValues > 0){

           filtered = true;

           break;

       }

     }

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

      filtered = true;

    }

    var errorCodes:ErrorCodes = new ErrorCodes();

    if(this.queryParameters.keys() && this.searchUtils.totalResults == 0 && this.searchUtils.status !=errorCodes.LOADING ){

      this.showUnknownFilters = 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);

/* Code For Piwik*/

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

      console.log("In PreviousRouteRecorder : "+this.router.url );

      localStorage.setItem('previousRoute', this.router.url);

    }

    if(OpenaireProperties.isPiwikTrackEnabled() && (typeof document !== 'undefined')){

      this.piwiksub = this._piwikService.trackView(this.pageTitle).subscribe();

    }

    /* End Piwik Code */

    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) || (selected_filters.indexOf(this.refineFields[i]) != -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;

  }

}