src/lib/attributes-settings/attributes-settings.component.ts
Attributes settings are responsible for providing content to the selected attributes within the data items list and data item information.
Example :<talenra-attributes-settings
[attributesSettingsList]="attributesSettingsList"
[maxAttributesShown]="maxAttributesShown"
[selectedMainAttributes]="selectedMainAttributes"
[selectedDetailAttributes]="selectedDetailAttributes"
[isExpanded]="isExpanded"
(isExpandedChange)="expandedChangeHandler($event)"
(selectedMainAttributesEmitter)="selectedMainAttributesEmitterHandler($event)"
(selectedDetailAttributesEmitter)="selectedDetailAttributesEmitterHandler($event)"
(selectedAllAttributesEmitter)="selectedAllAttributesEmitterHandler($event)"
></talenra-attributes-settings>
| selector | talenra-attributes-settings |
| imports |
ReactiveFormsModule
CheckboxComponent
TooltipDirective
ToggleComponent
FormsModule
ButtonComponent
ScrollContainerComponent
AttributesListComponent
SearchFieldComponent
CdkDropListGroup
SearchInputComponent
TalenraInboxTranslatePipe
|
| styleUrls | ./attributes-settings.component.scss |
| templateUrl | ./attributes-settings.component.html |
Properties |
Methods |
Inputs |
Outputs |
| attributesSettingsList |
Type : IAttributeItem[]
|
|
The used attributes are listed to display them later in the attributes settings UI. |
| isExpanded |
Type : boolean
|
Default value : false
|
|
The boolean value is used to expand the attributes settings UI. |
| lockedAttributes |
Type : ILockedAttribute[]
|
Default value : []
|
|
List of attributes key which are used to lock the attributes in the attribute settings. Gets updated by the used attributes in the filter toolbar. |
| maxAttributesShown |
Type : number
|
Default value : 12
|
|
The maximum Attributes, which are to be shown in the data-item-list-items. Further they are divided in the ui. Marks the border for which values are saved to attributes and attributes-detail in attributes-settings-service. Default value is 12, like chosen in the requirements. |
| numberMainAttributesChosenByUser |
Type : number
|
Default value : 12
|
|
The maximum Attributes, which are to be shown in the data-item-list-items mutated by the user. |
| selectedDetailAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
Sets the selected detail attributes. |
| selectedMainAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
Sets the selected main attributes. |
| numberMainAttributesChosenByUserEmitter |
Type : EventEmitter
|
|
The number value that is chosen by the user to show the main attributes. |
| selectedAllAttributesEmitter |
Type : EventEmitter
|
|
Emits the all selected attributes. |
| selectedDetailAttributesEmitter |
Type : EventEmitter
|
|
Emits the detail selected attributes. |
| selectedMainAttributesEmitter |
Type : EventEmitter
|
|
Emits the main selected attributes. |
| allAttributesSettingsCheckedChange | ||||||||
allAttributesSettingsCheckedChange(value: boolean)
|
||||||||
|
Method to set the checkbox value of all attributes checkbox.
Parameters :
Returns :
void
|
| changeShowAttributeLabelsDataItemsList | ||||||||
changeShowAttributeLabelsDataItemsList($event: boolean)
|
||||||||
|
Method to set the toggle to show or not show labels in data items.
Parameters :
Returns :
void
|
| Public handleMarkedAttribute | ||||||||
handleMarkedAttribute(item: IAttributeItem)
|
||||||||
|
Handler to mark attributes.
Parameters :
Returns :
void
|
| isFilterActive | ||||||||
isFilterActive(attributeLabel: string)
|
||||||||
|
Checks if the filter is active.
Parameters :
Returns :
boolean
|
| isSearchActive |
isSearchActive()
|
|
Method to get if the search field is active.
Returns :
boolean
|
| isSortActive | ||||||||
isSortActive(attributeLabel: string)
|
||||||||
|
Checks if the sort is active.
Parameters :
Returns :
boolean
|
| Public onAttributesSettingsChanges |
onAttributesSettingsChanges()
|
|
Called if attributes are changed and have to be emitted.
Returns :
void
|
| resetAttributes |
resetAttributes()
|
|
Method to reset the attributes.
Returns :
void
|
| Public updateAttributes |
updateAttributes()
|
|
Update Attributes of the view to the current state.
Returns :
void
|
| Public allAttributesSettingsChecked |
Type : FormGroup
|
Default value : new FormGroup({
check: new FormControl({ value: false, disabled: false }),
})
|
|
Boolean to know if all checkboxes are checked. |
| detailAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
The detail attributes. |
| detailAttributesSearch |
Type : IAttributeItem[]
|
Default value : []
|
|
The detail attributes. |
| Public inboxState |
Type : unknown
|
Default value : inject(InboxState)
|
|
The inbox service. |
| Public indeterminateAllAttributes |
Type : unknown
|
Default value : false
|
|
List style for the checkbox behavior and UI. |
| mainAttributes |
Type : IAttributeItem[]
|
Default value : []
|
|
The main attributes. |
| Public markedAttributes |
Type : string[]
|
Default value : []
|
|
List of all marked attributes labels |
| showAttributeLabelsDataItemsList |
Type : unknown
|
Default value : this.inboxState.inboxConfiguration$.value.showAttributeLabelsDataItemsList
|
|
Boolean to set if label is shown. |