===================================================================
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.
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="">
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');
private httpUtil: HttpUtilService,
private utilService: UtilityService,
private nService: NotificationsService,
- private ngProgress: NgProgress) {
+ private ngProgress: NgProgress,
+ private spinner: NgxSpinnerService) {
}
ngOnInit() {
//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) => {
this.displayParamObjects = this.parameterDefinitionService.processPDfile(this.myPdFileName, result);
}
});
-
+ setTimeout(() => {
+ /** spinner ends after 3.5 seconds */
+ this.spinner.hide();
+ }, 3500);
}
}