commit 77ebde8e73fa4f1cdeeeff2c5d3f044b900bf329
author Sandeep J <sandeejh@in.ibm.com> Fri Jul 20 15:56:31 2018 +0530
committer Takamune Cho <tc012c@att.com> Tue Jul 31 20:07:29 2018 +0000
tree 7c8f5f5c9adfe9ae4234827ab076ea0d0a251ccb
parent 2066d644125287c4b9f2128376e59ce15ab8a194

added progress spinner for spreadsheet upload

added progress spinner for spreadsheet upload in test.component,ts

Issue-ID: APPC-1102
Change-Id: I9d030da990eae2e8efe5ae82cd1afd3c675aa286
Signed-off-by: Sandeep J <sandeejh@in.ibm.com>

src/app/test/test.component.ts

diff --git a/src/app/test/test.component.ts b/src/app/test/test.component.ts
index 7560e7b..52b5d8a 100644
--- a/src/app/test/test.component.ts
+++ b/src/app/test/test.component.ts
@@ -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.
@@ -20,7 +21,7 @@
 */
 
 import { Component, OnInit } from '@angular/core';
-
+import { NgxSpinnerService } from 'ngx-spinner';
 import { saveAs } from 'file-saver';
 import { Location } from '@angular/common';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -90,7 +91,7 @@
     public outputTimeStamp;
     public status;
     public statusReason;
-    public errorResponse;
+    public errorResponse; 
     public timer;
     public subscribe;
     public enableTestButton: boolean = false;
@@ -101,8 +102,19 @@
     public enableCounterDiv: boolean = false;
     public enableDownload: boolean = false;
     private userId = localStorage['userId'];
-    constructor (private location: Location, private activeRoutes: ActivatedRoute, private notificationService: NotificationService, private nService: NotificationsService, private router: Router, private paramShareService: ParamShareService, private mappingEditorService: MappingEditorService, private httpUtil: HttpUtilService,
-        private utiltiy: UtilityService, private ngProgress: NgProgress) {
+    constructor (
+    private location: Location, 
+    private activeRoutes: ActivatedRoute, 
+    private notificationService: NotificationService, 
+    private nService: NotificationsService, 
+    private router: Router, 
+    private paramShareService: ParamShareService, 
+    private mappingEditorService: MappingEditorService, 
+    private httpUtil: HttpUtilService,
+    private utiltiy: UtilityService, 
+    private ngProgress: NgProgress,
+    private spinner: NgxSpinnerService
+    ) {
 
     }
 
@@ -168,6 +180,7 @@
             throw new Error('Cannot upload multiple files on the entry');
         }
         if (fileExtension.toUpperCase() === 'XLS' || fileExtension.toUpperCase() === 'XLSX') {
+            this.spinner.show();
             const reader = new FileReader();
             reader.onload = (e: any) => {
                 /* read workbook */
@@ -210,7 +223,10 @@
             };
 
             reader.readAsBinaryString(target.files[0]);
-
+            setTimeout(() => {
+                        /** spinner ends after 2.5 seconds */
+                        this.spinner.hide();
+          }, 2500);
 
         }
         else {