From fa58577e8cfdbda4219f9a7225b3495485ab01ed Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 12 Apr 2022 14:12:45 +0300
Subject: [PATCH] [Library | new-theme]: searchSorting.component.ts &
 newSearchPage.component.html: Removed ":" after "Sort by" and "Results per
 page placeholders | result-preview.component.html: Use class uk-text-meta
 instead of uk-text-muted.

---
 .../searchUtils/newSearchPage.component.html  |  2 +-
 .../searchUtils/searchSorting.component.ts    |  4 +-
 .../result-preview.component.html             | 40 +++++++++----------
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 0b03f2ec..6a5ee9c8 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -273,7 +273,7 @@
 										<!-- TODO: Disabled functionality -->
 										<!-- [isDisabled]="disabled" -->
 										<div class="uk-width-small uk-margin-right"  *ngIf="searchUtils.totalResults >= 50">
-											<div input type="select" placeholder="Results per page:" inputClass="flat x-small"
+											<div input type="select" placeholder="Results per page" inputClass="flat x-small"
 												[options]="['5','10','20','50']" [(value)]="searchUtils.size"
 												(valueChange)="sizeChanged($event)"></div>
 										</div>
diff --git a/searchPages/searchUtils/searchSorting.component.ts b/searchPages/searchUtils/searchSorting.component.ts
index a65add30..2bc36fab 100644
--- a/searchPages/searchUtils/searchSorting.component.ts
+++ b/searchPages/searchUtils/searchSorting.component.ts
@@ -6,12 +6,12 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
       <div class="uk-width-small">
 				<!-- TODO: Disabled functionality -->
 				<div input *ngIf="(entityType != 'community' && entityType != 'stakeholder' )"
-					type="select" placeholder="Sort by:" inputClass="flat x-small"
+					type="select" placeholder="Sort by" inputClass="flat x-small"
 					[options]="optionsA" [(value)]="sortBy"
 					(valueChange)="sortByChanged()"></div>
 
 				<div input *ngIf="(entityType == 'community' || entityType == 'stakeholder')"
-					type="select" placeholder="Sort by:" inputClass="flat x-small"
+					type="select" placeholder="Sort by" inputClass="flat x-small"
 					[options]="optionsB" [(value)]="sortBy"
 					(valueChange)="sortByChanged()"></div>
       </div>
diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 8dc2e8a4..023bd5f1 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -90,11 +90,11 @@
     <!-- Funder -->
     <div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom">
   <span *ngIf="result.funderShortname">
-    <span class="uk-text-muted">Funder: </span>
+    <span class="uk-text-meta">Funder: </span>
     {{result.funderShortname}}
   </span>
       <span *ngIf="result.code" [class.uk-margin-left]="result.funderShortname">
-    <span class="uk-text-muted">Project Code: </span>
+    <span class="uk-text-meta">Project Code: </span>
         {{result.code}}
   </span>
       <!--      Currently not parsed -->
@@ -106,12 +106,12 @@
     <!-- Funder Budget -->
     <div *ngIf="result.budget || result.contribution" class="uk-margin-small-bottom">
       <span *ngIf="result.budget">
-        <span class="uk-text-muted">Overall Budget: </span>
+        <span class="uk-text-meta">Overall Budget: </span>
         {{result.budget | number}}
         <span *ngIf="result.currency">{{result.currency}}</span>
       </span>
       <span *ngIf="result.contribution" [class.uk-margin-left]="result.budget">
-        <span class="uk-text-muted">Funder Contribution: </span>
+        <span class="uk-text-meta">Funder Contribution: </span>
         {{result.contribution | number}}
         <span *ngIf="result.currency">{{result.currency}}</span>
       </span>
@@ -172,9 +172,9 @@
     </div>
     <!-- Authors -->
     <div *ngIf="result.authors" class="uk-flex uk-margin-small-bottom">
-      <span class="uk-text-muted">Authors:&nbsp;</span>
+      <span class="uk-text-meta">Authors:&nbsp;</span>
       <showAuthors [authors]="result.authors" [authorsLimit]=10 [modal]="modal"
-                   [showAll]=false [small]="false"></showAuthors>
+                   [showAll]=false></showAuthors>
     </div>
     <!-- Identifiers -->
     <div *ngIf="result.identifiers && result.identifiers.size > 0" class="uk-margin-small-bottom">
@@ -182,13 +182,13 @@
     </div>
     <!-- Publisher -->
     <div *ngIf="result.publisher && result.publisher != ''" class="uk-margin-small-bottom">
-      <span class="uk-text-muted">Publisher: </span>
+      <span class="uk-text-meta">Publisher: </span>
       {{result.publisher}}
     </div>
     <!-- Countries -->
     <div *ngIf="result.countries && result.countries.length > 0"
          class="uk-margin-small-bottom">
-      <span class="uk-text-muted">{{(result.countries.length == 1) ? 'Country' : 'Countries'}}: </span>
+      <span class="uk-text-meta">{{(result.countries.length == 1) ? 'Country' : 'Countries'}}: </span>
       <span *ngFor="let country of  result.countries.slice(0,10) let i = index">
         {{country}}{{(i < (result.countries.slice(0, 10).length - 1)) ? ", " : ""}}
         {{(i == result.countries.slice(0, 10).length - 1 && result.countries.length > 10) ? "..." : ""}}
@@ -196,7 +196,7 @@
     </div>
     <!-- Projects -->
     <div *ngIf="result.projects && result.projects.length > 0" class="uk-margin-small-bottom">
