src/lib/simple-filter-selection/selection-filter/selection-filter.component.ts
The selection filter component is a component to show a selected item from a pool of items. There is a multiple selection possible.
'''html <talenra-selection-filter (filterSelection)="onFilterSelection($event)" [attribute]="selectedAttribute" [possibleValues]="possibleSelection"> '''
| selector | talenra-selection-filter |
| imports |
ReactiveFormsModule
FormFieldComponent
SelectComponent
OptionComponent
ButtonComponent
TooltipDirective
TalenraInboxTranslatePipe
|
| styleUrls | ./selection-filter.component.scss |
| templateUrl | ./selection-filter.component.html |
Properties |
|
Methods |
Inputs |
Outputs |
constructor()
|
| attribute |
Type : ISelectedFilterAttribute
|
| Required : true |
|
The attribute to identify which filter is selected. |
| possibleValues |
Type : ISelectionFilterValue[]
|
Default value : []
|
|
The possible values of the filter. |
| filterSelection |
Type : ISelectedFilterAttribute
|
|
The filterSelection output is used to emit the filter values. |
| resetValues | ||||||||
resetValues(mouseEvent?: MouseEvent)
|
||||||||
|
Function is necessary to delete the filter from the filter toolbar. Furthermore, the previous filterings with the deleted filter will be ignored.
Parameters :
Returns :
void
|
| Public Readonly select |
Type : unknown
|
Default value : viewChild<SelectComponent>('talenraFilterSelect')
|
|
The select component. |
| selectionForm |
Type : FormGroup
|
Default value : new FormGroup({
singleSelect: new FormControl<ISelectionFilterValue | undefined>(undefined),
multiSelect: new FormControl<ISelectionFilterValue[]>([]),
})
|
|
The selected values. |