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

Add loading spinner to theater overlay

Browse Source 
Introduces a loading spinner in the theater overlay component while data is being loaded. The loading service is now public to allow template access.
This commit is contained in:
Piet Ostendorp
2025-11-14 00:15:00 +01:00
parent b7cd22ef6b
commit 9b87e336a3
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/theater-overlay/theater-overlay.component.html
View File

@@ -5,7 +5,17 @@
<div class="w-7/10 p-10 h-188"> <div class="w-7/10 p-10 h-188">
<!-- <div class="bg-linear-to-b from-indigo-300 to-pink-300 h-full rounded-lg"> --> <!-- <div class="bg-linear-to-b from-indigo-300 to-pink-300 h-full rounded-lg"> -->
<div> <div>
@if (loading.loading$ | async){
<div class="w-full h-full flex items-center justify-center mt-70">
<mat-progress-spinner
mode="indeterminate"
diameter="50"
></mat-progress-spinner>
</div>
}
@else {
<app-theater-layout [seatsPerRow]="seatsPerRow"></app-theater-layout> <app-theater-layout [seatsPerRow]="seatsPerRow"></app-theater-layout>
}
</div> </div>
</div> </div>

2
src/app/theater-overlay/theater-overlay.component.ts
View File

@@ -15,7 +15,7 @@ import {SelectedSeatsService} from '../selected-seats.service';
}) })
export class TheaterOverlayComponent implements OnInit { export class TheaterOverlayComponent implements OnInit {
private http = inject(HttpService); private http = inject(HttpService);
private loading = inject(LoadingService) loading = inject(LoadingService)
showId!: number; showId!: number;
seatsPerRow: { seat: Sitzplatz, state: TheaterSeatState }[][] = [] seatsPerRow: { seat: Sitzplatz, state: TheaterSeatState }[][] = []