MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[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:
Konstantina Galouni 2022-04-12 15:05:53 +03:00
parent 84b3a8b75d
commit bb6c1833a9
2 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
landingPages/landing-utils/showIdentifiers.component.ts
View File

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

18
landingPages/landing-utils/showPublisher.component.ts
View File

@ -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 {