From 8e0ae783831226ea1d9f30eca81cad84a3bf4e45 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Mon, 16 May 2022 14:07:15 +0300
Subject: [PATCH] update 'my links' and 'my orcid links' pages

---
 .../displayClaims/displayClaims.component.html            | 8 ++++----
 .../entityFormatter/claimEntityFormatter.component.ts     | 6 +++---
 .../publicationTitleFormatter.component.ts                | 4 ++--
 orcid/my-orcid-links/searchMyOrcidResults.component.html  | 4 ++--
 orcid/orcid-work.component.ts                             | 8 ++++----
 utils/result-preview/result-preview.component.html        | 6 +++---
 6 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/claims/claim-utils/displayClaims/displayClaims.component.html b/claims/claim-utils/displayClaims/displayClaims.component.html
index eabced9b..f1de0f12 100644
--- a/claims/claim-utils/displayClaims/displayClaims.component.html
+++ b/claims/claim-utils/displayClaims/displayClaims.component.html
@@ -33,7 +33,7 @@
     <div *ngIf="!(pageLoading || showErrorMessage ||  showForbiddenMessage || userValidMessage.length > 0 || (claims &&
     claims.length
      ==0))"
-         class="searchPaging uk-panel uk-margin-top "
+         class="searchPaging uk-panel uk-margin-medium-top uk-margin-bottom"
          data-uk-grid-margin="">
 
       <div class="uk-grid uk-flex-middle">
@@ -105,7 +105,7 @@
              <claim-entity [entity]="claim.target" [type]="claim.targetType" [properties]=properties
                           [externalPortalUrl]=externalPortalUrl [source]="true"></claim-entity>
             </div>
-            <div class="uk-margin-small-bottom">
+            <div class="uk-margin-bottom">
               <span *ngIf="isClaimAvailable(claim) else notAvailable" class="uk-label uk-label-success"
                     [attr.uk-tooltip]="'title:<div class=\'uk-margin uk-padding-small\'>The link information is available in the portal and the APIs.</div>'"
               >available
@@ -115,11 +115,11 @@
               >pending</span></ng-template>
             </div>
 
-            <div  class="uk-margin-small-bottom"><span *ngIf="showUserEmail" class="uk-margin-right"><span class="title">Claimed by:</span>
+            <div  class="uk-margin-small-bottom uk-text-small"><span *ngIf="showUserEmail" class="uk-margin-right"><span class="title">Claimed by:</span>
               {{claim.userMail}}</span>
               <span
               class="title">Claimed date:</span> {{claim.date}}</div>
-            <div  class="uk-margin-small-bottom uk-margin-top">
+            <div  class="uk-text-small">
 <!--              <span class="title">Link to:</span> -->
               <claim-entity  [entity]="claim.source" [type]="claim.sourceType" [source]="false"  [properties]=properties
                           [externalPortalUrl]=externalPortalUrl></claim-entity>
diff --git a/claims/claim-utils/entityFormatter/claimEntityFormatter.component.ts b/claims/claim-utils/entityFormatter/claimEntityFormatter.component.ts
index 4c38696c..e62a5d4a 100644
--- a/claims/claim-utils/entityFormatter/claimEntityFormatter.component.ts
+++ b/claims/claim-utils/entityFormatter/claimEntityFormatter.component.ts
@@ -10,7 +10,7 @@ import {ClaimDBContext, ClaimDBProject, ClaimDBResult} from "../claimHelper.clas
   template: `
     <div *ngIf="type == 'publication' || type == 'dataset' || type == 'software' || type == 'other'" 
          [title]="(type == 'publication'?'Publication':(type == 'dataset'?'research data':(type == 'other'?'other research product':'software')))"> 
-      <div *ngIf="source" class="uk-text-muted title">{{type == 'publication'?'publication':(type == 'dataset'?'research data':(type == 'other'?'other':'software'))}}</div>
+      <div *ngIf="source" class="uk-text-meta title uk-margin-small-bottom">{{type == 'publication'?'publication':(type == 'dataset'?'research data':(type == 'other'?'other':'software'))}}</div>
        
       <span *ngIf="!source" class="title">Link to {{type == 'publication'?'publication':(type == 'dataset'?'research data':(type == 'other'?'other':'software'))}}: </span>
       <publication-title [entity]="entity" param="id"
@@ -18,13 +18,13 @@ import {ClaimDBContext, ClaimDBProject, ClaimDBResult} from "../claimHelper.clas
     </div>
     
     <div *ngIf="type == 'project'  " title="Project">
-      <span class="uk-text-muted  title">Link to project: </span>
+      <span class="uk-text-meta  title">Link to project: </span>
  
       <project-title [project]="entity" [searchLink]=properties.searchLinkToProject
                      [externalPortalUrl]=externalPortalUrl></project-title>
     </div>
     <div *ngIf="type == 'context'  " title="Concept">
-      <span class="uk-text-muted  title">Link to community: </span> <span class="uk-text-large">{{entity.title}}</span>
+      <span class="uk-text-meta  title">Link to community: </span>{{entity.title}}
     </div>
   `
 })
