D-Net

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: `

    <span *ngIf="externalPortalUrl" class="project-title uk-text-large">

    <span><a

      [href]="externalPortalUrl + projectUrl + '?projectId='+project['openaireId']">{{(project['acronym'] ? ('[' + project['acronym'] + '] ') : '')}}{{project['name']}}</a></span>

  </span>

    <span *ngIf="!externalPortalUrl" class="project-title uk-text-large">

    <span><a [queryParams]="routerHelper.createQueryParam('projectId',project['openaireId'])"

             routerLinkActive="router-link-active"

             [routerLink]="projectUrl">{{(project['acronym'] ? ('[' + project['acronym'] + '] ') : '')}}{{project['name']}} </a></span>

  </span>

    <span *ngIf="project['funderName']">

      <span class="uk-text-muted title"> Funder: </span>{{project['funderName']}}

    </span>

  `

})

export class ProjectTitleFormatter {

  @Input() project: string[];

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

  }

}