aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSandeep J <sandeejh@in.ibm.com>2018-07-19 16:41:13 +0530
committerPatrick Brady <pb071s@att.com>2018-07-19 22:07:44 +0000
commitd2917a8d2ed21a7ae27c8d235fb02e3e615b6d56 (patch)
tree1e1bde6041cb430fac28aaaa49a5cc7e476276bc
parent028a10b734f44d4aff1ddad3f32e0c787c284e17 (diff)
added progress spinner in PD to show file upload
added progress spinner in PD to show file upload progress Issue-ID: APPC-1070 Change-Id: I28d237a3a69f68a9e9dbc6433c95dc53c4fbffbf Signed-off-by: Sandeep J <sandeejh@in.ibm.com>
-rw-r--r--src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.html9
-rw-r--r--src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.ts10
2 files changed, 15 insertions, 4 deletions
diff --git a/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.html b/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.html
index 74c503a..bfe281b 100644
--- a/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.html
+++ b/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.html
@@ -3,7 +3,8 @@
===================================================================
Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
===================================================================
-
+Copyright (C) 2018 IBM.
+===================================================================
Unless otherwise specified, all software contained herein is licensed
under the Apache License, Version 2.0 (the License);
you may not use this software except in compliance with the License.
@@ -19,10 +20,14 @@ limitations under the License.
ECOMP is a trademark and service mark of AT&T Intellectual Property.
============LICENSE_END============================================
-*/
-->
<simple-notifications [options]="options"></simple-notifications>
+<ngx-spinner bdColor="rgba(51,51,51,0.8)"
+ size="large"
+ color="orange"
+ loadingText="Uploading PD file..."
+ type="ball-scale-multiple"></ngx-spinner>
<ng-progress [positionUsing]="'marginLeft'" [minimum]="0.15" [maximum]="1" [speed]="200" [showSpinner]="false" [direction]="'leftToRightIncreased'" [color]="'#6ab344'" [trickleSpeed]="250" [thick]="true" [ease]="'linear'"></ng-progress>
<div class="card" style=" margin-bottom: 23px;">
<img class="card-img-top" data-src="holder.js/100%x180/" alt="">
diff --git a/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.ts b/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.ts
index 8725c3c..6c8be91 100644
--- a/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.ts
+++ b/src/app/vnfs/build-artifacts/parameter-definitions/parameter.component.ts
@@ -34,6 +34,7 @@ import { NotificationsService } from 'angular2-notifications';
import { ParameterDefinitionService } from './parameter-definition.service';
import 'rxjs/add/operator/map';
import { NgProgress } from 'ngx-progressbar';
+import { NgxSpinnerService } from 'ngx-spinner';
let YAML = require('yamljs');
@@ -197,7 +198,8 @@ export class ParameterComponent implements OnInit {
private httpUtil: HttpUtilService,
private utilService: UtilityService,
private nService: NotificationsService,
- private ngProgress: NgProgress) {
+ private ngProgress: NgProgress,
+ private spinner: NgxSpinnerService) {
}
ngOnInit() {
@@ -349,6 +351,7 @@ export class ParameterComponent implements OnInit {
//This is called when the user selects new files from the upload button
public fileChange(input, uploadType) {
if (input.files && input.files[0]) {
+ this.spinner.show();
// Create the file reader
let reader = new FileReader();
this.readFile(input.files[0], reader, (result) => {
@@ -357,7 +360,10 @@ export class ParameterComponent implements OnInit {
this.displayParamObjects = this.parameterDefinitionService.processPDfile(this.myPdFileName, result);
}
});
-
+ setTimeout(() => {
+ /** spinner ends after 3.5 seconds */
+ this.spinner.hide();
+ }, 3500);
}
}