D-Net

import {Component, Input} from '@angular/core';

import {EnvProperties} from "../../utils/properties/env-properties";

@Component({

  selector: 'showPublisher',

  template: `

    <li *ngIf="publishDate || journal && (journal['journal'] || journal['issn'] || journal['lissn']

               || journal['volume'] || journal['eissn'] || journal['issue'])">

      <span *ngIf="publishDate" class="uk-margin-right">

        <span class="uk-text-muted">Published: </span>

        {{publishDate | date: 'dd MMM yyyy' : 'UTC'}}

      </span>

      <span *ngIf="journal && (journal['journal'] || journal['issn'] || journal['lissn']

             || journal['volume'] || journal['eissn'] || journal['issue'])">

        <span class="uk-text-muted">Journal: </span>

        <span *ngIf="journal['journal']">{{journal['journal']}}</span>

        <span *ngIf="journal['journal'] && (journal['volume'] || journal['issue'])">, </span>

        <ng-container *ngIf="journal['volume']">

          <span  class="uk-display-inline-block">

            volume

            <span *ngIf="journal['volume'] > 0">{{journal['volume'] | number}}</span>

            <span *ngIf="!(journal['volume'] > 0)">{{journal['volume']}}</span>

          </span>

          <span *ngIf="journal['issue'] || journal['start_page'] || journal['end_page']">, </span>

        </ng-container>

        <ng-container *ngIf="journal['issue']">

          <span class="uk-display-inline-block">

            issue

            <span *ngIf="journal['issue'] > 0">{{journal['issue'] | number}}</span>

            <span *ngIf="!(journal['issue'] > 0)">{{journal['issue']}}</span>

          </span>

          <span *ngIf="journal['start_page'] || journal['end_page']">, </span>

        </ng-container>

        <span *ngIf="(journal['volume'] || journal['issue']) && (journal['start_page'] || journal['end_page'])"

              class="uk-display-inline-block">

          {{(journal['start_page'] && journal['end_page']) ? 'pages' : 'page'}}

          <span *ngIf="journal['start_page']">

            <span *ngIf="journal['start_page'] > 0">{{journal['start_page'] | number}}</span>

            <span *ngIf="!(journal['start_page'] > 0)">{{journal['start_page']}}</span>

          </span>

          <span *ngIf="journal['start_page'] && journal['end_page']">-</span>

          <span *ngIf="journal['end_page']">

            <span *ngIf="journal['end_page'] > 0">{{journal['end_page'] | number}}</span>

            <span *ngIf="!(journal['end_page'] > 0)">{{journal['end_page']}}</span>

          </span>

        </span>

        <span *ngIf=" journal['journal'] && (journal['issn'] || journal['eissn'] || journal['lissn'])"> (</span>

        <ng-container *ngIf="journal['issn']">

          <span class="uk-display-inline-block">issn: {{journal['issn']}}</span>

          <span>, </span>

        </ng-container>

        <ng-container *ngIf="journal['eissn']">

          <span class="uk-display-inline-block">eissn: {{journal['eissn']}}</span>

          <span>, </span>

        </ng-container>

        <span *ngIf="journal['lissn']" class="uk-display-inline-block">

          <span class="uk-display-inline-block">lissn: {{journal['lissn']}}</span>(kostis)

          <span>, </span>

        </span>

        <span *ngIf="journal && (journal['issn'] ||journal['lissn'] || journal['eissn'] )">

          <a target="_blank" class="uk-display-inline-block"

             [href]="properties.sherpaURL+(journal['issn']?journal['issn']:(journal['eissn']?journal['eissn']:journal['lissn'] ))+properties.sherpaURLSuffix"

             uk-tooltip="title: View information on Sherpa/RoMEO  ">

          <img src="assets/common-assets/common/SHERPA-RoMEO-short-logo.gif" width=16 height=16 alt="">

           Copyright policy<span class="custom-external custom-icon space"></span>

          </a>

        </span>

        <span *ngIf=" journal['journal'] && (journal['issn'] || journal['eissn'] || journal['lissn'])">)</span>

      </span>

    </li>

    <li *ngIf="publisher">

      <span class="uk-text-muted">Publisher: </span> {{publisher}}

    </li>

  `

})

export class ShowPublisherComponent {

  @Input() publishDate: Date;

  @Input() publisher;

  @Input() journal;

  //@Input() sherpaUrl = 'http://www.sherpa.ac.uk/romeo/search.php?issn=';

  //http://sherpa.ac.uk/romeo/issn/2304-6775

  @Input() properties: EnvProperties;

  constructor() {

  }

  ngOnInit() {

  }

}