infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load Seat-Icons from DB

Browse Source 
Replaces multiple conditional blocks for seat icons with a single interpolation using the category's icon property, simplifying the seat component template.
This commit is contained in:
Piet Ostendorp
2025-11-13 22:57:47 +01:00
parent 9d54dcdd1a
commit cd0b2d0880
1 changed files with 1 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/seat/seat.component.html
View File

@@ -1,14 +1,6 @@
<button (click)="updateSelectedSeats(this.seat())" [disabled]="state() == TheaterSeatState.BOOKED || state() == TheaterSeatState.RESERVED || !seatService.getSeatIsSelected()" class="mx-1 hover:opacity-50"> <button (click)="updateSelectedSeats(this.seat())" [disabled]="state() == TheaterSeatState.BOOKED || state() == TheaterSeatState.RESERVED || !seatService.getSeatIsSelected()" class="mx-1 hover:opacity-50">
<mat-icon [ngStyle]="{color: isSelectedAndAvaliable() ? '#6366f1': getSeatStateColor() }" style="font-size: 30px; width: 30px; height: 30px"> <mat-icon [ngStyle]="{color: isSelectedAndAvaliable() ? '#6366f1': getSeatStateColor() }" style="font-size: 30px; width: 30px; height: 30px">
@if(this.seat().row.category.id ==1){ {{ seat().row.category.icon }}
event_seat
}
@if(this.seat().row.category.id == 2){
weekend
}
@if(this.seat().row.category.id == 3){
chair
}
</mat-icon> </mat-icon>
</button> </button>