From e3d02d286609f92a2c69a34886c229450c52349e Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 23 Aug 2024 00:15:44 +0200
Subject: [PATCH] added guest login

---
 .../auth/login/login.component.html           | 24 ++++++++++++-------
 .../auth/login/login.component.scss           |  7 ++++++
 .../components/auth/login/login.component.ts  | 22 +++++++++++++++++
 frontend/src/app/environments/environment.ts  |  4 ++++
 4 files changed, 49 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/components/auth/login/login.component.html b/frontend/src/app/components/auth/login/login.component.html
index cee4e16..7ed4bf0 100644
--- a/frontend/src/app/components/auth/login/login.component.html
+++ b/frontend/src/app/components/auth/login/login.component.html
@@ -76,14 +76,22 @@
           <span class="checkmark"></span>
         </label>
       </div>
-      <app-btn-large
-        [value]="'Log in'"
-        [disabled]="
-          !authData.mail ||
-          (!isUserEmailValid(authData.mail) && authData.mail.length > 0) ||
-          !password.valid
-        "
-      ></app-btn-large>
+      <div class="buttons">
+        <app-btn-large
+          [value]="'Log in'"
+          [disabled]="
+            !authData.mail ||
+            (!isUserEmailValid(authData.mail) && authData.mail.length > 0) ||
+            !password.valid ||
+            authData.guestLogin
+          "
+        ></app-btn-large>
+        <app-btn-large
+          [value]="'Guest Log in'"
+          [disabled]="authData.guestLogin"
+          (click)="guestLogin()"
+        ></app-btn-large>
+      </div>
     </form>
     <div class="footer">
       <a routerLink="/forgot-password">Forgot password?</a>
diff --git a/frontend/src/app/components/auth/login/login.component.scss b/frontend/src/app/components/auth/login/login.component.scss
index 74db475..f86ff16 100644
--- a/frontend/src/app/components/auth/login/login.component.scss
+++ b/frontend/src/app/components/auth/login/login.component.scss
@@ -12,6 +12,13 @@ section {
   position: relative;
 }
 
+.buttons {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  gap: 24px;
+}
+
 .footer {
   margin-top: 36px;
   a {
diff --git a/frontend/src/app/components/auth/login/login.component.ts b/frontend/src/app/components/auth/login/login.component.ts
index 65df1f6..293113e 100644
--- a/frontend/src/app/components/auth/login/login.component.ts
+++ b/frontend/src/app/components/auth/login/login.component.ts
@@ -6,6 +6,7 @@ import { AuthService } from '../../../services/auth.service';
 import { ErrorService } from '../../../services/error.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { CommonModule } from '@angular/common';
+import { environment } from '../../../environments/environment';
 
 @Component({
   selector: 'app-login',
@@ -20,6 +21,7 @@ export class LoginComponent {
     password: '',
     checkbox: false,
     send: false,
+    guestLogin: false,
   };
 
   showPassword: boolean = false;
@@ -35,6 +37,26 @@ export class LoginComponent {
     return emailRegex.test(emailValue);
   }
 
+  async guestLogin() {
+    this.authData.mail = environment.guestMail;
+    this.authData.password = environment.guestPassword;
+    this.authData.guestLogin = true;
+    const body = {
+      email: environment.guestMail,
+      password: environment.guestPassword,
+    };
+    try {
+      await this.authService.login(body, this.authData.checkbox);
+      this.authData.mail = '';
+      this.authData.password = '';
+      this.authData.guestLogin = false;
+      this.router.navigate(['/browse/']);
+      this.errorService.clearError();
+    } catch (error) {
+      this.errorService.handleError(error);
+    }
+  }
+
   async onSubmit(ngForm: NgForm) {
     if (ngForm.submitted && ngForm.form.valid) {
       const body = {
diff --git a/frontend/src/app/environments/environment.ts b/frontend/src/app/environments/environment.ts
index 81c24e7..c84ccda 100644
--- a/frontend/src/app/environments/environment.ts
+++ b/frontend/src/app/environments/environment.ts
@@ -4,4 +4,8 @@ export const environment = {
 
   // Live
   // baseUrl: 'https://videoflix-django.andre-kempf.com',
+
+  // Guest account
+  guestMail: 'guest@example.com',
+  guestPassword: 'guest@example.com',
 };