X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=webapp%2Fsrc%2Fapp%2Fpages%2Fsdks%2Fsdk-management%2Fsdk-install.component.ts;h=1957c8b17966dae5e2ee1565ca6deeaaefd63b59;hb=594fbccc2f2b649fb3daf207462edf192b4fba4c;hp=e2e334a543197b93f42b59a1abbf0cb0c58d7218;hpb=a2cc38902ff7528870822110c4f04329a3918564;p=src%2Fxds%2Fxds-agent.git

diff --git a/webapp/src/app/pages/sdks/sdk-management/sdk-install.component.ts b/webapp/src/app/pages/sdks/sdk-management/sdk-install.component.ts
index e2e334a..1957c8b 100644
--- a/webapp/src/app/pages/sdks/sdk-management/sdk-install.component.ts
+++ b/webapp/src/app/pages/sdks/sdk-management/sdk-install.component.ts
@@ -23,6 +23,8 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService } from '../../../@core-xds/services/alert.service';
 import { SdkService, ISdk } from '../../../@core-xds/services/sdk.service';
 
+import 'rxjs/add/operator/bufferTime';
+
 @Component({
   selector: 'xds-sdk-install-modal',
   template: `
@@ -84,32 +86,40 @@ export class SdkInstallComponent implements OnInit {
   ngOnInit() {
     this.instStatus = 'in progress...';
 
-    this.onInstallSub = this.sdkSvr.onInstall().subscribe(ev => {
-      if (ev.exited) {
-        this.btnName = 'OK';
-        this.instStatus = '<font color="green"> Done. </font>';
+    this.onInstallSub = this.sdkSvr.onInstall()
+      .bufferTime(500)  // prevent browser freeze
+      .subscribe(evts => {
+        let out = '';
+        evts.forEach(ev => {
+          if (ev.exited) {
+            this.btnName = 'OK';
+            this.instStatus = '<font color="green"> Done. </font>';
+
+            if (ev.code === 0) {
+              this.alert.info('SDK ' + ev.sdk.name + ' successfully installed.');
 
-        if (ev.code === 0) {
-          this.alert.info('SDK ' + ev.sdk.name + ' successfully installed.');
+            } else {
+              if (ev.sdk.lastError !== '') {
+                this.alert.error(ev.sdk.lastError);
+              } else {
+                this.alert.error('SDK ' + ev.sdk.name + ' installation failed. ' + ev.error);
+              }
+            }
 
-        } else {
-          if (ev.sdk.lastError !== '') {
-            this.alert.error(ev.sdk.lastError);
           } else {
-            this.alert.error('SDK ' + ev.sdk.name + ' installation failed. ' + ev.error);
+            if (ev.stdout !== '') {
+              out += ev.stdout;
+            }
+            if (ev.stderr !== '') {
+              out += ev.stderr;
+            }
           }
+        });
+        if (out !== '') {
+          this.installOutput += out;
+          this._scrollToBottom();
         }
-
-      } else {
-        if (ev.stdout !== '') {
-          this.installOutput += ev.stdout;
-        }
-        if (ev.stderr !== '') {
-          this.installOutput += ev.stderr;
-        }
-        this._scrollToBottom();
-      }
-    });
+      });
   }
 
   onBtnClick(): void {