2017-12-19 13:53:46 +01:00
import { Component , ViewChild , ElementRef } from '@angular/core' ;
import { Observable } from 'rxjs/Observable' ;
import { PublicationService } from './publication.service' ;
import { PublicationInfo } from '../../utils/entities/publicationInfo' ;
import { ActivatedRoute , Router } from '@angular/router' ;
import { RouterHelper } from '../../utils/routerHelper.class' ;
import { PiwikService } from '../../utils/piwik/piwik.service' ;
2018-02-05 14:14:59 +01:00
import { EnvProperties } from '../../utils/properties/env-properties' ;
2017-12-19 13:53:46 +01:00
2018-02-12 14:38:30 +01:00
import { Meta } from '../../sharedComponents/metaService' ;
2017-12-19 13:53:46 +01:00
@Component ( {
selector : 'publication' ,
templateUrl : 'publication.component.html' ,
} )
export class PublicationComponent {
public publicationInfo : PublicationInfo ;
public articleId : string ;
// APP BOX variables
public showAllCollectedFrom : boolean = false ;
public showAllDownloadFrom : boolean = false ;
// Metrics tab variables
public metricsClicked : boolean ;
public viewsFrameUrl : string ;
public downloadsFrameUrl : string ;
public totalViews : number ;
public totalDownloads : number ;
public pageViews : number ;
// Custom tab paging variables
public referencesPage : number = 1 ;
public organizationsPage : number = 1 ;
public softwarePage : number = 1 ;
public bioentitiesPage : number = 1 ;
public pageSize : number = 10 ;
/ *
public startt : number = 0 ;
public stopp : number = 0 ;
* /
// Active tab variable for responsiveness
public activeTab : string = "References" ;
// Map counting variables
public bioentitiesNum : number = 0 ;
public relatedResearchResultsNum : number = 0 ;
// Message variables
public warningMessage = "" ;
public errorMessage = "" ;
public showLoading : boolean = true ;
public routerHelper :RouterHelper = new RouterHelper ( ) ;
private doi : string ;
private result ;
sub : any ; piwiksub : any ; infoSub : any ;
2018-02-05 14:14:59 +01:00
properties :EnvProperties ;
2017-12-19 13:53:46 +01:00
constructor ( private element : ElementRef ,
private _publicationService : PublicationService ,
private _piwikService :PiwikService ,
private route : ActivatedRoute , private _meta : Meta ,
private _router : Router ) {
}
ngOnInit() {
2018-02-05 14:14:59 +01:00
this . route . data
. subscribe ( ( data : { envSpecific : EnvProperties } ) = > {
this . properties = data . envSpecific ;
this . updateUrl ( data . envSpecific . baseLink + this . _router . url ) ;
} ) ;
2017-12-19 13:53:46 +01:00
this . sub = this . route . queryParams . subscribe ( data = > {
this . publicationInfo = null ;
this . updateTitle ( "Publication" ) ;
this . updateDescription ( "Publication, open access, collected from" ) ;
this . articleId = data [ 'articleId' ] ;
console . info ( "Article id is :" + this . articleId ) ;
this . metricsClicked = false ;
if ( this . articleId ) {
this . getPublicationInfo ( this . articleId ) ;
// if (typeof document !== 'undefined') {
// switcher(UIkit);
// }
} else {
this . showLoading = false ;
this . warningMessage = "No valid publication id" ;
}
2018-02-05 14:14:59 +01:00
this . viewsFrameUrl = this . properties . framesAPIURL + 'merge.php?com=query&data=[{"query":"resRepoViews", "resTitle":"' + this . articleId + '", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false' ;
2017-12-19 13:53:46 +01:00
2018-02-05 14:14:59 +01:00
this . downloadsFrameUrl = this . properties . framesAPIURL + 'merge.php?com=query&data=[{"query":"resRepoDownloads", "resTitle":"' + this . articleId + '", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false' ;
2017-12-19 13:53:46 +01:00
if ( typeof document !== 'undefined' ) {
this . element . nativeElement . scrollIntoView ( ) ;
}
} ) ;
}
ngOnDestroy() {
this . sub . unsubscribe ( ) ;
if ( this . piwiksub ) {
this . piwiksub . unsubscribe ( ) ;
}
if ( this . infoSub ) {
this . infoSub . unsubscribe ( ) ;
}
}
private getPublicationInfo ( id :string ) {
this . warningMessage = '' ;
this . errorMessage = ""
this . showLoading = true ;
2018-02-05 14:14:59 +01:00
this . infoSub = this . _publicationService . getPublicationInfo ( this . articleId , this . properties ) . subscribe (
2017-12-19 13:53:46 +01:00
data = > {
this . publicationInfo = data ;
// this.result = []
// this.result = {id: id, type :"dataset", source : "openaire", title: this.publicationInfo.title,url: '', result: '', accessRights: this.publicationInfo.bestaccessright, embargoEndDate: ''};
this . updateTitle ( this . publicationInfo . title . name ) ;
this . updateDescription ( "Dataset, search, repositories, open access," + this . publicationInfo . title . name ) ;
2018-02-05 14:14:59 +01:00
if ( this . properties . enablePiwikTrack && ( typeof document !== 'undefined' ) ) {
2018-02-15 11:36:12 +01:00
this . piwiksub = this . _piwikService . trackView ( this . properties , this . publicationInfo . title . name ) . subscribe ( ) ;
2017-12-19 13:53:46 +01:00
}
let bioentitiesNum = 0 ;
if ( this . publicationInfo . bioentities != undefined ) {
this . publicationInfo . bioentities . forEach ( function ( value , key , map ) {
bioentitiesNum += value . size ;
} ) ;
}
this . bioentitiesNum = bioentitiesNum ;
let relatedResearchResultsNum = 0 ;
if ( this . publicationInfo . relatedResearchResults != undefined ) {
this . publicationInfo . relatedResearchResults . forEach ( function ( value , key , map ) {
relatedResearchResultsNum += value . length ;
} ) ;
}
this . relatedResearchResultsNum = relatedResearchResultsNum ;
this . result = { id : this.articleId , type : "publication" , source : "openaire" , title : this.publicationInfo.title , url : '' , result : '' , accessRights : this.publicationInfo.title.accessMode , embargoEndDate : '' } ;
// this.result.push(result_);
if ( this . publicationInfo . identifiers != undefined && this . publicationInfo . identifiers . has ( 'doi' ) ) {
this . doi = this . publicationInfo . identifiers . get ( 'doi' ) [ 0 ] ;
}
this . showLoading = false ;
if ( this . publicationInfo . references ) {
this . activeTab = "References" ;
} else if ( this . publicationInfo . relatedResearchResults ) {
this . activeTab = "Related Research Results" ;
} else if ( this . publicationInfo . similarResearchResults ) {
this . activeTab = "Similar Research Results" ;
} else if ( this . publicationInfo . organizations ) {
this . activeTab = "Related Organizations" ;
} else if ( this . publicationInfo . bioentities ) {
this . activeTab = "bioentities" ;
} else if ( this . publicationInfo . software ) {
this . activeTab = "Software" ;
} else {
this . activeTab = "Metrics" ;
this . metricsClicked = true ;
}
console . info ( "activeTab is " + this . activeTab ) ;
} ,
err = > {
console . log ( err ) ;
console . info ( "error" ) ;
this . errorMessage = 'No publication found' ;
this . showLoading = false ;
}
) ;
}
public metricsResults ( $event ) {
this . totalViews = $event . totalViews ;
this . totalDownloads = $event . totalDownloads ;
this . pageViews = $event . pageViews ;
}
public buildCurationTooltip() {
let tooltipContent : string = "<div class='uk-margin uk-padding-small'>" ;
tooltipContent += "<h4>Record in preview</h4>" ;
tooltipContent += "<p>Bibliographic record accepted by the system, but not yet processed by <br> OpenAIRE tools for information quality improvement and de-duplication</p>" ;
return tooltipContent += "</div>" ;
}
private updateDescription ( description :string ) {
this . _meta . updateMeta ( "description" , description ) ;
this . _meta . updateProperty ( "og:description" , description ) ;
}
private 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 ) ;
}
private updateUrl ( url :string ) {
this . _meta . updateProperty ( "og:url" , url ) ;
}
public totalPages ( totalResults : number ) : number {
let totalPages :any = totalResults / this . pageSize ;
if ( ! ( Number . isInteger ( totalPages ) ) ) {
totalPages = ( parseInt ( totalPages , this . pageSize ) + 1 ) ;
}
return totalPages ;
}
public updateReferencesPage ( $event ) {
this . referencesPage = $event . value ;
}
public updateOrganizationsPage ( $event ) {
this . organizationsPage = $event . value ;
}
public updateSoftwarePage ( $event ) {
this . softwarePage = $event . value ;
}
public updateBioentitiesPage ( $event ) {
this . bioentitiesPage = $event . value ;
}
public keysToArray ( bioentities : Map < string , string > ) : string [ ] {
let keys : string [ ] = [ ] ;
bioentities . forEach ( function ( value , key , map ) {
keys . push ( key ) ;
} ) ;
return keys ;
}
public getKeys ( map ) {
return Array . from ( map . keys ( ) ) ;
}
/ *
start ( i : number , bioentitiesPage : number ) {
let sum = 0 ;
let index = 0 ;
let retValue = 0 ;
let valuesToPage = this . pageSize * bioentitiesPage ;
let valuesToPreviousPage = valuesToPage - this . pageSize ;
if ( bioentitiesPage == 1 ) {
return 0 ;
}
this . publicationInfo . bioentities . forEach ( function ( value , key , map ) {
sum += map . get ( key ) . size ;
if ( index == i ) {
if ( sum <= valuesToPreviousPage ) {
retValue = 0 ;
} else if ( ( sum - map . get ( key ) . size ) >= valuesToPage ) {
retValue = 0 ;
} else {
if ( map . get ( key ) . size < ( sum - valuesToPreviousPage ) ) {
retValue = 0 ;
} else {
retValue = map . get ( key ) . size - ( sum - valuesToPreviousPage ) ;
}
}
}
index ++ ;
} ) ;
this . startt = retValue ;
return retValue ;
}
stop ( i : number , bioentitiesPage : number ) {
let sum = 0 ;
let index = 0 ;
let retValue = 0 ;
let valuesToPage = this . pageSize * bioentitiesPage ;
let valuesToPreviousPage = valuesToPage - this . pageSize ;
this . publicationInfo . bioentities . forEach ( function ( value , key , map ) {
sum += map . get ( key ) . size ;
if ( index == i ) {
if ( sum <= valuesToPreviousPage ) {
retValue = 0 ;
} else if ( ( sum - map . get ( key ) . size ) >= valuesToPage ) {
retValue = 0 ;
} else {
if ( sum < valuesToPage ) {
retValue = map . get ( key ) . size ;
} else {
retValue = map . get ( key ) . size - ( sum - valuesToPage ) ;
}
}
}
index ++ ;
} ) ;
this . stopp = retValue ;
return retValue ;
}
* /
}