feat(employee-list): Added search functionality using API. (TV-221)

Squashed commit of the following:

commit 4b93fcf4b8442a30c8d56cf8364f710b2d24c4e2
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Mon Jun 14 15:50:17 2021 +0200

    Added fullName inside mock-api and filtering using api
This commit is contained in:
Erik Tiekstra
2021-06-15 09:16:15 +02:00
parent c0202ccd78
commit 5a97ebff78
5 changed files with 31 additions and 18 deletions
@@ -14,11 +14,11 @@
<h2>Personallista</h2>
<form class="employees__search-wrapper" (ngSubmit)="handleSearchSubmit()">
<form class="employees__search-wrapper" (ngSubmit)="setSearchFilter()">
<digi-form-input-search
af-label="Sök personal"
af-label-description="Sök på namn"
(afOnInput)="handleSearchInput($event)"
(afOnInput)="setSearchValue($event)"
></digi-form-input-search>
</form>
@@ -23,11 +23,11 @@ export class EmployeesComponent {
return this._searchValue$.getValue();
}
handleSearchSubmit(): void {
setSearchFilter(): void {
this.employeeService.setSearchFilter(this.searchValue);
}
handleSearchInput($event: CustomEvent): void {
setSearchValue($event: CustomEvent): void {
this._searchValue$.next($event.detail.target.value);
}