+
diff --git a/src/app/movie-performance/movie-performance.component.ts b/src/app/movie-performance/movie-performance.component.ts
index b6925d0..6f98ff9 100644
--- a/src/app/movie-performance/movie-performance.component.ts
+++ b/src/app/movie-performance/movie-performance.component.ts
@@ -15,7 +15,7 @@ export class MoviePerformanceComponent implements OnInit {
route: string = '';
ngOnInit() {
- this.route = `../selection/performance/${this.id()}`;
+ this.route = `../performance/${this.id()}/checkout`;
}
startTime = computed(() =>
diff --git a/src/app/performance-info/performance-info.component.html b/src/app/performance-info/performance-info.component.html
index 786c373..ee30310 100644
--- a/src/app/performance-info/performance-info.component.html
+++ b/src/app/performance-info/performance-info.component.html
@@ -13,7 +13,7 @@
diff --git a/src/app/purchase-failed/purchase-failed.component.html b/src/app/purchase-failed/purchase-failed.component.html
index 6cc5888..d841ce0 100644
--- a/src/app/purchase-failed/purchase-failed.component.html
+++ b/src/app/purchase-failed/purchase-failed.component.html
@@ -6,6 +6,6 @@
{{ hall() }}
{{ getStartTimeString() }} • {{ performance().hall.name }}
{{ movie().title }}
-
Leider konnten Ihre Sitzplätze nicht gekauft werden. Dies kann passieren, wenn andere Nutzer zeitgleich versucht haben, dieselben Sitzplätze zu kaufen.
- + diff --git a/src/app/purchase-success/purchase-success.component.html b/src/app/purchase-success/purchase-success.component.html index 4d40726..c439043 100644 --- a/src/app/purchase-success/purchase-success.component.html +++ b/src/app/purchase-success/purchase-success.component.html @@ -2,10 +2,10 @@Vielen Dank für Ihren Einkauf!
Ihre Sitzplätze wurden erfolgreich gebucht.
-Leider konnten Ihre Sitzplätze nicht reserviert werden. Dies kann passieren, wenn andere Nutzer gleichzeitig versucht haben, dieselben Sitzplätze zu reservieren.
- + diff --git a/src/app/reservation-success/reservation-success.component.html b/src/app/reservation-success/reservation-success.component.html index 0a463a0..8d28e59 100644 --- a/src/app/reservation-success/reservation-success.component.html +++ b/src/app/reservation-success/reservation-success.component.html @@ -1,17 +1,15 @@Reservierung erfolgreich!
-Ihre Sitzplätze wurden erfolgreich reserviert. Bitte nennen sie den folgenden Code an der Kasse, um Ihre Reservierung in eine Buchung umzuwandeln.
{{ order().code }}
-
-
-
+
+
+
-
diff --git a/src/app/theater-layout/theater-layout.component.html b/src/app/theater-layout/theater-layout.component.html
index 5637093..0563b21 100644
--- a/src/app/theater-layout/theater-layout.component.html
+++ b/src/app/theater-layout/theater-layout.component.html
@@ -3,12 +3,12 @@
Leinwand
Reservierung stornieren
+
@for (row of seatsPerRow(); track $index) {
-
+
@if ($index % 4 === 0) {
speaker
@@ -25,7 +25,7 @@
+
@if ($index % 4 === 0) {
speaker
diff --git a/src/app/theater-overlay/theater-overlay.component.html b/src/app/theater-overlay/theater-overlay.component.html
index 7a88cd2..78bd5b8 100644
--- a/src/app/theater-overlay/theater-overlay.component.html
+++ b/src/app/theater-overlay/theater-overlay.component.html
@@ -1,8 +1,8 @@
+
-
+
(this.getZoomLevel());
+
+ constructor() {
+ // Zoom-Änderungen überwachen
+ fromEvent(window, 'resize')
+ .pipe(debounceTime(200))
+ .subscribe(() => {
+ this.zoomLevel$.next(this.getZoomLevel());
+ });
+ }
+
+ getZoomLevel(): number {
+ const devicePixelRatio = window.devicePixelRatio || 1;
+ return devicePixelRatio;
+ }
+
+ getZoomLevel$() {
+ return this.zoomLevel$.asObservable();
+ }
+
+ isZoomOutOfRange(minZoom: number = 0.95, maxZoom: number = 1.05): boolean {
+ const currentZoom = this.getZoomLevel();
+ return currentZoom < minZoom || currentZoom > maxZoom;
+ }
+}
diff --git a/src/app/zoom-warning/zoom-warning.component.css b/src/app/zoom-warning/zoom-warning.component.css
new file mode 100644
index 0000000..21fcb9c
--- /dev/null
+++ b/src/app/zoom-warning/zoom-warning.component.css
@@ -0,0 +1,14 @@
+@keyframes slideIn {
+ from {
+ opacity: 0;
+ transform: translateY(20px) scale(0.9);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0) scale(1);
+ }
+}
+
+.zoom-info-box {
+ animation: slideIn 0.3s ease-out;
+}
diff --git a/src/app/zoom-warning/zoom-warning.component.html b/src/app/zoom-warning/zoom-warning.component.html
new file mode 100644
index 0000000..ea79125
--- /dev/null
+++ b/src/app/zoom-warning/zoom-warning.component.html
@@ -0,0 +1,81 @@
+@if (isOutOfRange && !isDismissed && !isMobile) {
+ ();
+ private currentZoomLevel = 1;
+ private lastZoomLevel = 0;
+
+ zoomDetectionService = inject(ZoomDetectionService);
+ deviceDetectionService = inject(DeviceDetectionService)
+
+ constructor(private router: Router) {
+ this.isMobile = this.deviceDetectionService.isMobile();
+ this.currentUrl = window.location.href;
+ this.checkIfShouldShowMobileWarning();
+ }
+
+ ngOnInit() {
+ this.router.events
+ .pipe(
+ filter(event => event instanceof NavigationEnd),
+ takeUntil(this.destroy$)
+ )
+ .subscribe(() => {
+ this.checkIfShouldShowMobileWarning();
+ });
+
+ if (!this.isMobile) {
+ this.updateZoomInfo();
+
+ this.zoomDetectionService.getZoomLevel$()
+ .pipe(takeUntil(this.destroy$))
+ .subscribe((newZoomLevel) => {
+ if (Math.abs(newZoomLevel - this.lastZoomLevel) > 0.01) {
+ this.lastZoomLevel = newZoomLevel;
+ this.isDismissed = false;
+ this.updateZoomInfo();
+ }
+ });
+ }
+ }
+
+ private checkIfShouldShowMobileWarning() {
+ if (!this.isMobile) {
+ this.showMobileWarning = false;
+ return;
+ }
+
+ const currentRoute = this.router.routerState.root;
+ const allowMobile = this.getRouteData(currentRoute, 'allowMobile');
+
+ this.showMobileWarning = !allowMobile;
+ }
+
+ private getRouteData(route: any, key: string): any {
+ while (route) {
+ if (route.snapshot?.data?.[key] !== undefined) {
+ return route.snapshot.data[key];
+ }
+ route = route.firstChild;
+ }
+ return false;
+ }
+
+ private updateZoomInfo() {
+ this.currentZoomLevel = this.zoomDetectionService.getZoomLevel();
+ this.currentZoomPercentage = Math.round(this.currentZoomLevel * 100);
+ this.isOutOfRange = this.zoomDetectionService.isZoomOutOfRange();
+ }
+
+ getCompensationTransform(): string {
+ const scale = 1 / this.currentZoomLevel;
+ return `scale(${scale})`;
+ }
+
+ dismissWarning() {
+ this.isDismissed = true;
+ }
+
+ ngOnDestroy() {
+ this.destroy$.next();
+ this.destroy$.complete();
+ }
+}
@if (!performance && (loading.loading$ | async)){
-
@@ -18,6 +18,6 @@
+
+
+
+}
+
+@if (showMobileWarning) {
+
+
+ screenshot_monitor
+
+
+ warning
+
+
+
+ Browser-Zoom nicht optimal!
+Ihr Browser-Zoom ist auf {{ currentZoomPercentage }}% eingestellt.
Für die beste Darstellung empfehlen wir 100%.
+
+
+
+
+ Browser-Zoom zurücksetzen:
+
+
+ + Strg + / + ⌘ + + + 0 + (Windows, Linux / Mac) +
+
+
+ Windows-Skalierung prüfen:
+-
+
- Öffnen Sie die Windows-Einstellungen +
- Navigieren Sie zu System → Bildschirm +
- Setzen Sie unter "Skalierung" den Wert auf 100% +
+
+
+ 
+
+
+ InfiniMotion
+
+
+}
diff --git a/src/app/zoom-warning/zoom-warning.component.ts b/src/app/zoom-warning/zoom-warning.component.ts
new file mode 100644
index 0000000..8802167
--- /dev/null
+++ b/src/app/zoom-warning/zoom-warning.component.ts
@@ -0,0 +1,100 @@
+import { DeviceDetectionService } from './../device-detection.service';
+import { Component, HostListener, inject, OnDestroy, OnInit } from '@angular/core';
+import { filter, Subject, takeUntil } from 'rxjs';
+import { ZoomDetectionService } from '../zoom-detection.service';
+import { NavigationEnd, Router } from '@angular/router';
+
+@Component({
+ selector: 'app-zoom-warning',
+ standalone: false,
+ templateUrl: './zoom-warning.component.html',
+ styleUrl: './zoom-warning.component.css',
+})
+export class ZoomWarningComponent implements OnInit, OnDestroy {
+ currentZoomPercentage = 100;
+ isOutOfRange = false;
+ isDismissed = false;
+ isMobile = false;
+ showMobileWarning = false;
+ currentUrl = '';
+
+ private destroy$ = new Subject
+
+
+
+ screenshot_monitor
+
+
+ warning
+
+
+
+ Nur am PC verfügbar
+ ++ Diese Anwendung ist für die Nutzung am Desktop-PC optimiert und kann auf mobilen Geräten nicht verwendet werden. +
+ +
+
+ Deine derzeitige URL:
++ {{ currentUrl }} +
+