183. Report upload progress - Part 1 (#26)

support-portal-frontend/src/app/component/user/user.component.ts

@@ -242,15 +242,22 @@ export class UserComponent implements OnInit, OnDestroy {
     let subscription = this.userService.updateProfileImage(user.username, formData)
       .subscribe(
         (event: HttpEvent<any>) => {
-          this.notificationService.notify(NotificationType.SUCCESS, `Profile image updated successfully: ${event}`);
-          this.refreshing = false;
-          this.getUsers(false);
+          this.reportUploadProgress(event);
         },
         (errorResponse: HttpErrorResponse) => {
           this.sendErrorNotification(errorResponse.error.message);
           this.refreshing = false;
+        },
+        () => {
+          this.notificationService.notify(NotificationType.SUCCESS, `Profile image updated successfully: ${event}`);
+          this.refreshing = false;
+          this.getUsers(false);
         }
       );
     this.subscriptions.push(subscription);
   }
+
+  private reportUploadProgress(event: HttpEvent<any>): void {
+
+  }
 }

support-portal-frontend/src/app/model/file-upload.status.spec.ts

@@ -0,0 +1,7 @@
+import { FileUpload.Status } from './file-upload.status';
+
+describe('FileUpload.Status', () => {
+  it('should create an instance', () => {
+    expect(new FileUpload.Status()).toBeTruthy();
+  });
+});

support-portal-frontend/src/app/model/file-upload.status.ts

@@ -0,0 +1,6 @@
+export class FileUploadStatus {
+
+  public status: string = '';
+  public percentage: number = 0;
+
+}