src/lib/inbox-layout/inbox-layout.component.ts
Parent component of data items list and inbox detail view for better structure and handling.
Example :<talenra-inbox-layout
[detailViewInformationTabBarItems]="dataItemInformationTabBarItems"
[usePagination]="usePagination">
<talenra-data-items-list>
<div further-actions-menu>...</div>
</talenra-data-items-list>
</talenra-inbox-layout>| selector | talenra-inbox-layout |
| imports |
AsyncPipe
InboxDetailViewComponent
AngularDraggableModule
NgStyle
|
| styleUrls | ./inbox-layout.component.scss |
| templateUrl | ./inbox-layout.component.html |
Properties |
|
Methods |
|
Inputs |
| detailViewInformationTabBarItems |
Type : IInboxTabBarItem[]
|
| Required : true |
|
List of all data item information tab bar items |
| usePagination |
Default value : false, { transform: booleanAttribute }
|
|
If true, the pagination feature is enabled. Example : |
| Public setResizing | ||||||||
setResizing(isResizing: boolean)
|
||||||||
|
Setter for the controls.
Parameters :
Returns :
void
|
| dataItemsService |
Type : unknown
|
Default value : inject(DataItemsService)
|
|
The data items service. |
| Public defaultPanelWidth |
Type : object
|
Default value : {
left: `0px`,
}
|
|
Vertical default width of sidePanel. |
| detailViewWidth |
Type : number
|
Default value : 360
|
|
Vertical width of sidePanel, when opened. |
| inboxDetailViewService |
Type : unknown
|
Default value : inject(InboxDetailViewService)
|
|
Injected inbox detail view service. |
| inboxState |
Type : unknown
|
Default value : inject(InboxState)
|
|
The state of the inbox. |
| Readonly isResizing$ |
Type : unknown
|
Default value : new BehaviorSubject(false)
|
|
Controls the time frame in which resizing is used. |
| keyboardService |
Type : unknown
|
Default value : inject(KeyboardService)
|
|
The keyboard service. |
| Public panelWidth |
Type : object
|
Default value : {
width: `0px`,
}
|
|
Vertical width of sidePanel, when closed. |