tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ajout filtrage de multi filtre par input texte

Browse source
This commit is contained in:
Tykayn 2025-09-25 17:45:20 +02:00 • committed by tykayn
parent e9d273c5a2
commit a4645638cd
2 changed files with 29 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

24
my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.ts
View file

@ -25,6 +25,8 @@ export class MultiSelector implements OnInit {
@Output() selectedChoicesChange = new EventEmitter<any>();
@Output() availableChoicesChange = new EventEmitter<any>();
searchText: string = '';
constructor() {
}
@ -33,6 +35,28 @@ export class MultiSelector implements OnInit {
}
onSearchInput(event: any) {
this.searchText = (event?.target?.value || '').toLowerCase();
}
getFilteredSelectedChoices() {
if (!this.searchText) {
return this.selectedChoices || [];
}
return (this.selectedChoices || []).filter((c: any) =>
(c?.label || '').toLowerCase().includes(this.searchText)
);
}
getFilteredAvailableChoices() {
if (!this.searchText) {
return this.availableChoices || [];
}
return (this.availableChoices || []).filter((c: any) =>
(c?.label || '').toLowerCase().includes(this.searchText)
);
}
selectedChoicesChangeToggleItem(choice: any) {
console.log('toggle selected choice ', choice, 'in filter ', this.label);
this.selectedChoicesChange.emit(choice);