Collapse sidebar #112

Uplace · Mar 7, 2018 · 6dfc919 · 6dfc919
1 parent 2d13e62
commit 6dfc919
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/main/webapp/app/layouts/admin-navbar/admin-navbar.component.html b/src/main/webapp/app/layouts/admin-navbar/admin-navbar.component.html
@@ -1,6 +1,6 @@
 <div class="admin-header">
     <div class="container-fluid">
-        <div class="admin-header-sidebar-toggle toggle">
+        <div class="admin-header-sidebar-toggle toggle" (click)="toggleSidebar()">
             <span></span>
             <span></span>
             <span></span>

diff --git a/src/main/webapp/app/layouts/admin-navbar/admin-navbar.component.ts b/src/main/webapp/app/layouts/admin-navbar/admin-navbar.component.ts
@@ -17,6 +17,7 @@ export class AdminNavbarComponent implements OnInit {
     swaggerEnabled: boolean;
     modalRef: NgbModalRef;
     version: string;
+    isSidebarCollapsed: boolean;
 
     constructor(
         private loginService: LoginService,
@@ -29,6 +30,7 @@ export class AdminNavbarComponent implements OnInit {
         private renderer: Renderer2
     ) {
         this.version = VERSION ? 'v' + VERSION : '';
+        this.isSidebarCollapsed = false;
     }
 
     ngOnInit() {
@@ -42,6 +44,15 @@ export class AdminNavbarComponent implements OnInit {
         });
     }
 
+    toggleSidebar(){
+        if (!this.isSidebarCollapsed) {
+            this.renderer.addClass(document.body, 'admin-sidebar-minimal');
+        } else {
+            this.renderer.removeClass(document.body, 'admin-sidebar-minimal');
+        }
+        this.isSidebarCollapsed = !this.isSidebarCollapsed;
+    }
+
     changeLanguage(languageKey: string) {
         this.languageService.changeLanguage(languageKey);
     }