fix removing model from list after upload all

src/app/application/vm-list/vm-list.component.ts

@@ -42,15 +42,15 @@ export class VmListComponent implements OnInit {
           this.locationList = locationResponse;
           this.applicationService.getVmNodeList().subscribe(vmNodesResponse => {
               this.vms = vmNodesResponse;
-          this.loadingVmListInProgress = false;
-          this.updateTableData();
-          console.log('Successfully getting VM list');
+              this.loadingVmListInProgress = false;
+              this.updateTableData();
+              console.log('Successfully getting VM list');
             },
             error1 => {
-          this.vms = [];
-          this.loadingVmListInProgress = false;
-          this.updateTableData();
-          this.snackBar.open(`Problem by getting VMs list: ${error1.error.message}`, 'Close');
+              this.vms = [];
+              this.loadingVmListInProgress = false;
+              this.updateTableData();
+              this.snackBar.open(`Problem by getting VMs list: ${error1.error.message}`, 'Close');
         });
         },
         error1 => {

src/app/file-uploader/files-queue/files-queue.component.html

 <ng-content></ng-content>
 
-<button mat-raised-button color="primary" *ngIf="files.length > 0" (click)="uploadAll()">Upload</button>
-<button mat-raised-button color="primary" *ngIf="files.length > 0" (click)="removeAll()">Remove All</button>
+<button mat-raised-button color="primary" *ngIf="files.length > 0" (click)="uploadAll()" [disabled]="">Upload</button>
+<button mat-raised-button color="primary" *ngIf="files.length > 0" (click)="removeAll()" [disabled]="">Remove All
+</button>

src/app/file-uploader/files-queue/files-queue.component.ts

@@ -26,6 +26,7 @@ export class FilesQueueComponent implements OnDestroy, AfterViewInit {
   }
 
   files: Array<any> = [];
+  uploadingInProgress = false;
 
   @Input()
   fileExtension = 'xmi';
@@ -69,14 +70,17 @@ export class FilesQueueComponent implements OnDestroy, AfterViewInit {
 
   public uploadAll() {
     this.fileUploads.forEach(item => item.setUploadingInProgress());
+    this.uploadingInProgress = true;
     this.deploymentService.uploadMultipleModels(this.fileUploads).subscribe(value => {
         let successfullyUploadedFilesNames = '';
         console.log('Files uploaded successfully');
+        this.uploadingInProgress = false;
+        const numberOfModels = this.fileUploads.length;
         this.fileUploads.forEach(item => {
           item.setUploadingAsFinished();
-          console.log(`Removing file from list: ${item.file.name}`);
-          item.remove();
-          item.removeEvent.emit(item);
+          for (let i = 0; i < numberOfModels; i++) {
+            item.remove();
+          }
         });
         let uploadXmiResponseWithSecureVariable: UploadXmiResponse;
         value.forEach(uploadedXmiFileResponse => {
@@ -104,6 +108,7 @@ export class FilesQueueComponent implements OnDestroy, AfterViewInit {
         }
       },
       error1 => {
+        this.uploadingInProgress = false;
         this.fileUploads.first.setUploadingAsFinished();
         this.snackBar.open('Error by uploading files list', 'Close');
       });