| import { Component, Input, HostBinding } from '@angular/core'; | = | import { Component, Input, HostBinding } from '@angular/core'; |
| import { AppService } from '../../app.service'; | import { AppService } from '../../app.service'; | |
| import { LayoutService } from '../../layout/layout.service'; | import { LayoutService } from '../../layout/layout.service'; | |
| @Component({ | @Component({ | |
| selector: 'app-layout-navbar', | selector: 'app-layout-navbar', | |
| templateUrl: './layout-navbar.component.html', | templateUrl: './layout-navbar.component.html', | |
| styles: [':host { display: block; }'] | styles: [':host { display: block; }'] | |
| }) | }) | |
| export class LayoutNavbarComponent { | export class LayoutNavbarComponent { | |
| isExpanded = false; | isExpanded = false; | |
| isRTL: boolean; | isRTL: boolean; | |
| @Input() sidenavToggle = true; | @Input() sidenavToggle = true; | |
| @HostBinding('class.layout-navbar') private hostClassMain = true; | <> | @HostBinding('class.layout-navbar') hostClassMain = true; |
| = | ||
| constructor(private appService: AppService, private layoutService: LayoutService) { | constructor(private appService: AppService, private layoutService: LayoutService) { | |
| this.isRTL = appService.isRTL; | this.isRTL = appService.isRTL; | |
| } | } | |
| currentBg() { | currentBg() { | |
| return `bg-${this.appService.layoutNavbarBg}`; | return `bg-${this.appService.layoutNavbarBg}`; | |
| } | } | |
| toggleSidenav() { | toggleSidenav() { | |
| this.layoutService.toggleCollapsed(); | this.layoutService.toggleCollapsed(); | |
| } | } | |
| } | } |