diff --git a/claims/claim-utils/entityFormatter/publicationTitleFormatter.component.ts b/claims/claim-utils/entityFormatter/publicationTitleFormatter.component.ts
index 5dad97fe..566b133a 100644
--- a/claims/claim-utils/entityFormatter/publicationTitleFormatter.component.ts
+++ b/claims/claim-utils/entityFormatter/publicationTitleFormatter.component.ts
@@ -8,8 +8,8 @@ import {RouterHelper} from '../../../utils/routerHelper.class';
   template: `
     <span *ngIf="!externalPortalUrl" class="publication-title uk-text-large">
 
-     <span *ngIf="entity.openaireId"><a [queryParams]="routerHelper.createQueryParam(param,entity.openaireId)" routerLinkActive="router-link-active"
-                         [routerLink]="path">  {{entity.title?entity.title:"[No title available]"}}</a></span>
+     <span *ngIf="entity.openaireId" class="uk-h6"><a [queryParams]="routerHelper.createQueryParam(param,entity.openaireId)" routerLinkActive="router-link-active"
+                         [routerLink]="path" class="uk-link uk-link-heading">  {{entity.title?entity.title:"[No title available]"}}</a></span>
       <!--span *ngIf="url" class="uk-margin-small-left" ><a target="_blank" href="{{url}}" >
       (<span class="custom-external custom-icon" ></span>link)</a></span-->
    </span>
diff --git a/orcid/my-orcid-links/searchMyOrcidResults.component.html b/orcid/my-orcid-links/searchMyOrcidResults.component.html
index 9a8bf6b0..e4589336 100644
--- a/orcid/my-orcid-links/searchMyOrcidResults.component.html
+++ b/orcid/my-orcid-links/searchMyOrcidResults.component.html
@@ -9,7 +9,7 @@
     <errorMessages *ngIf="status != errorCodes.NONE" [status]="[status]" [type]="'results'"></errorMessages>
 
     <li *ngFor="let result of previewResults" class="uk-animation-fade">
-      <div class="uk-card uk-card-default uk-padding uk-card-hover">
+      <div class="uk-card uk-card-default uk-padding">
         <div class="uk-grid uk-grid-divider">
         <div class="uk-width-expand@m uk-width-1-1 uk-first-column">
           <result-preview [properties]="properties" [showOrcid]="false" [showOrganizations]="true"
@@ -33,7 +33,7 @@
     </li>
   </ul>
 
-  <no-load-paging *ngIf="totalResults > 0" [type]="openaireEntities.RESULTS"
+  <no-load-paging *ngIf="totalResults > 0 && previewResults && previewResults.length" [type]="openaireEntities.RESULTS"
                   (pageChange)="pageChanged($event)"
                   [page]="currentPage" [pageSize]="resultsPerPage"
                   [totalResults]="totalResults">
diff --git a/orcid/orcid-work.component.ts b/orcid/orcid-work.component.ts
index d44df4c0..adc1c9f5 100644
--- a/orcid/orcid-work.component.ts
+++ b/orcid/orcid-work.component.ts
@@ -123,7 +123,7 @@ declare var UIkit: any;
                       ? 'This work is currently deleted.'
                     : 'View this work from your ORCID record'">
         <a (click)="currentAction='get'; getOrcidWorks()"
-           [class]="'uk-button action uk-flex uk-flex-middle '+ ((showLoading || !putCodes || putCodes.length == 0) ? 'uk-disabled' : '')">
+           [class]="'uk-button uk-button-default action uk-flex uk-flex-middle '+ ((showLoading || !putCodes || putCodes.length == 0) ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='get'" name="visibility" ratio="1" flex="true"></icon>
           
           <span *ngIf="showLoading && currentAction=='get'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
@@ -136,7 +136,7 @@ declare var UIkit: any;
                     : ('Update this work to your ORCID record' + ((properties.environment == 'beta') ? '. The action will affect your real ORCID iD.' : '') 
                     + showUpdateDatesInTooltip())">
         <a (click)="currentAction='update'; updateWorkPreparation()"
-           [class]="'uk-button action uk-margin-top uk-flex uk-flex-middle '+ ((showLoading || !putCodes || putCodes.length == 0) ? 'uk-disabled' : '')">
+           [class]="'uk-button uk-button-default action uk-margin-top uk-flex uk-flex-middle '+ ((showLoading || !putCodes || putCodes.length == 0) ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='update'" name="refresh" ratio="1" flex="true"></icon>
           <span *ngIf="showLoading && currentAction=='update'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
           <span class="uk-margin-small-left">Update ORCID work</span>
@@ -146,7 +146,7 @@ declare var UIkit: any;
       <span *ngIf="!putCodes || putCodes.length == 0"
             [attr.uk-tooltip]="tooltipAdd">
         <a (click)="currentAction='add'; saveWorkPreparation();"
-           [class]="'uk-button action uk-margin-top uk-flex uk-flex-middle '+ (showLoading ? 'uk-disabled' : '')">
+           [class]="'uk-button uk-button-default action uk-margin-top uk-flex uk-flex-middle '+ (showLoading ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='add'" name="add" ratio="1" flex="true"></icon>
           <span *ngIf="showLoading && currentAction=='add'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
           <span class="uk-margin-small-left">Add to ORCID</span>
@@ -156,7 +156,7 @@ declare var UIkit: any;
       <span *ngIf="putCodes && putCodes.length > 0"
             [attr.uk-tooltip]="tooltipDelete">
         <a (click)="currentAction='delete'; deleteWorks();"
-           [class]="'uk-button action uk-margin-top uk-flex uk-flex-middle '+ (showLoading ? 'uk-disabled' : '')">
+           [class]="'uk-button uk-button-default action uk-margin-top uk-flex uk-flex-middle '+ (showLoading ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='delete'" name="delete" ratio="1" flex="true"></icon>
           <span *ngIf="showLoading && currentAction=='delete'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
           <span class="uk-margin-small-left">Delete from ORCID</span>
diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 1392fc2c..946ee444 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -300,7 +300,7 @@
 	<div *ngIf="(result.pop_inf && result.DOI) ||
 		((properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') &&
 		((showOrcid && result.identifiers && result.identifiers.size > 0) || result.orcidCreationDates?.length > 0))"
-		class="result-preview-bottom"
+		class="result-preview-bottom uk-text-small"
 		[ngClass]="{'uk-card-footer': isCard}">
 				<!-- Impact Factors-->
 				<span class="uk-flex uk-flex-top">
@@ -327,7 +327,7 @@
 																																			d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z"
 																																			transform="translate(-4 -0.67)"/></svg>
 								</span>
-							<span class=" uk-margin-small-left uk-text-large">{{" " + result.pop_inf[2] +
+							<span class=" uk-margin-small-left">{{" " + result.pop_inf[2] +
 							" popularity" }}</span>
 							<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>
@@ -361,7 +361,7 @@
 																			d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z"
 																			transform="translate(-2 -1)"/></svg>
 								</span>
-							<span class=" uk-margin-small-left uk-text-large"
+							<span class=" uk-margin-small-left"
 							>{{result.pop_inf[3] +
 							" influence" }}</span>
 							<span