D-Net

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

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

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

import {Meta, Title} from '@angular/platform-browser';

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

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

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

import {Dates, Identifier, StringUtils} from '../../utils/string-utils.class';

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

import {RouterHelper} from '../../utils/routerHelper.class';

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

import {EnvProperties} from '../../utils/properties/env-properties';

import {SEOService} from '../../sharedComponents/SEO/SEO.service';

import {HelperService} from "../../utils/helper/helper.service";

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

import {RefineResultsUtils} from "../../services/servicesUtils/refineResults.class";

import {RangeFilter} from "../../utils/rangeFilter/rangeFilterHelperClasses.class";

import {ZenodoInformationClass} from "../../deposit/utils/zenodoInformation.class";

import {Breadcrumb} from "../../utils/breadcrumbs/breadcrumbs.component";

import {HelperFunctions} from "../../utils/HelperFunctions.class";

import {properties} from "../../../../environments/environment";

import {AlertModal} from "../../utils/modal/alert";

import {Subscriber} from "rxjs";

import {IndexInfoService} from "../../utils/indexInfo.service";

declare var UIkit: any;

@Component({

  selector: 'new-search-page',

  templateUrl: 'newSearchPage.component.html'

})

export class NewSearchPageComponent {

  @ViewChild('offcanvas_element') offcanvasElement: ElementRef;

  @Input() piwikSiteId = null;

  @Input() hasPrefix: boolean = true;

  @Input() prefix: string = "OpenAIRE | ";

  @Input() pageTitle = "";

  pageTitleWithFilters = "";

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

  @ViewChild(ModalLoading) loading: ModalLoading;

  @Input() csvParams: string;

  @Input() csvPath: string;

  @Input() simpleSearchLink: string = "";

  @Input() advancedSearchLink: string = "";

  @Input() disableForms: boolean = false;

  @Input() disableRefineForms: boolean = false;

  @Input() loadPaging: boolean = true;

  @Input() oldTotalResults: number = 0;

  @Input() openaireLink: string;

  @Input() customFilter: SearchCustomFilter;

  @Input() sort: boolean = true;

  @Input() sortedByChanged: string = "";

  @Input() resultsPerPageChanged: number;

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

  //From simple:

  @Input() rangeFilters: RangeFilter[] = [];

  @Input() rangeFields: string[][] = [];

  @Input() refineFields = [];

  @Input() filters:Filter[] = [];

  selectedFilters: number = 0;

  selectedRangeFilters: number = 0;

  private searchFieldsHelper: SearchFields = new SearchFields();

  @Input() newQueryButton: boolean = true;

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

  URLCreatedFilters: Filter[] = [];

  URLCreatedRangeFilters: RangeFilter[] = [];

  @Input() showRefine: boolean = true;

  @Input() tableViewLink: string;

  @Input() usedBy: string = "search";

  @Input() public zenodoInformation: ZenodoInformationClass = new ZenodoInformationClass();

  @Input() showIndexInfo: boolean = true;

  @Input() showResultCount: boolean = true;

  @Input() showMoreFilterValuesInline: boolean = true;

  @Input() filterValuesNum: number = 6;

  @Input() keywordFields = [];

  @Input() simpleView: boolean = true;

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

  @Input() resultTypes:Filter = null;

  resultTypeOptions = {"publications":{"id":"publication", "name":"Publications"},"datasets":{"id":"dataset", "name":"Research data"},

    "software":{"id":"software", "name":"Software"},"other":{"id":"other", "name":" Other research products"}};

  selectedTypesNum = 0;

  @Input() quickFilter: { filter: Filter, selected: boolean, filterId: string, value: string };

  @Input() includeOnlyResultsAndFilter:boolean = false;

  @Input() showBreadcrumb:boolean = false;

  @Input() showDownload: boolean = true;

  public dashboard: boolean = properties.isDashboard;

  subscriptions = [];

  public parameterNames: string[] = [];

  public parameterValues: string[] = [];

  public csvLimit: number = 0;

  public pagingLimit: number = 0;

  public resultsPerPage: number = 0;

  isPiwikEnabled = false;

  properties: EnvProperties = properties;

  public pageContents = null;

  public divContents = null;

  public routerHelper: RouterHelper = new RouterHelper();

  public errorCodes: ErrorCodes = new ErrorCodes();

  breadcrumbs:Breadcrumb[] = [];

  url = null;

  metaDescription = "";

  @Input() basicMetaDescription = [];

  @Input() entitiesSelection:boolean = true;

  @Input() showSwitchSearchLink:boolean = true;

  // on 1st load, do not show filters until results query returns.

  public hideFilters: boolean = true;

  //Dashboard

  filterToggle = false;

  customFilterEnabled:boolean =  false;

