import {Component, Input} from '@angular/core'; import {ViewChild, Output} from '@angular/core'; import {EventEmitter,ElementRef} from '@angular/core'; import {Location} from '@angular/common'; import {Router, ActivatedRoute} from '@angular/router'; import {Title, Meta} from '@angular/platform-browser'; import {Observable} from 'rxjs/Observable'; import {Filter, Value} from './searchHelperClasses.class'; import {SearchResult} from '../../utils/entities/searchResult'; import {SearchFields, FieldDetails} 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 {SearchFilterComponent} from './searchFilter.component'; import {SearchFilterModalComponent} from './searchFilterModal.component'; import {ErrorCodes} from '../../utils/properties/errorCodes'; import {PiwikService} from '../../utils/piwik/piwik.service'; import {EnvProperties} from '../../utils/properties/env-properties'; @Component({ selector: 'search-page', templateUrl: 'searchPage.component.html' }) export class SearchPageComponent { @Input() piwikSiteId = null; @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(); @Input() baseUrl:string = ''; @Input() showResultCount:boolean = true; @Input() showRefine:boolean = true; @Input() refineFields = []; @Input() csvParams: string; @Input() csvPath: string; @Input() advancedSearchLink: string = ""; @Input() advancedSearchParameters; @Input() tableViewLink: string; @Input() disableForms: boolean = false; @Input() loadPaging: boolean = true; @Input() oldTotalResults: number = 0; @Input() tableView: boolean = false; @Input() searchFormClass: string = "searchForm"; @Input() openaireLink: string; @Input() connectCommunityId: string; @ViewChild (ModalLoading) loading : ModalLoading ; public fieldIdsMap;//: { [key:string]:{ name:string, operator:string, type:string, indexField:string, equalityOperator:string }}; private searchFieldsHelper:SearchFields = new SearchFields(); private queryParameters: Map = new Map(); private baseURLWithParameters:string = ''; private sub: any; piwiksub: any; public countFilters= 0; 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; public csvLimit: number = 0; public pagingLimit: number = 0; public resultsPerPage: number = 0; public isPiwikEnabled; properties:EnvProperties; constructor (private route: ActivatedRoute, private location: Location, private _meta: Meta, private _title: Title, private element: ElementRef, private _piwikService:PiwikService, private router: Router) { } ngOnInit() { this.route.data .subscribe((data: { envSpecific: EnvProperties }) => { this.properties = data.envSpecific; this.pagingLimit = data.envSpecific.pagingLimit; this.resultsPerPage =data.envSpecific.resultsPerPage; this.csvLimit = data.envSpecific.csvLimit; this.isPiwikEnabled = data.envSpecific.enablePiwikTrack; if(typeof window !== 'undefined') { this.updateUrl(data.envSpecific.baseLink+location.pathname); } if(typeof document !== 'undefined' && this.isPiwikEnabled){ this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.piwikSiteId).subscribe(); } }); if (typeof document !== 'undefined') { this.element.nativeElement.scrollIntoView(); } // this.updateBaseUrlWithParameters(this.filters); this.updateTitle(this.pageTitle); var description = "Openaire, search, repositories, open access, type, content provider, funder, project, " + this.type + "," +this.pageTitle; this.updateDescription(description); } ngAfterViewChecked(){ } ngOnDestroy() { if(this.piwiksub){ this.piwiksub.unsubscribe(); } } toggleModal($event) { this.currentFilter = $event.value; //this.searchFilterModal.open(); } updateDescription(description:string) { this._meta.updateTag({content:description},"name='description'"); this._meta.updateTag({content:description},"property='og:description'"); } updateTitle(title:string) { var _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'"); } public getQueryParametersFromUrl(params){ // called by ngOnInit function of search find pages // var parameters = ""; var allFqs = ""; this.queryParameters = new Map(); for(var i=0; i< this.refineFields.length ; i++){ var filterId = this.refineFields[i]; if(params[filterId] != undefined) { this.queryParameters.set(filterId, StringUtils.URIDecode(params[filterId])); let values = (StringUtils.URIDecode(this.queryParameters.get(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 " +StringUtils.URIEncode(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){ // called by ngOnInit function of search pages that request 'resources' // var parameters = ""; var allFqs = ""; for(var i=0; i< this.refineFields.length ; i++){ var filterId = this.refineFields[i]; var fq = ""; if(params[filterId] != undefined) { this.queryParameters.set(filterId,decodeURIComponent(params[filterId])); let values = (decodeURIComponent(this.queryParameters.get(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.get(filter.filterId) != undefined) { let values = (decodeURIComponent(this.queryParameters.get(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; } } } this.filterFilterValues(this.filters); return filters; } /* * 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.queryParameters.get(filter.filterId) != undefined) { let funders = (decodeURIComponent(this.queryParameters.get(filter.filterId))).split(/,(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,-1); for(let funder of funders) { console.log(funder); 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); } } console.log("From " +filter.values.length+ "to "+filteredValues.length); if(filteredValues.length > 0){ filter.values = filteredValues; } }else if(this.connectCommunityId && filter.filterId.indexOf("community")!=-1 ){ var filteredValues = []; for(let filterValue of filter.values) { if(this.connectCommunityId != filterValue.id){ filteredValues.push(filterValue); }else{ filter.countSelectedValues-- ; } } if(filteredValues.length > 0){ filter.values = filteredValues; } } } 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); } /* *Get The filters and create url parameters */ private createUrlParameters(filters:Filter[], includePage:boolean){ var allLimits="";//location.search.slice(1); this.queryParameters = new Map(); 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 || (this.connectCommunityId && filter.filterId.indexOf("community")!=-1)){ for (let value of filter.values){ if(value.selected == true){ filterLimits+=((filterLimits.length == 0)?'':',') +'"'+ StringUtils.URIEncode(value.id)+'"'; } } if(this.connectCommunityId && filter.filterId.indexOf("community")!=-1 ){ filterLimits+=((filterLimits.length == 0)?'':',') +'"'+ StringUtils.URIEncode(this.connectCommunityId)+'"'; } this.queryParameters.set(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[]){ // called by goTo, result emited to and used by search find pages var allFqs = ""; for (let filter of filters){ if(filter.countSelectedValues > 0 || (this.connectCommunityId && filter.filterId.indexOf("community")!=-1)){ 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)); } } if(this.connectCommunityId && filter.filterId.indexOf("community")!=-1){ count_selected++; fq+=(fq.length > 0 ? " " + filter.filterOperator + " ":"" ) + filter.filterId + " exact " + StringUtils.quote(StringUtils.URIEncode(this.connectCommunityId)); } fq="&fq="+fq; allFqs += fq; } } //TODO -- 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[]){ // called by goTo, result emited to and used by search pages that request 'resources' 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); 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') { localStorage.setItem('previousRoute', this.router.url); } if(this.isPiwikEnabled && (typeof document !== 'undefined')){ this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.piwikSiteId).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); } /* * 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; } }