Piet Ostendorp
b619d744c1
Introduces user inactivity tracking and timeout for seat polling in TheaterOverlayComponent. Polling is paused after 2 minutes of inactivity or when the user advances past step 1, with a snackbar notification and resume option. Refactors polling logic, adds step change event to OrderComponent, and updates custom theme for snackbar styling.
24 lines
762 B
HTML
24 lines
762 B
HTML
<app-menu-header label="Vorstellungstickets kaufen" icon="local_activity" [backToSchedule]="true"></app-menu-header>
|
|
|
|
<div class="flex h-fit">
|
|
|
|
<div class="w-7/10 p-10 h-fit">
|
|
<div>
|
|
@if (!performance && (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>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<app-order (stepChanged)="setStepTwoOrHigher($event >= 1)" class="mt-10 mr-30 w-3/10" [performance]="performance" [seatCategories]="seatCategories"></app-order>
|
|
|
|
</div>
|