2024-11-19 08:28:09 +01:00
|
|
|
<div class="container p-4 mx-auto max-w-4xl">
|
2024-12-03 09:20:59 +01:00
|
|
|
<div class="fixed top-0 left-0 w-full bg-white/80 backdrop-blur-xl z-50">
|
|
|
|
<div class="justify-center max-w-4xl container p-4 mx-auto">
|
|
|
|
<h1>{{'hello' | uppercase | text}}</h1>
|
|
|
|
<app-search [(input)]="search"></app-search>
|
|
|
|
<button routerLink="/create-hotel" mat-flat-button
|
|
|
|
class="btn btn-primary bg-blue-500 text-white font-semibold py-2 px-4 rounded-md shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75 my-4">Create
|
|
|
|
New Hotel</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="hotels[0].hotelName" class="mt-56">
|
2024-11-19 08:28:09 +01:00
|
|
|
<div *ngFor="let hotel of hotels">
|
|
|
|
<app-hotel-item *ngIf="hotel.hotelName.toLowerCase().includes(search.toLowerCase())" [hotel]="hotel"></app-hotel-item>
|
|
|
|
</div>
|
2024-11-26 09:37:20 +01:00
|
|
|
</div>
|
2024-12-03 09:20:59 +01:00
|
|
|
|
|
|
|
<div *ngIf="!hotels[0].hotelName" class="mt-56">
|
|
|
|
<div class="animate-pulse space-y-4">
|
|
|
|
<div class="h-8 bg-gray-200 rounded w-52"></div>
|
|
|
|
<div class="space-y-3">
|
|
|
|
<div class="h-4 bg-gray-200 rounded w-3/4"></div>
|
|
|
|
<div class="h-4 bg-gray-200 rounded w-11/12"></div>
|
|
|
|
<div class="h-4 bg-gray-200 rounded w-2/3"></div>
|
|
|
|
</div>
|
|
|
|
<div class="h-[300px] bg-gray-200 rounded w-full"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2024-11-12 09:18:15 +01:00
|
|
|
</div>
|