import {ChangeDetectorRef, Component, Input, ViewChild} from '@angular/core'; import {ActivatedRoute, Router} from '@angular/router'; import {Meta, Title} from '@angular/platform-browser'; import {EnvProperties} from '../../utils/properties/env-properties'; import {ClaimEntity, ShowOptions} from '../claim-utils/claimHelper.class'; import {EntitiesSearchService} from '../../utils/entitiesAutoComplete/entitySearch.service'; import {SEOService} from '../../sharedComponents/SEO/SEO.service'; import {AlertModal} from "../../utils/modal/alert"; import {HelperFunctions} from "../../utils/HelperFunctions.class"; import {HelperService} from "../../utils/helper/helper.service"; import {PiwikService} from "../../utils/piwik/piwik.service"; import {Subscriber} from "rxjs"; import {properties} from "../../../../environments/environment"; import {Breadcrumb} from "../../utils/breadcrumbs/breadcrumbs.component"; import {OpenaireEntities} from "../../utils/properties/searchFields"; @Component({ selector: 'linking-generic', templateUrl: 'linkingGeneric.component.html' }) export class LinkingGenericComponent { @Input() piwikSiteId = null; @Input() pageTitle: string = "Create links between research objects"; piwiksub:any; @Input() communityId:string= null; sourceType:string; targetType:string; step:number = 1; @Input() results:ClaimEntity[] = []; @Input() inlineEntity:ClaimEntity = null; basketLimit =100; @Input() showOptions:ShowOptions = new ShowOptions(); //show values: source, result, project, context, claim // linkTo /values: result, project, context // show linkToEntities /values: result, project, context @Input() sources:ClaimEntity[] =[]; properties:EnvProperties; public openaireEntities = OpenaireEntities; @Input() localStoragePrefix:string = "linking_"; url=null; @ViewChild(AlertModal) alert; public pageContents = null; @Input() breadcrumbs: Breadcrumb[] = []; constructor (private _router: Router, private route: ActivatedRoute, private entitySearch:EntitiesSearchService, private _meta: Meta, private _title: Title, private _piwikService:PiwikService, private seoService: SEOService, private helper: HelperService, private cdr: ChangeDetectorRef ) { } subscriptions = []; ngOnInit() { if(this.breadcrumbs.length === 0) { this.breadcrumbs.push({name: 'home', route: '/'}); this.breadcrumbs.push({name: "Link", route: null}); } this.showOptions.show = 'source'; this.showOptions.initSelectOptions(); if(this.inlineEntity){ this.showOptions.showLinkTo(); // this.showOptions.basketShowLinksTo = true; this.showOptions.show = this.showOptions.linkTo; } this.properties = properties; this.url = this.properties.domain + this.properties.baseLink+this._router.url; var description = "Linking is a functionality provided by OpenAIRE, in order to link research results with a project, a research community or other research results."; this.updateTitle(this.pageTitle); this.updateDescription(description); this.updateUrl(this.url); this.seoService.createLinkForCanonicalURL(this.url, false); if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){ this.subscriptions.push(this._piwikService.trackView(this.properties, this.pageTitle, this.piwikSiteId).subscribe()); } this.helper.getPageHelpContents(this.properties, this.communityId, this._router.url).subscribe(contents => { this.pageContents = contents; }) if( typeof localStorage !== 'undefined') { this.localStoragePrefix +=(this.communityId?this.communityId+"_":""); if(localStorage.getItem(this.localStoragePrefix + "results")){ this.results = JSON.parse(localStorage.getItem(this.localStoragePrefix + "results")); } if(localStorage.getItem(this.localStoragePrefix + "sources")){ this.sources = JSON.parse(localStorage.getItem(this.localStoragePrefix + "sources")); } } } ngOnDestroy() { this.subscriptions.forEach(subscription => { if (subscription instanceof Subscriber) { subscription.unsubscribe(); } }); } openSelectionModal() { this.alert.cancelButton = false; this.alert.okButton = false; this.alert.alertTitle = "Select the type of Entity to Link to your sources"; // this.alert.message = "
All the links you provided will be published in the OpenAIRE platform. " + // "
Make sure you have checked all the information you provided. In some cases some links take more time to be published. " + // "
For more information please check the linking status in My-Links page. " + // "

Do you confirm the information you provide are valid?
"; this.alert.open(); } closeSelectionModal(show:string=null) { if(show){ this.showOptions.show = show; this.showOptions.basketShowSources=false; this.showOptions.basketShowLinksTo=true; } this.alert.cancel(); this.scrollUp(); } scrollUp(){ HelperFunctions.scroll(); } private updateDescription(description:string) { this._meta.updateTag({content:description},"name='description'"); this._meta.updateTag({content:description},"property='og:description'"); } private updateTitle(title:string) { var _prefix =""; if(!this.communityId) { _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'"); } private updateUrl(url:string) { this._meta.updateTag({content:url},"property='og:url'"); } stepHasChanged(stepId){ if(stepId == 'source'){ console.log("show source") this.showOptions.showSource(); }else if(stepId == 'target'){ console.log("show target") this.showOptions.show = this.showOptions.linkTo; this.showOptions.showLinkTo(); }else if(stepId == 'claim'){ console.log("show target") this.showOptions.show = 'claim'; } this.cdr.detectChanges(); console.log('stepHasChanged', stepId, this.showOptions.show) } stepStatus(stepId){ if(stepId == 'source'){ if(this.showOptions.show == 'source'){ return 'active'; }else if(this.sources.length > 0){ return 'done'; }else{ return 'default'; } }else if(stepId=='target'){ if(this.showOptions.show != 'source' && this.showOptions.show != 'claim'){ return 'active'; }else if(this.results.length > 0){ return 'done'; }else if(this.sources.length == 0 && !this.inlineEntity){ return 'disabled'; }else{ return 'default'; } }else if(stepId=='claim'){ if(this.showOptions.show == 'claim'){ return 'active'; }else if(this.results.length > 0 && (this.inlineEntity || this.sources.length > 0)){ return 'default'; }else if(!(this.results.length > 0 && (this.inlineEntity || this.sources.length > 0))){ return 'disabled'; } } } }