From bb6c1833a9361621917da2f6085c76b361203540 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 12 Apr 2022 15:05:53 +0300
Subject: [PATCH] [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.

---
 .../landing-utils/showIdentifiers.component.ts | 14 ++++++--------
 .../landing-utils/showPublisher.component.ts   | 18 +++++++++---------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/landingPages/landing-utils/showIdentifiers.component.ts b/landingPages/landing-utils/showIdentifiers.component.ts
index dda1ec9e..dd2b4c28 100644
--- a/landingPages/landing-utils/showIdentifiers.component.ts
+++ b/landingPages/landing-utils/showIdentifiers.component.ts
@@ -1,15 +1,13 @@
 import {
-  AfterViewInit, ChangeDetectorRef,
+  AfterViewInit,
+  ChangeDetectorRef,
   Component,
-  Directive,
   ElementRef,
   HostListener,
   Input,
-  OnInit, QueryList,
-  ViewChild,
-  ViewChildren, ViewContainerRef
+  QueryList,
+  ViewChildren
 } from '@angular/core';
-import {HelperFunctions} from "../../utils/HelperFunctions.class";
 import {EnvProperties} from "../../utils/properties/env-properties";
 import {properties} from "../../../../environments/environment";
 
@@ -17,13 +15,13 @@ import {properties} from "../../../../environments/environment";
   selector: 'showIdentifiers',
   template: `
     <!-- <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">
         <!-- <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">
           <p class="uk-margin-remove">
 						<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">
 								<!-- TODO: custom external link icons -->
 								<a *ngIf="key=='doi'" [href]="properties.doiURL + item" target="_blank" class="uk-display-inline">
diff --git a/landingPages/landing-utils/showPublisher.component.ts b/landingPages/landing-utils/showPublisher.component.ts
index 7ae65787..a7df3c30 100644
--- a/landingPages/landing-utils/showPublisher.component.ts
+++ b/landingPages/landing-utils/showPublisher.component.ts
@@ -2,17 +2,17 @@ import {Component, Input} from '@angular/core';
 import {EnvProperties} from "../../utils/properties/env-properties";
 
 @Component({
-  selector: 'showPublisher',
+  selector: 'showPublisher, [showPublisher]',
   template: `
-    <li *ngIf="publishDate || journal && (journal['journal'] || journal['issn'] || journal['lissn']
-               || journal['volume'] || journal['eissn'] || journal['issue'])">
+    <div *ngIf="publishDate || journal && (journal['journal'] || journal['issn'] || journal['lissn']
+               || journal['volume'] || journal['eissn'] || journal['issue'])" class="uk-text-small">
       <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'}}
       </span>
       <span *ngIf="journal && (journal['journal'] || journal['issn'] || journal['lissn']
              || 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['volume'] || journal['issue'])">, </span>
         <ng-container *ngIf="journal['volume']">
@@ -67,10 +67,10 @@ import {EnvProperties} from "../../utils/properties/env-properties";
         </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>
+    </div>
+    <div *ngIf="publisher" class="uk-text-small uk-margin-small-top">
+      <span class="uk-text-meta">Publisher: </span> {{publisher}}
+    </div>
   `
 })
 export class ShowPublisherComponent {