From ad74be6dc2d6e53a770283abb44beec74eaffd3c Mon Sep 17 00:00:00 2001
From: Oleksii Riasyk <ryasik@gmail.com>
Date: Mon, 14 Aug 2023 16:26:47 +0200
Subject: [PATCH] Restrict_deleting_of_invalid_images_from_Subject_list

---
 .../image-holder/image-holder.component.html        | 13 +++++++++----
 .../features/image-holder/image-holder.component.ts |  5 +++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ui/src/app/features/image-holder/image-holder.component.html b/ui/src/app/features/image-holder/image-holder.component.html
index c1ade69512..e8f5a339c6 100644
--- a/ui/src/app/features/image-holder/image-holder.component.html
+++ b/ui/src/app/features/image-holder/image-holder.component.html
@@ -13,15 +13,20 @@
   ~ or implied. See the License for the specific language governing
   ~ permissions and limitations under the License.
   -->
-<div class="image-holder" [ngClass]="{ 'image-holder_selection-mode': selectionMode }" (click)="onItemClick()">
+<div class="image-holder" [ngClass]="{ 'image-holder_selection-mode': selectionMode && !isLoadingFailed }" (click)="onItemClick()">
   <ng-container *ngIf="item.url">
-    <div *ngIf="!selectionMode && isDeleteVisible" class="delete-icon">
+    <div *ngIf="!selectionMode && isDeleteVisible && !isLoadingFailed" class="delete-icon">
       <button class="del-btn" (click)="onDelete.emit(item)"><mat-icon svgIcon="trash"></mat-icon></button>
     </div>
     <img [src]="item.url" />
-    <div *ngIf="selectionMode" class="selection-overlay">
+    <div *ngIf="selectionMode && !isLoadingFailed" class="selection-overlay">
       <input type="checkbox" [(ngModel)]="item.isSelected" />
     </div>
-    <circle-progress *ngIf="!selectionMode" [state]="item.status" (cancel)="onCancel.emit(item)" [error]="item.error"></circle-progress>
+    <circle-progress
+      *ngIf="!selectionMode || isLoadingFailed"
+      [state]="item.status"
+      (cancel)="onCancel.emit(item)"
+      [error]="item.error"
+    ></circle-progress>
   </ng-container>
 </div>
diff --git a/ui/src/app/features/image-holder/image-holder.component.ts b/ui/src/app/features/image-holder/image-holder.component.ts
index 5fd419e124..99a8c63b96 100644
--- a/ui/src/app/features/image-holder/image-holder.component.ts
+++ b/ui/src/app/features/image-holder/image-holder.component.ts
@@ -29,6 +29,7 @@ export class ImageHolderComponent implements OnChanges {
   @Input() selectionMode: CollectionItem;
 
   isDeleteVisible: boolean;
+  isLoadingFailed: boolean;
 
   @Output() onDelete = new EventEmitter<CollectionItem>();
   @Output() onCancel = new EventEmitter<CollectionItem>();
@@ -36,8 +37,8 @@ export class ImageHolderComponent implements OnChanges {
 
   ngOnChanges(changes: SimpleChanges): void {
     if (changes.item?.currentValue) {
-      this.isDeleteVisible =
-        this.item.status === CircleLoadingProgressEnum.Uploaded || this.item.status === CircleLoadingProgressEnum.Failed;
+      this.isDeleteVisible = this.item.status === CircleLoadingProgressEnum.Uploaded;
+      this.isLoadingFailed = this.item.status === CircleLoadingProgressEnum.Failed;
     }
   }