35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import {Component, inject} from '@angular/core';
|
|
import {HousingLocationComponent} from '../housing-location/housing-location.component';
|
|
import {HousingLocation} from '../housing-location';
|
|
import {HousingService} from '../housing.service';
|
|
import {FormsModule} from '@angular/forms';
|
|
|
|
@Component({
|
|
selector: 'app-home',
|
|
standalone: true,
|
|
imports: [
|
|
HousingLocationComponent,
|
|
FormsModule
|
|
],
|
|
templateUrl: './home.component.html',
|
|
styleUrl: './home.component.css'
|
|
})
|
|
export class HomeComponent {
|
|
housingLocationList: HousingLocation[] = [];
|
|
housingService: HousingService = inject(HousingService);
|
|
filteredLocationList: HousingLocation[] = [];
|
|
|
|
constructor() {
|
|
this.housingLocationList = this.housingService.getAllHousingLocations();
|
|
this.filteredLocationList = this.housingLocationList;
|
|
}
|
|
|
|
filterResults(text: string) {
|
|
if (!text) {
|
|
this.filteredLocationList = this.housingLocationList;
|
|
return;
|
|
}
|
|
|
|
this.filteredLocationList = this.housingLocationList.filter((housingLocation) => housingLocation?.city.toLowerCase().includes(text.toLowerCase()),);
|
|
}
|
|
}
|