diff --git a/src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.html b/src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.html index 02ac8882166ae879d0136b56236a48525653cd32..36a19ae14aad7e6474d39f9949e081c15ef979fb 100644 --- a/src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.html +++ b/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> diff --git a/src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.ts b/src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.ts index 67a831c760d8e7551a699824e4a2384bed9848bf..18a3a28cb5e050013accfbd48f93247ee3ef46ff 100644 --- a/src/app/appmarket/bulkDeployment/domainDeployment/domainupload/domainupload.component.ts +++ b/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;