[Library | new-theme]: showIdentifiers.component.ts: Optimize imports and use uk-text-meta class | showPublisher.component.ts: Use uk-text-small and uk-text-meta classes.
This commit is contained in:
parent
84b3a8b75d
commit
bb6c1833a9
|
@ -1,15 +1,13 @@
|
||||||
import {
|
import {
|
||||||
AfterViewInit, ChangeDetectorRef,
|
AfterViewInit,
|
||||||
|
ChangeDetectorRef,
|
||||||
Component,
|
Component,
|
||||||
Directive,
|
|
||||||
ElementRef,
|
ElementRef,
|
||||||
HostListener,
|
HostListener,
|
||||||
Input,
|
Input,
|
||||||
OnInit, QueryList,
|
QueryList,
|
||||||
ViewChild,
|
ViewChildren
|
||||||
ViewChildren, ViewContainerRef
|
|
||||||
} from '@angular/core';
|
} from '@angular/core';
|
||||||
import {HelperFunctions} from "../../utils/HelperFunctions.class";
|
|
||||||
import {EnvProperties} from "../../utils/properties/env-properties";
|
import {EnvProperties} from "../../utils/properties/env-properties";
|
||||||
import {properties} from "../../../../environments/environment";
|
import {properties} from "../../../../environments/environment";
|
||||||
|
|
||||||
|
@ -17,13 +15,13 @@ import {properties} from "../../../../environments/environment";
|
||||||
selector: 'showIdentifiers',
|
selector: 'showIdentifiers',
|
||||||
template: `
|
template: `
|
||||||
<!-- <div class="uk-text-muted">Persistent Identifiers</div> -->
|
<!-- <div class="uk-text-muted">Persistent Identifiers</div> -->
|
||||||
<div class="uk-height-max-medium uk-overflow-auto uk-margin-small-top">
|
<div class="uk-height-max-medium uk-overflow-auto uk-text-small">
|
||||||
<ng-container *ngFor="let key of keys let i=index">
|
<ng-container *ngFor="let key of keys let i=index">
|
||||||
<!-- <div [class.multi-line-ellipsis]="large.get(key) && !showAll" [class.lines-2]="keys.length === 1" [class.line-1]="keys.length > 1"> -->
|
<!-- <div [class.multi-line-ellipsis]="large.get(key) && !showAll" [class.lines-2]="keys.length === 1" [class.line-1]="keys.length > 1"> -->
|
||||||
<div *ngIf="!showAll" class="uk-flex-inline uk-flex-wrap uk-margin-medium-right">
|
<div *ngIf="!showAll" class="uk-flex-inline uk-flex-wrap uk-margin-medium-right">
|
||||||
<p class="uk-margin-remove">
|
<p class="uk-margin-remove">
|
||||||
<span #content [id]="key">
|
<span #content [id]="key">
|
||||||
<span class="uk-text-muted uk-text-uppercase">{{key}}: </span>
|
<span class="uk-text-meta uk-text-uppercase">{{key}}: </span>
|
||||||
<ng-container *ngFor="let item of identifiers.get(key) let j=index">
|
<ng-container *ngFor="let item of identifiers.get(key) let j=index">
|
||||||
<!-- TODO: custom external link icons -->
|
<!-- TODO: custom external link icons -->
|
||||||
<a *ngIf="key=='doi'" [href]="properties.doiURL + item" target="_blank" class="uk-display-inline">
|
<a *ngIf="key=='doi'" [href]="properties.doiURL + item" target="_blank" class="uk-display-inline">
|
||||||
|
|
|
@ -2,17 +2,17 @@ import {Component, Input} from '@angular/core';
|
||||||
import {EnvProperties} from "../../utils/properties/env-properties";
|
import {EnvProperties} from "../../utils/properties/env-properties";
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'showPublisher',
|
selector: 'showPublisher, [showPublisher]',
|
||||||
template: `
|
template: `
|
||||||
<li *ngIf="publishDate || journal && (journal['journal'] || journal['issn'] || journal['lissn']
|
<div *ngIf="publishDate || journal && (journal['journal'] || journal['issn'] || journal['lissn']
|
||||||
|| journal['volume'] || journal['eissn'] || journal['issue'])">
|
|| journal['volume'] || journal['eissn'] || journal['issue'])" class="uk-text-small">
|
||||||
<span *ngIf="publishDate" class="uk-margin-right">
|
<span *ngIf="publishDate" class="uk-margin-right">
|
||||||
<span class="uk-text-muted">Published: </span>
|
<span class="uk-text-meta">Published: </span>
|
||||||
{{publishDate | date: 'dd MMM yyyy' : 'UTC'}}
|
{{publishDate | date: 'dd MMM yyyy' : 'UTC'}}
|
||||||
</span>
|
</span>
|
||||||
<span *ngIf="journal && (journal['journal'] || journal['issn'] || journal['lissn']
|
<span *ngIf="journal && (journal['journal'] || journal['issn'] || journal['lissn']
|
||||||
|| journal['volume'] || journal['eissn'] || journal['issue'])">
|
|| journal['volume'] || journal['eissn'] || journal['issue'])">
|
||||||
<span class="uk-text-muted">Journal: </span>
|
<span class="uk-text-meta">Journal: </span>
|
||||||
<span *ngIf="journal['journal']">{{journal['journal']}}</span>
|
<span *ngIf="journal['journal']">{{journal['journal']}}</span>
|
||||||
<span *ngIf="journal['journal'] && (journal['volume'] || journal['issue'])">, </span>
|
<span *ngIf="journal['journal'] && (journal['volume'] || journal['issue'])">, </span>
|
||||||
<ng-container *ngIf="journal['volume']">
|
<ng-container *ngIf="journal['volume']">
|
||||||
|
@ -67,10 +67,10 @@ import {EnvProperties} from "../../utils/properties/env-properties";
|
||||||
</span>
|
</span>
|
||||||
<span *ngIf=" journal['journal'] && (journal['issn'] || journal['eissn'] || journal['lissn'])">)</span>
|
<span *ngIf=" journal['journal'] && (journal['issn'] || journal['eissn'] || journal['lissn'])">)</span>
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</div>
|
||||||
<li *ngIf="publisher">
|
<div *ngIf="publisher" class="uk-text-small uk-margin-small-top">
|
||||||
<span class="uk-text-muted">Publisher: </span> {{publisher}}
|
<span class="uk-text-meta">Publisher: </span> {{publisher}}
|
||||||
</li>
|
</div>
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
export class ShowPublisherComponent {
|
export class ShowPublisherComponent {
|
||||||
|
|
Loading…
Reference in New Issue