45 lines
2.0 KiB
TypeScript
45 lines
2.0 KiB
TypeScript
import {Component, Input} from '@angular/core';
|
|
import {RouterHelper} from '../../../utils/routerHelper.class';
|
|
import {properties} from "../../../../../environments/environment";
|
|
|
|
//Usage Example "<project-title [project]="X" > </project-title>"
|
|
|
|
@Component({
|
|
selector: 'project-title',
|
|
template: `
|
|
<ng-container>
|
|
<h6 class="uk-margin-remove multi-line-ellipsis lines-2">
|
|
<p class="uk-margin-remove">
|
|
<a *ngIf="externalPortalUrl" [href]="externalPortalUrl + projectUrl + '?projectId='+project['openaireId']" class="uk-link uk-link-heading" [class.uk-disabled]="project.name == 'unidentified'">
|
|
<span *ngIf="project['code'] != 'unidentified'">{{(project['acronym'] ? ('[' + project['acronym'] + '] ') : '')}}{{project['name']}}</span>
|
|
<span *ngIf="project['code'] == 'unidentified'">{{project['funderName']}}</span>
|
|
</a>
|
|
<a *ngIf="!externalPortalUrl" [routerLink]="projectUrl" [queryParams]="routerHelper.createQueryParam('projectId',project['openaireId'])" class="uk-link uk-link-heading" [class.uk-disabled]="project.name == 'unidentified'">
|
|
<span *ngIf="project['code'] != 'unidentified'">{{(project['acronym'] ? ('[' + project['acronym'] + '] ') : '')}}{{project['name']}}</span>
|
|
<span *ngIf="project['code'] == 'unidentified'">{{project['funderName']}} </span>
|
|
</a>
|
|
</p>
|
|
</h6>
|
|
</ng-container>
|
|
<span *ngIf="project['funderName'] && project['code'] != 'unidentified'" class="uk-margin-small-top">
|
|
<span class="uk-text-meta">Funder: </span>{{project['funderName']}}
|
|
</span>
|
|
`
|
|
})
|
|
|
|
export class ProjectTitleFormatter {
|
|
@Input() project: any;
|
|
@Input() searchLink: string;
|
|
@Input() externalPortalUrl: string = null;
|
|
public url: string;
|
|
public routerHelper: RouterHelper = new RouterHelper();
|
|
public projectUrl = properties.searchLinkToProject.split('?')[0];
|
|
|
|
constructor() {
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.url = this.searchLink + "?projectId=" + this.project["openaireId"];
|
|
}
|
|
}
|