diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html index 9cc1100..c7a44b7 100644 --- a/support-portal-frontend/src/app/component/user/user.component.html +++ b/support-portal-frontend/src/app/component/user/user.component.html @@ -137,10 +137,10 @@ -
+
50% + [style.width.%]="fileUploadStatus?.percentage" aria-valuenow="0" aria-valuemin="0" + aria-valuemax="100">{{fileUploadStatus?.percentage}}%
diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts index b49f608..c8b85d2 100644 --- a/support-portal-frontend/src/app/component/user/user.component.ts +++ b/support-portal-frontend/src/app/component/user/user.component.ts @@ -250,6 +250,7 @@ export class UserComponent implements OnInit, OnDestroy { (errorResponse: HttpErrorResponse) => { this.sendErrorNotification(errorResponse.error.message); this.refreshing = false; + this.fileUploadStatus.status = 'error'; }, () => { this.refreshing = false; @@ -276,6 +277,9 @@ export class UserComponent implements OnInit, OnDestroy { this.sendErrorNotification('Unable to upload image. Please try again'); } break; + default: + this.fileUploadStatus.status='default'; + } } }