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

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() pageTitle = "";

  @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() showLastIndex: 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() lastIndex: 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;

  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;

  isCustomFilterSelected:boolean = true;

  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) {

  }

  ngOnInit() {

      this.properties = properties;

      //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.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.includeOnlyResultsAndFilter) {

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

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

          this.basicMetaDescription =  ["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 =  ["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 =  ["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)

        }

      }

      this.metaDescription = this.basicMetaDescription.join(" ");

      this.updateTitle(this.pageTitle);

      this.updateDescription();

    }

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

    this.seoService.createLinkForCanonicalURL(this.properties.domain + this.properties.baseLink + this.router.url, false);

    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)

  }

  private getPageContents() {

    if((this.customFilter && this.customFilter.queryFieldName == "communityId") && this.properties.adminToolsCommunity !== "monitor") {

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

        this.pageContents = contents;

      }));

    }

  }

  private getDivContents() {

    if((this.customFilter && this.customFilter.queryFieldName == "communityId") && this.properties.adminToolsCommunity !== "monitor") {

      this.subscriptions.push(this.helper.getDivHelpContents(this.properties, (this.customFilter) ? 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();

      }

    });

  }

  updateDescription() {

    // this.metaDescription2 = "";

    /*if(this.resultTypes){

      let array = [];

      for(let type of this.resultTypeOptions){

        if(this.resultTypes[type.id]== true){

          array.push(type.name);

        }

      }

      if(array.length == 0){

        this.metaDescription += "research outcomes ";

      }else{

        this.metaDescription += array.join(", ") + " ";

      }

    }else{

      this.metaDescription = this.pageTitle + " ";

    }*/

    let filterArray = [];

    for(let filter of this.filters){

      if(filter.countSelectedValues> 0){

       for(let value of filter.values){

         if(value.selected) {

           filterArray.push(value.name);

         }

        }

      }

    }

    for(let field of this.selectedFields){

      if((field.type == "entity" || field.type == "refine") && field.valueLabel.length > 0 && filterArray.indexOf(field.valueLabel)==-1){

        filterArray.push(field.valueLabel)

      }else if(!(field.type == "entity" || field.type == "refine")  && field.value.length > 0 && filterArray.indexOf(field.value)==-1) {

        filterArray.push(field.value);

      }

    }

    this.metaDescription= (filterArray.length > 0?( this.basicMetaDescription[0] + " Filtered by: " + filterArray.join(", ") + " ")

      :this.basicMetaDescription.join(" "));

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

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

  }

  updateTitle(title: string) {

    var _prefix = "";

    if (this.hasPrefix) {

      _prefix = "OpenAIRE | ";

    }

    var _title = _prefix + ((title.length > 50) ? title.substring(0, 50) : 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.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.updateDescription();

    }

    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++) {

      var filter: Filter = filters[i];

      //  console.log(filter.filterId);

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

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

        for (let funder of funders) {

          funder_prefix.push(StringUtils.unquote(funder).split("____")[0]);

        }

        //  console.log(funder_prefix );

      } else if (filter.filterId.indexOf("funding") != -1) {

        //  console.log(" funding: "+filter.filterId );

        var filteredValues = []

        for (let filterValue of filter.values) {

          var value_prefix = filterValue.id.split("____")[0];

          //  console.log("Value prefix: "+value_prefix );

          if (funder_prefix.indexOf(value_prefix) != -1) {

            //  console.log("here" + value_prefix);

            filteredValues.push(filterValue);

          }

        }

        if (filteredValues.length > 0) {

          filter.values = filteredValues;

        }

      }

    }

    return filters;

  }

  public countSelectedFilters(filters: Filter[]): number {

    this.selectedFilters = 0;

    for (let filter of filters) {

      if (filter.countSelectedValues > 0) {

        this.selectedFilters += filter.countSelectedValues;

      }

    }

    return this.selectedFilters;

  }

  public countSelectedRangeFilters(rangeFilters: RangeFilter[]) : number {

    this.selectedRangeFilters = 0;

    for(let filter of rangeFilters) {

      if(filter.selectedFromValue || filter.selectedToValue) {

        this.selectedRangeFilters++;

      }

    }

    return this.selectedRangeFilters;

  }

  private clearKeywords() {

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

      this.searchUtils.keyword = '';

    }

    this.goTo(1);

  }

  public removeFilter(value: Value, filter: Filter, forceRemove:boolean = false) {

    this.currentValueToRemove = value;

    this.currentFilterToRemove = filter;

    if(!forceRemove && this.customFilter && this.customFilter.queryFieldName ==filter.filterId && this.customFilter.valueId == value.id && this.customFilter.promptToAddFilter ){

      this.openRemoveCustomFilterModal();

      return;

    }

    filter.countSelectedValues--;

    this.selectedFilters--;

    if (value.selected == true) {

      value.selected = false;

    }

    if(filter.filterType == "radio"){

      filter.radioValue = "";

    }

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

      this.removeValueFromQuickFilter();

    }

    this.goTo(1);

  }

  public openRemoveCustomFilterModal() {

    this.removeCustomFilter.alertTitle = 'Remove filter';

    this.removeCustomFilter.message = 'You are about to see results that are not related to '+ this.customFilter.valueName + '. Do you want to proceed?';

    this.removeCustomFilter.okButtonText = 'Yes';

    this.removeCustomFilter.cancelButtonText = 'No';

    this.removeCustomFilter.open();

  }

  closeCustomFilterModal() {

    this.removeFilter(this.currentValueToRemove, this.currentFilterToRemove, true);

    this.isCustomFilterSelected = false;

  }

  public removeRangeFilter(filter: RangeFilter) {

    filter.selectedFromValue = null;

    filter.selectedToValue = null;

    this.goTo(1);

  }

  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;

  }

  filterChanged($event) {

    if (this.quickFilter && this.quickFilter.filter) {

      this.removeValueFromQuickFilter();

    }

    this.goTo(1);

  }

  /**

   * if there is a change in the values of the quick filter, this function has to be run, to also update the quickFilter

   */

  removeValueFromQuickFilter() {

    if (this.quickFilter.filter.countSelectedValues == 0) {

      this.quickFilter.selected = false;

    } else {

      let isQuickEnabled = false;

      for (let filterValue of this.quickFilter.filter.values) {

        isQuickEnabled = (filterValue.name == this.quickFilter.value)

      }

      this.quickFilter.selected = (isQuickEnabled && this.quickFilter.filter.countSelectedValues == 1);

    }