File

qwc/projects/qwc/src/lib/components/qwc-app-shell/qwc-appshell.component.ts

Description

Render qwc-appshell component.

Implements

OnChanges OnDestroy

Metadata

selector qwc-appshell
templateUrl ./qwc-appshell.component.html

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor(appshellService: AppshellService, cdRef: ChangeDetectorRef, renderer: Renderer)
Parameters :
Name Type Optional
appshellService AppshellService No
cdRef ChangeDetectorRef No
renderer Renderer No

Inputs

isLoading
Default value : false
sidebarConfig
Default value : "collapsed"

Outputs

sidebarStateChange
Type : EventEmitter

Emits when user open of closes appshell side bar. Event data is current expansion state of sidebar "collapsed" | "expanded".

Methods

expandNavigationMenu
expandNavigationMenu()

Expand navigation menu

Returns : void

void

navigationContainerClick
navigationContainerClick(event)

Navigation container click

Parameters :
Name Optional Description
event No

Event

Returns : void

void

ngOnChanges
ngOnChanges()
Returns : void
ngOnDestroy
ngOnDestroy()

Ng on destroy lifecyle hook

Returns : void

void

toggleNavigationMenu
toggleNavigationMenu()

Toggles navigation menu. Calls open/close upon sidenav instance if called from mobile view.

Returns : void

void

updateSidenavType
updateSidenavType(ev)

Based on screen size updating the sidebarMenuType , it can either be fixed/overlay.

Parameters :
Name Optional
ev No
Returns : void

void

Properties

Readonly SCREEN_MEDIUM_SIZE
Type : number
Default value : 992
Readonly SCREEN_SMALL_SIZE
Type : number
Default value : 675
showSidebar
Default value : false
sidebarMenuType
Type : string
Default value : "fixed"
sidebarState
Type : string
Default value : "collapsed"

result-matching ""

    No results matching ""