Sidebar: Toggle active item if sidebar items have been changed.

dashboard/sharedComponents/sidebar/sideBar.component.ts

@@ -32,6 +32,7 @@ export class SideBarComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
   @ViewChild("sidebar_offcanvas") sidebar_offcanvas: ElementRef;
   public properties = properties;
   private subscriptions: any[] = [];
+  private init: boolean = false;
   
   constructor(private route: ActivatedRoute, private router: Router,
               private sanitizer: DomSanitizer, private layoutService: LayoutService,
@@ -48,18 +49,15 @@ export class SideBarComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
   }
 
   ngAfterViewInit() {
-    if(this.nav && typeof UIkit !== "undefined") {
-      setTimeout(() => {
-        if(this.items[this.activeIndex]?.items?.length > 0) {
-          UIkit.nav(this.nav.nativeElement).toggle(this.activeIndex, true);
-        }
-      });
-    }
+    this.toggle(true);
   }
 
   ngOnChanges(changes: SimpleChanges) {
     if(changes.activeItem || changes.activeSubItem || changes.items) {
       this.setActiveMenuItem();
+      if(this.init && changes.items) {
+        this.toggle();
+      }
     }
   }
 
@@ -72,6 +70,17 @@ export class SideBarComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
     });
   }
   
+  toggle(init: boolean = false) {
+    this.init = this.init || init;
+    if(this.nav && typeof UIkit !== "undefined") {
+      setTimeout(() => {
+        if(this.items[this.activeIndex]?.items?.length > 0) {
+          UIkit.nav(this.nav.nativeElement).toggle(this.activeIndex, true);
+        }
+      });
+    }
+  }
+  
   get isBrowser() {
     return this.platformId === 'browser';
   }
@@ -143,10 +152,6 @@ export class SideBarComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
     }
   }
   
-  isTheActiveUrl(menuItemURL): boolean {
-    return (menuItemURL == this.router.url.split('?')[0])
-  }
-  
   public get open() {
     return this.layoutService.open;
   }

dashboard/users/role-users/role-users.component.ts

@@ -77,7 +77,6 @@ export class RoleUsersComponent implements OnInit, OnDestroy, OnChanges {
     this.updateLists();
     this.userManagementService.getUserInfo().subscribe(user => {
       this.user = user;
-      console.log(this.canDelete)
     });
   }