-      <span class="uk-text-muted"> Project: </span>
+      <span class="uk-text-meta"> Project: </span>
       <span *ngFor="let project of result.projects.slice(0,10) let i=index">
     <span>
       {{project.funderShortname ? project.funderShortname : project.funderName}}
@@ -213,7 +213,7 @@
     <!-- Organizations -->
     <div *ngIf="showOrganizations && result.organizations && result.organizations.length > 0"
          class="uk-margin-small-bottom">
-      <span class="uk-text-muted">Partners: </span>
+      <span class="uk-text-meta">Partners: </span>
       <span *ngFor="let organization of result.organizations.slice(0,10) let i=index">
     <span>{{organization.name}}</span>
     <span *ngIf="(i < result.organizations.length-1) && (i < 9)">, </span>
@@ -222,7 +222,7 @@
     </div>
     <!-- Website URL -->
     <div *ngIf="result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class="uk-margin-small-bottom">
-      <span class="uk-text-muted">Website URL: </span>
+      <span class="uk-text-meta">Website URL: </span>
       <span>
             <a href="{{result.websiteURL}}" target="_blank">
               <span class="custom-external custom-icon"></span>
@@ -232,7 +232,7 @@
     </div>
     <!-- OAI-PMH URL-->
     <div *ngIf="result.OAIPMHURL && result.OAIPMHURL != ''" class="uk-margin-small-bottom">
-      <span class="uk-text-muted">OAI-PMH URL: </span>
+      <span class="uk-text-meta">OAI-PMH URL: </span>
       <span>
         <a href="{{result.OAIPMHURL}}" target="_blank">
           <span class="custom-external custom-icon"></span>
@@ -243,7 +243,7 @@
     <!-- Subjects -->
     <div *ngIf="showSubjects && result.subjects && result.subjects.length > 0"
          class="uk-margin-small-bottom">
-      <span class="uk-text-muted">Subject: </span>
+      <span class="uk-text-meta">Subject: </span>
       <span *ngFor="let subject of  result.subjects.slice(0,10) let i = index">
         <span>{{subject}}</span>
         <span>{{(i < (result.subjects.slice(0, 10).length - 1)) ? ", " : ""}}</span>
@@ -253,13 +253,13 @@
   </div>
   <!-- Description -->
   <div *ngIf="result.description" class="uk-margin-small-bottom multi-line-ellipsis lines-3">
-    <p class="uk-text-muted">
+    <p class="uk-text-meta">
       {{result.description}}
     </p>
   </div>
   <!-- Download from-->
   <div *ngIf="result.hostedBy_collectedFrom && result.hostedBy_collectedFrom.length > 0"
-       class="uk-margin-small-bottom download-from">
+       class="uk-margin-small-bottom">
     <div *ngFor="let from of result.hostedBy_collectedFrom"
          [title]="from.accessRight ? from.accessRight : 'Not available'"
          class="uk-flex">
@@ -268,7 +268,7 @@
     </span>
       <span class="uk-width-expand">
       <span class="uk-margin-right uk-display-inline-block">
-        <span class="uk-text-muted">Download from: </span>
+        <span class="uk-text-meta">Download from: </span>
         <a *ngIf="from.downloadUrl"
            [href]="from.downloadUrl" target="_blank" class="title">
           <span>{{from.downloadNames.join("; ")}}</span>
@@ -279,7 +279,7 @@
         </span>
       </span>
       <span class="provider uk-display-inline-block">
-        <span class="uk-text-muted">Provider: </span>
+        <span class="uk-text-meta">Provider: </span>
         <a *ngFor="let collectedName of from.collectedNamesAndIds.keys(); let i=index" [routerLink]="dataProviderUrl"
            [queryParams]="{datasourceId: from.collectedNamesAndIds.get(collectedName)}" (click)="onClick();">
               {{collectedName}}<ng-container *ngIf="(i !== (from.collectedNamesAndIds.size - 1))">; </ng-container>
@@ -327,7 +327,7 @@
           <span
               class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[0] == 'A' ? 'In top  0.01%' : '') + (result.pop_inf[0] == 'B' ? 'In top 1%' : '') + (result.pop_inf[0] == 'C' ? 'In bottom 99%' : '')}}</span>
         </span>
-        <div class="uk-text-muted uk-margin">Popularity: Citation-based measure reflecting the current impact.</div>
+        <div class="uk-text-meta uk-margin">Popularity: Citation-based measure reflecting the current impact.</div>
         <div>
           <a title="Link to Bip!Finder" class="uk-float-right" target="_blank"
              href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
@@ -363,7 +363,7 @@
               class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[1] == 'A' ? 'In top  0.01%' : '') + (result.pop_inf[1] == 'B' ? 'In top 1%' : '') + (result.pop_inf[1] == 'C' ? 'In bottom 99%' : '')}}</span>
         </span>
 
-        <div class="uk-text-muted uk-margin">Influence: Citation-based measure reflecting the total impact.</div>
+        <div class="uk-text-meta uk-margin">Influence: Citation-based measure reflecting the total impact.</div>
         <div>
           <a title="Link to Bip!Finder" class=" uk-float-right" target="_blank" href=
               "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
@@ -385,7 +385,7 @@
     <span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') && result.orcidCreationDates?.length > 0"
         class="uk-width-expand uk-text-right">
       <span *ngIf="result.orcidCreationDates?.length > 0" class="uk-display-inline-block">
-        <span class="uk-text-muted">Added in ORCID:</span>
+        <span class="uk-text-meta">Added in ORCID:</span>
         <span *ngFor="let date of result.orcidCreationDates; let i=index">
           {{date | date: 'dd MMM yyyy'}}
           <span *ngIf="i < (result.orcidCreationDates.length - 1)">& </span>