From ed98b169f6a6657ff9ed416618d459c73b02103f Mon Sep 17 00:00:00 2001
From: "konstantina.galouni"
 <konstantina.galouni@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 22 Mar 2021 16:16:08 +0000
Subject: [PATCH] [new-UI | Library]: 1. result-preview.component.ts: Added
 property "@Input() externalUrl: string;" for external links in results. 2.
 result-preview.component.html: Link in results as they were when there is no
 "externalUrl", otherwise add:  target="_blank"
 [href]="externalUrl+result.id".

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60690 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../result-preview.component.html             | 19 ++++++++++++++++++-
 .../result-preview.component.ts               |  1 +
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 5ea668b5..06e51b5d 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -24,7 +24,7 @@
     <!-- Title -->
     <div class="uk-margin-small-bottom">
       <h6 class="uk-margin-remove">
-        <a *ngIf="result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
+        <a *ngIf="!externalUrl && result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
            (click)="onClick()" [queryParams]="createParam()"
            [routerLink]="url" class="uk-link uk-width-expand">
           <div *ngIf="(result.title) || result.acronym">
@@ -39,6 +39,23 @@
             [no title available]
           </div>
         </a>
+
+        <a *ngIf="externalUrl && result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
+           (click)="onClick()"
+           target="_blank" [href]="externalUrl+result.id" class="uk-link uk-width-expand">
+          <div *ngIf="(result.title) || result.acronym">
+            <span *ngIf="result.acronym">
+              {{result.acronym}}
+            </span>
+            <span *ngIf="result.acronym && (result.title)"> (</span>
+            <span *ngIf="result.title" [innerHTML]="result.title"></span>
+            <span *ngIf="result.acronym && result.title">)</span>
+          </div>
+          <div *ngIf="!result.title && !result.acronym">
+            [no title available]
+          </div>
+        </a>
+
         <div *ngIf="!result.id ||  (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)"
              class="uk-width-expand">
           <div *ngIf="(result.title) || result.acronym">
diff --git a/utils/result-preview/result-preview.component.ts b/utils/result-preview/result-preview.component.ts
index 752ccf20..80939def 100644
--- a/utils/result-preview/result-preview.component.ts
+++ b/utils/result-preview/result-preview.component.ts
@@ -22,6 +22,7 @@ export class ResultPreviewComponent implements OnInit, OnChanges {
   public routerHelper: RouterHelper = new RouterHelper();
   public urlParam: string;
   public url: string;
+  @Input() externalUrl: string;
   public type: string;
   public beforeTitle: string[] = [];
   public dataProviderUrl = properties.searchLinkToDataProvider.split('?')[0];