From 21b777d1fd1acea279654c348c654000d91ed932 Mon Sep 17 00:00:00 2001
From: Hugo <hugo.cubino@estudiantes.uva.es>
Date: Sun, 3 Nov 2024 13:15:22 +0100
Subject: [PATCH] =?UTF-8?q?A=C3=B1adido=20filtrado=20en=20reservas=20de=20?=
=?UTF-8?q?usuarios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../user-booking-list.component.html | 21 ++++++++++---------
1 file changed, 11 insertions(+), 10 deletions(-)
diff --git a/angular/RestClient/src/app/core/features/user/user-booking-list/user-booking-list.component.html b/angular/RestClient/src/app/core/features/user/user-booking-list/user-booking-list.component.html
index 2df122e..d348aa3 100644
--- a/angular/RestClient/src/app/core/features/user/user-booking-list/user-booking-list.component.html
+++ b/angular/RestClient/src/app/core/features/user/user-booking-list/user-booking-list.component.html
@@ -3,7 +3,7 @@
<div class="filter-container">
<label for="filter">Filtrar por estado:</label>
- <select id="filter" [(ngModel)]="selectedState" (change)="updateBookings()">
+ <select id="filter" [(ngModel)]="selectedState">
<option value="all">Todas</option>
<option value="active">Reservas activas</option>
<option value="inactive">Reservas inactivas</option>
@@ -11,14 +11,15 @@
</div>
<ul class="booking-list">
- @for( booking of bookings; track booking.id) {
- <li class="booking-item">
- <span class="booking-id">Reserva #{{ booking.id }}</span>
- <span class="booking-dates"
- >{{ booking.startDate }} - {{ booking.endDate }}</span
- >
- <span class="booking-status">{{ genBookingState(booking) }}</span>
- </li>
- }
+ <ng-container *ngFor="let booking of bookings">
+ <li *ngIf="selectedState === 'all' ||
+ (selectedState === 'active' && genBookingState(booking) === 'Reserva activa') ||
+ (selectedState === 'inactive' && genBookingState(booking) === 'Reserva inactiva')"
+ class="booking-item">
+ <span class="booking-id">Reserva #{{ booking.id }}</span>
+ <span class="booking-dates">{{ booking.startDate }} - {{ booking.endDate }}</span>
+ <span class="booking-status">{{ genBookingState(booking) }}</span>
+ </li>
+ </ng-container>
</ul>
</div>
--
GitLab