From 65471d1666036a0546984d5767d2438e5a7674e7 Mon Sep 17 00:00:00 2001 From: Phan Huy Tran Date: Wed, 4 Jun 2025 13:04:45 +0200 Subject: [PATCH 1/3] feat: adjust game grid slider --- frontend/src/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 43d7156..99d43ee 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -52,7 +52,7 @@ a { } .slider-grid { - @apply min-w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4; + @apply min-w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4; } .welcome-bonus { From 68306f38931b381ef65c2faad9675864507f3ecc Mon Sep 17 00:00:00 2001 From: Phan Huy Tran Date: Wed, 4 Jun 2025 13:35:43 +0200 Subject: [PATCH 2/3] feat: adjust register and login buttons --- .../src/app/feature/landing/landing.component.html | 8 +------- .../app/shared/components/navbar/navbar.component.html | 10 +--------- 2 files changed, 2 insertions(+), 16 deletions(-) diff --git a/frontend/src/app/feature/landing/landing.component.html b/frontend/src/app/feature/landing/landing.component.html index 2f38d9f..9fb0f7b 100644 --- a/frontend/src/app/feature/landing/landing.component.html +++ b/frontend/src/app/feature/landing/landing.component.html @@ -21,13 +21,7 @@ (click)="showRegisterForm()" class="w-full sm:w-auto button-primary px-6 sm:px-8 py-3 shadow-lg" > - Konto erstellen - - } diff --git a/frontend/src/app/shared/components/navbar/navbar.component.html b/frontend/src/app/shared/components/navbar/navbar.component.html index e780e0f..6cc7863 100644 --- a/frontend/src/app/shared/components/navbar/navbar.component.html +++ b/frontend/src/app/shared/components/navbar/navbar.component.html @@ -40,15 +40,7 @@ (click)="showRegister.emit()" class="flex items-center px-4 py-2 bg-emerald-600 text-white font-medium rounded-lg hover:bg-emerald-500 transition-colors duration-200" > - - - - Registrieren + Jetzt registrieren } From ed83097b6b45c1f613caa84ab98388f4fa24839e Mon Sep 17 00:00:00 2001 From: Phan Huy Tran Date: Wed, 4 Jun 2025 14:27:11 +0200 Subject: [PATCH 3/3] feat: open login form when accessing restricted links --- .../feature/landing/landing.component.html | 100 +++++++++++++----- .../app/feature/landing/landing.component.ts | 24 +---- .../components/navbar/navbar.component.html | 24 +++-- 3 files changed, 93 insertions(+), 55 deletions(-) diff --git a/frontend/src/app/feature/landing/landing.component.html b/frontend/src/app/feature/landing/landing.component.html index 9fb0f7b..a7cb79e 100644 --- a/frontend/src/app/feature/landing/landing.component.html +++ b/frontend/src/app/feature/landing/landing.component.html @@ -40,33 +40,63 @@

Slots

Klassische Spielautomaten

- Jetzt Spielen + @if (isLoggedIn()) { + + Jetzt Spielen + + } @else { + + }
@@ -76,22 +106,42 @@

Dice

Würfelspiel

- Jetzt Spielen + @if (isLoggedIn()) { + + Jetzt Spielen + + } @else { + + }
diff --git a/frontend/src/app/feature/landing/landing.component.ts b/frontend/src/app/feature/landing/landing.component.ts index d354fa4..93b9e84 100644 --- a/frontend/src/app/feature/landing/landing.component.ts +++ b/frontend/src/app/feature/landing/landing.component.ts @@ -23,15 +23,14 @@ import RecoverPasswordComponent from '../auth/recover-password/recover-password. }) export class LandingComponent implements OnInit, OnDestroy { currentSlide = 0; - private autoplayInterval: ReturnType | undefined; authService: AuthService = inject(AuthService); route: ActivatedRoute = inject(ActivatedRoute); showLogin = signal(false); showRegister = signal(false); showRecoverPassword = signal(false); + isLoggedIn = signal(this.authService.isLoggedIn()); ngOnInit() { - this.startAutoplay(); document.body.style.overflow = 'auto'; if (this.route.snapshot.queryParamMap.get('login') === 'true') { this.showLoginForm(); @@ -39,7 +38,6 @@ export class LandingComponent implements OnInit, OnDestroy { } ngOnDestroy() { - this.stopAutoplay(); document.body.style.overflow = 'auto'; } @@ -73,33 +71,13 @@ export class LandingComponent implements OnInit, OnDestroy { prevSlide() { this.currentSlide = this.currentSlide === 0 ? 1 : 0; - this.resetAutoplay(); } nextSlide() { this.currentSlide = this.currentSlide === 1 ? 0 : 1; - this.resetAutoplay(); } goToSlide(index: number) { this.currentSlide = index; - this.resetAutoplay(); - } - - private startAutoplay() { - this.autoplayInterval = setInterval(() => { - this.nextSlide(); - }, 5000); - } - - private stopAutoplay() { - if (this.autoplayInterval) { - clearInterval(this.autoplayInterval); - } - } - - private resetAutoplay() { - this.stopAutoplay(); - this.startAutoplay(); } } diff --git a/frontend/src/app/shared/components/navbar/navbar.component.html b/frontend/src/app/shared/components/navbar/navbar.component.html index 6cc7863..608f3de 100644 --- a/frontend/src/app/shared/components/navbar/navbar.component.html +++ b/frontend/src/app/shared/components/navbar/navbar.component.html @@ -10,13 +10,23 @@