Handled error on upload file

src/app/shared/uploader/uploader.component.ts

@@ -58,6 +58,11 @@ export class UploaderComponent {
    */
   @Output() onCompleteItem: EventEmitter<any> = new EventEmitter<any>();
 
+  /**
+   * The function to call on error occurred
+   */
+  @Output() onUploadError: EventEmitter<any> = new EventEmitter<any>();
+
   public uploader: FileUploader;
   public uploaderId: string;
   public isOverBaseDropZone = Observable.of(false);
@@ -125,6 +130,10 @@ export class UploaderComponent {
         this.onCompleteItem.emit(responsePath);
       }
     };
+    this.uploader.onErrorItem = (item: any, response: any, status: any, headers: any) => {
+      this.onUploadError.emit(null);
+      this.uploader.cancelAll();
+    };
     this.uploader.onProgressAll = () => this.onProgress();
     this.uploader.onProgressItem = () => this.onProgress();
   }

src/app/submission/form/submission-upload-files/submission-upload-files.component.html

@@ -4,4 +4,5 @@
              [enableDragOverDocument]="enableDragOverDocument"
              [onBeforeUpload]="onBeforeUpload"
              [uploadFilesOptions]="uploadFilesOptions"
-             (onCompleteItem)="onCompleteItem($event)"></ds-uploader>
+             (onCompleteItem)="onCompleteItem($event)"
+             (onUploadError)="onUploadError($event)"></ds-uploader>

src/app/submission/form/submission-upload-files/submission-upload-files.component.ts

@@ -85,6 +85,10 @@ export class SubmissionUploadFilesComponent implements OnChanges {
     );
   }
 
+  public onUploadError() {
+    this.notificationsService.error(null, this.translate.get('submission.sections.upload.upload-failed'));
+  }
+
   /**
    * Method provided by Angular. Invoked when the instance is destroyed.
    */