From 29abe9f24fae65e2868186d2447245235b9a8aa8 Mon Sep 17 00:00:00 2001
From: Davide Negretti <davide.negretti@4science.com>
Date: Fri, 20 Oct 2023 17:55:27 +0200
Subject: [PATCH] [DSC-1314] Porting of improvements on file-download-button
 component

---
 .../file-download-button.component.html       | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/advanced-attachment/bitstream-attachment/attachment-render/types/file-download-button/file-download-button.component.html b/src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/advanced-attachment/bitstream-attachment/attachment-render/types/file-download-button/file-download-button.component.html
index d49b6fabcc8..adaaaedfe60 100644
--- a/src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/advanced-attachment/bitstream-attachment/attachment-render/types/file-download-button/file-download-button.component.html
+++ b/src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/advanced-attachment/bitstream-attachment/attachment-render/types/file-download-button/file-download-button.component.html
@@ -1,20 +1,20 @@
 <ng-container *ngIf="!hasNoDownload">
-  <ng-container *ngIf="(canDownload$ | async)">
-    <ng-container *ngVar="bitstreamPath$ | async as downloadLink">
-      <a [routerLink]="downloadLink?.routerLink" [queryParams]="downloadLink?.queryParams" class="btn btn-outline-primary"
-         data-test="download">
-        <i class="fas fa-download"></i>
-        {{ 'cris-layout.advanced-attachment.download' | translate }}</a>
-    </ng-container>
-  </ng-container>
-  <ng-container *ngIf="!(canDownload$ | async)">
-    <ng-container *ngVar="bitstreamPath$ | async as requestACopyLink">
-      <button [routerLink]="requestACopyLink?.routerLink"
-      [queryParams]="requestACopyLink?.queryParams"
-      [disabled]="!(canRequestItemCopy$ | async)"
-      class="btn btn-outline-primary"
-      data-test="requestACopy">
-      {{ 'cris-layout.advanced-attachment.requestACopy' | translate }}</button>
-    </ng-container>
+  <ng-container *ngIf="bitstreamPath$ | async as bitstreamLink">
+    <ng-container *ngIf="canDownload$ | async; then downloadButtonTpl; else requestACopyTpl"></ng-container>
+    <ng-template #downloadButtonTpl>
+      <button [routerLink]="bitstreamLink?.routerLink" [queryParams]="bitstreamLink?.queryParams" class="btn btn-outline-primary"
+              data-test="download">
+        <i class="fas fa-download"></i> {{ 'cris-layout.advanced-attachment.download' | translate }}
+      </button>
+    </ng-template>
+    <ng-template #requestACopyTpl>
+      <button [routerLink]="bitstreamLink?.routerLink"
+              [queryParams]="bitstreamLink?.queryParams"
+              [disabled]="!(canRequestItemCopy$ | async)"
+              class="btn btn-outline-primary"
+              data-test="requestACopy">
+        {{ 'cris-layout.advanced-attachment.requestACopy' | translate }}
+      </button>
+    </ng-template>
   </ng-container>
 </ng-container>