Merge pull request #64 from nmaas-platform/47-show-progress-bar-or-spinner-on-bulk-user-deployments

47 show progress bar or spinner on bulk user deployments

src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.html

@@ -3,5 +3,10 @@
         <h3>{{'NAVBAR.BULK_DEPLOYMENT_DOMAIN' | translate}}</h3>
         <p>{{'BULK.DOMAIN.INFO' | translate}}</p>
     </div>
-    <p-fileUpload name="file[]" customUpload="true" (uploadHandler)="myUploader($event)" accept=".csv" multiple="false"></p-fileUpload>
+    <p-fileUpload name="file[]" customUpload="true" (uploadHandler)="myUploader($event)" accept=".csv"
+                  multiple="false"></p-fileUpload>
+    <div *ngIf="showProgressBar" style="margin-top: 20px;">
+        <p>{{ 'BULK.DOMAIN.DEPLOYMENT_IN_PROGRESS' | translate }}</p>
+        <p-progressBar mode="indeterminate" [style]="{height : '8px'}"></p-progressBar>
+    </div>
 </div>

src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.ts

@@ -10,6 +10,8 @@ import {BulkType} from '../../../../model/bulk-replay';
 })
 export class DomainuploadComponent implements OnInit {
 
+  public showProgressBar = false;
+
   constructor(private readonly deployService: AppdeploymentService,
               private router: Router) { }
 
@@ -19,6 +21,7 @@ export class DomainuploadComponent implements OnInit {
   myUploader(event: any) {
     console.log(event.files[0])
     // TODO add some in progress bar when waiting for information
+    this.showProgressBar = true;
     this.deployService.uploadUserDomainFile(event.files[0]).subscribe( val => {
       console.warn("done")
       this.deployService.bulk = val;