qwc/projects/qwc/src/lib/components/qwc-app-shell/qwc-appshell.component.ts
Render qwc-appshell component.
| selector | qwc-appshell |
| templateUrl | ./qwc-appshell.component.html |
Properties |
Methods |
Inputs |
Outputs |
HostListeners |
constructor(appshellService: AppshellService, cdRef: ChangeDetectorRef)
|
|||||||||
|
Parameters :
|
| config |
Type : AppShellConfig
|
| isLoading |
Default value : false
|
| sidebarConfig |
Default value : "collapsed"
|
| sideNavBreakpoint |
Default value : 675
|
| sidebarStateChange |
Type : EventEmitter
|
|
Emits when user open of closes appshell side bar. Event data is current expansion state of sidebar "collapsed" | "expanded". |
| window:resize |
window:resize()
|
| expandNavigationMenu |
expandNavigationMenu()
|
|
Expand navigation menu
Returns :
void
void |
| navigationContainerClick | ||||||
navigationContainerClick(event)
|
||||||
|
Navigation container click
Parameters :
Returns :
void
void |
| ngOnChanges |
ngOnChanges()
|
|
Returns :
void
|
| ngOnDestroy |
ngOnDestroy()
|
|
Ng on destroy lifecyle hook
Returns :
void
void |
| toggleNavigationMenu | ||||||
toggleNavigationMenu(event?: any)
|
||||||
|
Toggles navigation menu. Calls open/close upon sidenav instance if called from mobile view.
Parameters :
Returns :
void
void |
| updateSidenavType |
updateSidenavType()
|
|
Based on screen size updating the sidebarMenuType , it can either be fixed/overlay.
Returns :
void
void |
| showSidebar |
Default value : false
|
| sidebarMenuType |
Type : string
|
Default value : "fixed"
|
| sidebarState |
Type : string
|
Default value : "collapsed"
|
| sideNav |
Type : ElementRef
|
Decorators :
@ViewChild('sideNav')
|
| toggleMenuIcon |
Type : ElementRef
|
Decorators :
@ViewChild('toggleMenuIcon')
|