jank/angular-hotel-manager
1
0
Fork 0
Code Issues 1 Pull requests 5 Projects Releases Packages Wiki Activity Actions

update styling and fix search to include lowercase

Browse source
This commit is contained in:
Jan-Marlon Leibl 2024-11-19 08:28:09 +01:00
parent dfadc7052b
commit 85dbe967ee
5 changed files with 21 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/hotel-list/hotel-list.component.html
View file

@ -1,7 +1,9 @@
<h1>{{'hello' | uppercase | text}}</h1>
<app-search [(input)]="search"></app-search>
@if (hotels[0].hotelName) {
<div *ngFor="let hotel of hotels">
<app-hotel-item *ngIf="hotel.hotelName.includes(search)" [hotel]="hotel"></app-hotel-item>
<div class="container p-4 mx-auto max-w-4xl">
<h1>{{'hello' | uppercase | text}}</h1>
<app-search [(input)]="search"></app-search>
@if (hotels[0].hotelName) {
<div *ngFor="let hotel of hotels">
<app-hotel-item *ngIf="hotel.hotelName.toLowerCase().includes(search.toLowerCase())" [hotel]="hotel"></app-hotel-item>
</div>
}
</div>
}