  //stickyform

  @Input() stickyForm:boolean = false;

  @ViewChild('removeCustomFilter') removeCustomFilter: AlertModal;

  currentValueToRemove;

  currentFilterToRemove;

  public indexUpdateDate: Date;

  constructor(private route: ActivatedRoute,

              private location: Location,

              private _meta: Meta,

              private _title: Title,

              private _piwikService: PiwikService,

              private router: Router,

              private seoService: SEOService,

              private helper: HelperService,

              private cdr:ChangeDetectorRef, private indexInfoService: IndexInfoService) {

  }

  ngOnInit() {

      //this.getDivContents();

      this.getPageContents();

      this.pagingLimit = this.properties.pagingLimit;

      this.resultsPerPage = this.properties.resultsPerPage;

      this.csvLimit = this.properties.csvLimit;

      this.isPiwikEnabled = this.properties.enablePiwikTrack;

      this.updateUrl(this.properties.domain + this.properties.baseLink + this.router.url);

      this.url = this.properties.domain + this.properties.baseLink + this.router.url;

      if (typeof document !== 'undefined' && this.isPiwikEnabled && !this.includeOnlyResultsAndFilter && this.piwikSiteId) {

        this.subscriptions.push(this._piwikService.trackView(this.properties, this.pageTitle, this.piwikSiteId).subscribe());

      }

    this.route.queryParams.subscribe(params => {

      if (params['page'] && params['page'] != 1) {

        HelperFunctions.scrollToId("searchForm");

      }

      this.customFilterEnabled = params['cf'] && params['cf'] == "true";

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

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

          this.basicMetaDescription =  ["Research outcomes","Discover" + (this.properties.adminToolsCommunity == 'openaire'?" over 100 million of":"")+" research outcomes ", "categorized by research type, year range, funder, languages, community and content providers."];

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

          this.basicMetaDescription =  ["Research projects", "Discover research projects and correlated research categorized by Funder and active year. ", "Statistics data about produced research outcomes per year available."];

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

          this.basicMetaDescription =  ["Research organization","Discover worldwide research organizations from over 100 countries and correlated research. ", "Funding, content providers, research pubblications and research data available."];

        }else{

          this.basicMetaDescription.push(this.pageTitle)

        }

      }

      // console.log("title " + this.pageTitle, this.basicMetaDescription)

      this.updateMeta(this.pageTitle);

    });

    this.searchUtils.baseUrl = "/" + this.searchUtils.baseUrl;

    this.breadcrumbs.push({name: 'home', route: '/'});

    if(this.simpleView) {

      this.breadcrumbs.push( {name: "Search", route: null});

    }else if(!this.simpleView && this.advancedSearchLink) {

      this.breadcrumbs.push({name: "Advanced Search", route: null});

    }

    //console.log(this.filters)

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

      this.subscriptions.push(this.indexInfoService.getLastIndexDate(this.properties).subscribe(lastIndexUpdate => {

        if (lastIndexUpdate) {

          this.indexUpdateDate = new Date(lastIndexUpdate);

        }

      }));

    }

  }

  private getPageContents() {

    this.subscriptions.push(this.helper.getPageHelpContents(this.properties, (this.customFilter && this.customFilter.queryFieldName == "communityId") ? this.customFilter.valueId : this.properties.adminToolsCommunity, this.router.url).subscribe(contents => {

      this.pageContents = contents;

    }));

  }

  private getDivContents() {

      this.subscriptions.push(this.helper.getDivHelpContents(this.properties, (this.customFilter && this.customFilter.queryFieldName == "communityId") ? this.customFilter.valueId : this.properties.adminToolsCommunity, this.router.url).subscribe(contents => {

        this.divContents = contents;

      }));

  }

  ngOnDestroy() {

    this.subscriptions.forEach(subscription => {

      if (subscription instanceof Subscriber) {

        subscription.unsubscribe();

      }

    });

  }

  updateMeta(title:string) {

    let filterArray = [];

    let filtervalues = [];

    let filterURL = "";

    if(this.resultTypes && this.resultTypes.countSelectedValues> 0){

      filterURL += ((filterURL.length == 0) ? '?' : '&') + this.resultTypes.filterId + "=";

      let filterName = this.resultTypes.title+" ";

      for(let value of this.resultTypes.values){

        if(value.selected) {

          filterArray.push(filterName + '"' + value.name + '"');

          filtervalues.push(value.name);

          filterURL += ((filterName.length == 0) ? ',' : '') + StringUtils.URIEncode('"' + value.id+ '"' );

          filterName = "";

        }

      }

    }

    for(let filter of this.filters){

      if(filter.countSelectedValues> 0){

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

        let filterName = filter.title+" ";

       for(let value of filter.values){

         if(value.selected) {

           filterArray.push(filterName + '"' + value.name + '"');

           filtervalues.push(value.name);

           filterURL += ((filterName.length == 0) ? ',' : '') + StringUtils.URIEncode( '"' + StringUtils.URIEncode( value.id ) + '"');

           filterName = "";

         }

        }

      }

    }

    let nonCanonicalizedPage = filterArray.length > 0;

      this.metaDescription= (nonCanonicalizedPage?( (this.basicMetaDescription[0] + " filtered by: " + filterArray.join(" and ") + ". ") + (this.basicMetaDescription.length > 1 ?this.basicMetaDescription[1]:""))

      :((this.basicMetaDescription.length > 2 ?this.basicMetaDescription[1] + this.basicMetaDescription[2]:this.basicMetaDescription[0])));

    this._meta.updateTag({content: this.metaDescription}, "name='description'");

    this._meta.updateTag({content: this.metaDescription}, "property='og:description'");

    this.updateTitle(title, (nonCanonicalizedPage ? filtervalues.join(" | ") + " | ": ""));

    filterURL =  (nonCanonicalizedPage ?  filterURL : "");

    this.url = this.properties.domain + this.properties.baseLink + this.router.url.split('?')[0] +  filterURL;

    this.seoService.createLinkForCanonicalURL(this.url + (this.searchUtils.page !=1?(filterURL.length > 0?'&':'?')+'page='+this.searchUtils.page:''), true);

    this.seoService.createLinkForNextURL(this.url +   (filterURL.length > 0 ? '&' : '?') + 'page=' + (this.searchUtils.page + 1), true);

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

      this.seoService.createLinkForPrevURL(this.url + (this.searchUtils.page !=2?(filterURL.length > 0?'&':'?')+'page='+(this.searchUtils.page - 1):'') , true);

    }else{

      this.seoService.removeLinkForPrevURL();

    }

  }

  updateTitle(title: string, filters:string) {

    let _title = (this.hasPrefix?this.prefix:"") + filters + title;

    // _title = ((_title.length > 50) ? _title.substring(0, 50) : _title);

    this.pageTitleWithFilters = _title;

    this._title.setTitle(_title);

    this._meta.updateTag({content: _title}, "property='og:title'");

  }

  updateUrl(url: string) {

    this._meta.updateTag({content: url}, "property='og:url'");

  }

  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.filters[i].radioValue = "";

      }

    }

    this.selectedFilters = 0;

    for(let i = 0; i < this.rangeFilters.length; i++) {

      this.rangeFilters[i].selectedFromValue = null;

      this.rangeFilters[i].selectedToValue = null;

    }

    this.selectedRangeFilters = 0;

    // if (this.quickFilter) {

    //   this.removeValueFromQuickFilter();

    // }

    if(this.resultTypes) {

      this.resultTypes.values = [];

    }

    this.goTo(1);

    // this.clearKeywords();

  }

  goTo(page: number = 1, scroll:boolean = true) {

    if(this.offcanvasElement && (typeof document !== 'undefined')) {

      UIkit.offcanvas(this.offcanvasElement.nativeElement).hide();

    }

    this.searchUtils.page = page;

    this.buildPageURLParameters(this.filters, this.rangeFilters, true);

    this.router.navigate([this.searchUtils.baseUrl], {queryParams: this.routerHelper.createQueryParams(this.parameterNames, this.parameterValues)});

    if(scroll) {

      HelperFunctions.scrollToId("searchForm");

    }

    /* Code For Piwik*/

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

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

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

    }

    if (this.isPiwikEnabled && (typeof document !== 'undefined') && this.piwikSiteId) {

      this.subscriptions.push(this._piwikService.trackView(this.properties, this.pageTitle, this.piwikSiteId).subscribe());

    }

    /* End Piwik Code */

  }

  queryChanged($event) {

    if($event == "filters_update"){

      this.cdr.detectChanges();

      return;

    }

    this.goTo(1, false);

  }

  sizeChanged($event) {

    //this.searchUtils.size = $event.value;

    this.resultsPerPageChanged = $event;

    this.goTo(1);

  }

  sortByChanged($event) {

    //this.searchUtils.sortBy = $event.value;

    this.sortedByChanged = $event;

    this.goTo(1);

  }

  getOperatorParameter(parameter: string): string {

    for (let id of this.fieldIds) {

      if (this.fieldIdsMap[id]["param"] == parameter) {

        return this.fieldIdsMap[id]["operator"];

      }

    }

  }

  /*

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

*/

  public getSelectedFilters(): string[] {

    var selected: string[] = [];

    var filters= this.URLCreatedFilters;

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

      var filter: Filter = 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[] = [];

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

      if (this.parameterNames.indexOf(this.refineFields[i]) != -1) {

        selected.push(this.refineFields[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;

  }

  /*

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

  */

  public checkSelectedFilters(filters: Filter[]) {

    this.filters = filters;

    if(this.customFilter && !this.customFilter.isHiddenFilter) {

      this.customFilter.selected = null;

    }

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

      var filter: Filter = filters[i];

      filter.countSelectedValues = 0;

      if (this.parameterNames.indexOf(filter.filterId) != -1) {

        let values = (decodeURIComponent(this.parameterValues[this.parameterNames.indexOf(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;

          }

        }

        if(this.customFilter){

          this.customFilter.selected = this.customFilter.queryFieldName == filter.filterId && values.indexOf(StringUtils.quote(this.customFilter.valueId)) != -1;

        }

      // } else if (this.quickFilter && this.quickFilter.filterId == filter.filterId && this.quickFilter.selected) {

      //   for (let filterValue of filter.values) {

      //     if (filterValue.id == this.quickFilter.value) {

      //       filterValue.selected = true;

      //       filter.countSelectedValues++;

      //     } else {

      //       filterValue.selected = false;

      //     }

      //   }

      } else {

        for (let filterValue of filter.values) {

          filterValue.selected = false;

        }

      }

      // if (this.quickFilter && filter.filterId == this.quickFilter.filterId) {

      //   this.quickFilter.filter = filter;

      // }

    }

    if (this.parameterNames.indexOf("cf") != -1 && this.parameterValues[this.parameterNames.indexOf("cf")] == "true") {

      this.customFilter.selected = true;

    }else if(this.customFilter && this.customFilter.selected == null){

      this.customFilter.selected = false;

    }

    this.filterFilterValues(this.filters);

    if(!this.includeOnlyResultsAndFilter) {

      this.updateMeta(this.pageTitle);

    }

    return filters;

  }

  /*

* Mark as check the new range filters that are selected

*/

  public checkSelectedRangeFilters(filters: RangeFilter[]) {

    //console.log("checkSelectedRangeFilters: parameterNames.length: "+this.parameterNames.length);

    this.rangeFilters = filters;

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

      let filter: RangeFilter = filters[i];

      if (this.parameterNames.indexOf(filter.filterId) != -1) {

        //console.log(filter.filterId + " "+this.parameterNames.indexOf(filter.filterId) );

        let values = (decodeURIComponent(this.parameterValues[this.parameterNames.indexOf(filter.filterId)])).split(/,(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/, -1);

        let operators: string [] = (StringUtils.URIDecode(this.parameterValues[this.parameterNames.indexOf(filter.filterId)])).split(/,(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/, -1);

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

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

            if (this.fieldIdsMap[filter.originalFilterIdFrom+"-range-"+filter.originalFilterIdTo].filterType == "range") {

              let value: string = StringUtils.unquote(values[j]);

              let validDates: boolean = true;

              let years: string[] = (value.substring(5)).split(":");

              let yearFrom: string = (Dates.isValidYear(years[0]) ? years[0] : null);

              let yearTo: string = (Dates.isValidYear(years[1]) ? years[1] : null);

              //console.log("checkSelectedRangeFilters: yearFrom: " + yearFrom + " - yearTo: "+yearTo);

              if(yearFrom) {

                filter.selectedFromValue = yearFrom;

              }

              if(yearTo) {

                filter.selectedToValue = yearTo;

              }

              if(yearFrom && yearTo) {

                filter.selectedFromAndToValues = yearFrom + "-" + yearTo;

              } else if(yearFrom) {

                filter.selectedFromAndToValues = "From " + yearFrom;

              } else if(yearTo) {

                filter.selectedFromAndToValues = "Until " + yearTo;

              }

              if(!yearFrom && !yearTo) {

                validDates = false;

              }

              // if (value.length < 14) {

              //   validDates = false;

              //   console.log("not valid (length<14)");

              // } else {

              //   if (!Dates.isValidYear(value.substring(5, 9)) || !Dates.isValidYear(value.substring(10, 14))) {

              //     validDates = false;

              //     console.log("not valid years");

              //   } else {

              //     filter.selectedFromValue = value.substring(5, 9);

              //     filter.selectedToValue = value.substring(10, 14);

              //     console.log(filter);

              //   }

              // }

            }

          }

        }

      } else {

        filter.selectedFromValue = null;

        filter.selectedToValue = null;

      }

    }

    return this.rangeFilters;

  }

  get existingFiltersWithValues() {

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

      return 0;

    }

    return this.filters.some(filter => (filter.values && filter.values.length > 0));

  }

  /*

  * For Funder filters - if funder selected

  */

  public filterFilterValues(filters: Filter[]) {

    var funders = [];

    var funder_prefix = [];

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