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. --> -
+
-
+
-
+
- +
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(); @Output() onCancel = new EventEmitter(); @@ -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; } }