diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.html b/libs/ui/src/lib/activities-filter/activities-filter.component.html index 209e37391..e0eb5da87 100644 --- a/libs/ui/src/lib/activities-filter/activities-filter.component.html +++ b/libs/ui/src/lib/activities-filter/activities-filter.component.html @@ -2,13 +2,13 @@ - {{ searchKeyword.label | gfSymbol }} + {{ filter.label | gfSymbol }} = new BehaviorSubject([]); public filters: Observable = this.filters$.asObservable(); public searchControl = new FormControl(); - public searchFilters: Filter[] = []; + public selectedFilters: Filter[] = []; public separatorKeysCodes: number[] = [ENTER, COMMA]; private unsubscribeSubject = new Subject(); @@ -79,7 +79,7 @@ export class ActivitiesFilterComponent implements OnChanges, OnDestroy { } public onRemoveFilter(aFilter: Filter): void { - this.searchFilters = this.searchFilters.filter((filter) => { + this.selectedFilters = this.selectedFilters.filter((filter) => { return filter.id !== aFilter.id; }); @@ -87,7 +87,7 @@ export class ActivitiesFilterComponent implements OnChanges, OnDestroy { } public onSelectFilter(event: MatAutocompleteSelectedEvent): void { - this.searchFilters.push(event.option.value); + this.selectedFilters.push(event.option.value); this.updateFilter(); this.searchInput.nativeElement.value = ''; this.searchControl.setValue(null); @@ -102,6 +102,6 @@ export class ActivitiesFilterComponent implements OnChanges, OnDestroy { this.filters$.next(this.allFilters); // Emit an array with a new reference - this.valueChanged.emit([...this.searchFilters]); + this.valueChanged.emit([...this.selectedFilters]); } }