1 files changed, 13 insertions, 2 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.ts
index 12617548..f1c6a269 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.ts
@@ -38,6 +38,8 @@
 import { Component, OnInit } from '@angular/core';
 import { MatDialog, MatDialogConfig} from '@angular/material';
 import { CookieService } from 'ngx-cookie-service';
+import {RouteConfigLoadEnd, RouteConfigLoadStart, Router} from '@angular/router';
+
 @Component({
     selector: 'app-layout',
     templateUrl: './layout.component.html',
@@ -47,13 +49,22 @@ export class LayoutComponent implements OnInit {
 
     collapedSideBar: boolean;
     showHeader:boolean = true;
+    loadingRouteConfig = false;
 
-    constructor(private dialog:MatDialog,public cookieService: CookieService) {}
+    constructor(private dialog:MatDialog,public cookieService: CookieService, private router: Router) {}
 
     ngOnInit() {
         if(this.cookieService.get('show_app_header') == 'false'){
             this.showHeader = false;
-        } 
+        }
+        
+        this.router.events.subscribe(event => {
+            if (event instanceof RouteConfigLoadStart) {
+                this.loadingRouteConfig = true;
+            } else if (event instanceof RouteConfigLoadEnd) {
+                this.loadingRouteConfig = false;
+            }
+        });
     }
 
     receiveCollapsed($event) {