added guest login

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>

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 {

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 = {

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',
 };