src/lib/inbox-layout/data-items-list/data-item/data-item.component.ts
The subcategory of the data item list. Here a single pair of data is considered. When selecting an element, various actions are possible, e.g. displaying further information.
Example :<talenra-data-item
[dataItem]="item"
[furtherActionsMenu]="furtherActionsMenu"
(dataItemsInteractions)="onDataItemsInteractions($event)"
(clickedDataItem)="onSelectClick(item)"
(shiftDataItem)="onShiftDataItemClick(item)"
></talenra-data-item>
| selector | talenra-data-item |
| imports |
IconComponent
TooltipDirective
CopyContentDirective
ReactiveFormsModule
CheckboxComponent
ButtonComponent
MenuAnchorDirective
TalenraInboxTranslatePipe
ClickOutsideDirective
InfotipAnchorDirective
InfotipLayoutComponent
|
| styleUrls | ./data-item.component.scss |
| templateUrl | ./data-item.component.html |
Properties |
Methods |
Inputs |
Outputs |
| checkboxValueChange |
Type : boolean
|
Default value : false
|
|
Input attribute for the checkbox value. |
| dataItem |
Type : any
|
| Required : true |
|
Input attribute for the data item which is displayed in the UI. |
| disableButtons |
Type : boolean
|
Default value : false
|
|
Input attribute to disable the icon buttons. |
| lockedDataItem |
Type : IDataItemId | undefined
|
Default value : undefined
|
|
Input attribute containing the locked data item info if the item is locked. Contains identifier, value, errorTitle, and errorDescription properties. |
| pairingAttributes |
Type : IPairingAttributes[]
|
Default value : []
|
|
Input for pairing attributes |
| selectedDataItem |
Type : any
|
Default value : undefined
|
|
Input for the selected data item. |
| selectedMainAttributes |
Type : string[]
|
Default value : []
|
|
Identifier for the selected main attributes |
| checkBoxInteraction |
Type : { checkedValue: boolean; dataItem: any }
|
|
EventEmitter to send checkbox interactions. |
| clickedDataItem |
Type : any
|
|
Transfer the clicked data item from the data items list item to the data item sidebar information. |
| dataItemsInteractions |
Type : IInteractedDataItems
|
|
EventEmitter to send data items interactions. |
| shiftDataItem |
Type : any
|
|
Transfer the clicked data item from the data items list item to the data item sidebar information. |
| interactionActionMenuSubscription | ||||||||
interactionActionMenuSubscription(value: boolean)
|
||||||||
|
The subscription, which handles the action menu interaction (open/close).
Parameters :
Returns :
void
|
| onActionsMenuClosed |
onActionsMenuClosed()
|
|
Handles the closing of the action menu. Sets the value for the public api.
Returns :
void
|
| Public onCheckboxClick | ||||||||
onCheckboxClick(event: MouseEvent)
|
||||||||
|
After the checkbox is clicked, mouseEvent is propagated to stop further propagation on the whole item click.
Parameters :
Returns :
void
|
| onCheckedChange | ||||||
onCheckedChange(event: CheckboxChange)
|
||||||
|
Handles the changes of the checkbox.
Parameters :
Returns :
void
|
| Public onDataItemListItemTransferClick |
onDataItemListItemTransferClick()
|
|
To transfer data item list to data item sidebar information.
Returns :
void
|
| Public onGetActionsClick | ||||||||||||
onGetActionsClick(mouseEvent?: MouseEvent, source?: string)
|
||||||||||||
|
After the icon is clicked, action possibilities will be shown. IconBtnFunction in inbox component handles the process.
Parameters :
Returns :
void
|
| onMenuOpen |
onMenuOpen()
|
|
Focus the first focusable element in the menu when it is opened.
Returns :
void
|
| Public onOutsideCLick |
onOutsideCLick()
|
|
Handles the click outside the component.
Returns :
void
|
| Public onStartProcessClick | ||||||||
onStartProcessClick(event: MouseEvent)
|
||||||||
|
After the icon is clicked, the new process step (open new page, etc.) will start. IconBtnFunction in inbox component handles the process.
Parameters :
Returns :
void
|
| changedMainAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
The changed main attributes. Changed to incorporate the pairing of attributes. |
| checkedForm |
Type : FormGroup
|
Default value : new FormGroup({
check: new FormControl({ value: false, disabled: false }),
})
|
|
Formgroup for the checkbox. |
| dataItemsClass |
Type : unknown
|
Default value : new DataItemsClass()
|
|
Class to interact with data-item |
| dataItemsService |
Type : unknown
|
Default value : inject(DataItemsService)
|
|
The data items service. |
| firstChangedMainAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
The changed main attributes. The first half of the changed main attributes. |
| inboxState |
Type : unknown
|
Default value : inject(InboxState)
|
|
The inbox service. |
| inboxToolbarService |
Type : unknown
|
Default value : inject(InboxToolbarService)
|
|
The inbox toolbar service. |
| Public isLocked |
Type : unknown
|
Default value : computed(() => this.lockedDataItem() !== undefined)
|
|
Computed signal that indicates whether the data item is locked. |
| numberShownAttributes |
Type : number
|
Default value : 0
|
|
The number of displayed attributes. |
| secondChangedMainAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
The changed main attributes. The second half of the changed main attributes. |