43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<div class="m-auto w-200 h-10 bg-gray-200 mb-22 cursor-pointer" style="clip-path: polygon(0% 0%,100% 0%,90% 100%,10% 100%);" (click)="selectedSeatsService.toggleDebug()">
|
|
<p class="flex justify-center text-lg font-bold p-1.5">
|
|
Leinwand
|
|
</p>
|
|
</div>
|
|
<div class="mb-5">
|
|
@for (row of seatsPerRow(); track $index) {
|
|
<div class="flex items-center justify-between">
|
|
|
|
<!-- Speaker -->
|
|
<div class="shrink-0 pl-20">
|
|
@if ($index % 4 === 0) {
|
|
<mat-icon class="material-symbols-outlined opacity-25" style="font-size: 30px; width: 30px; height: 30px">
|
|
speaker
|
|
</mat-icon>
|
|
}
|
|
@if ($index % 4 === 2) {
|
|
<mat-icon class="material-symbols-outlined opacity-25" style="font-size: 30px; width: 30px; height: 30px">
|
|
wall_lamp
|
|
</mat-icon>
|
|
}
|
|
</div>
|
|
|
|
<!-- Sitzreihe -->
|
|
<app-seat-row class="flex justify-center" [rowSeatList]="row"></app-seat-row>
|
|
|
|
<!-- Speaker -->
|
|
<div class="shrink-0 pr-20">
|
|
@if ($index % 4 === 0) {
|
|
<mat-icon class="material-symbols-outlined opacity-25 mirrored" style="font-size: 30px; width: 30px; height: 30px">
|
|
speaker
|
|
</mat-icon>
|
|
}
|
|
@if ($index % 4 === 2) {
|
|
<mat-icon class="material-symbols-outlined opacity-25 mirrored" style="font-size: 30px; width: 30px; height: 30px">
|
|
wall_lamp
|
|
</mat-icon>
|
|
}
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|