From 01f98753cc84f2552cc24b32c1a627ad3d4b9da1 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Wed, 7 Aug 2024 04:48:22 +0200
Subject: [PATCH] check email duplicates on the server before registration

---
 backend/videoflix/auth/views.py               |  8 +++++-
 .../app/components/auth/auth.component.html   |  5 ++++
 .../src/app/components/auth/auth.component.ts | 28 +++++++++++++++----
 frontend/src/app/services/auth.service.ts     |  4 +++
 4 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/backend/videoflix/auth/views.py b/backend/videoflix/auth/views.py
index cc533d2..c112b1b 100644
--- a/backend/videoflix/auth/views.py
+++ b/backend/videoflix/auth/views.py
@@ -144,4 +144,10 @@ class AuthView(ObtainAuthToken):
     def get(self, request):
         if request.user.is_authenticated:
             return Response(request.user.id, status=status.HTTP_200_OK)
-        return Response({"error": "User is not logged in"}, status=status.HTTP_401_UNAUTHORIZED)
\ No newline at end of file
+        return Response({"error": "User is not logged in"}, status=status.HTTP_401_UNAUTHORIZED)
+    
+    def post(self, request):
+        email = request.data.get('email')
+        if CustomUser.objects.filter(email=email).exists():
+            return Response({'mail': 'A user with this email already exists.'}, status=status.HTTP_400_BAD_REQUEST)
+        return Response(status=status.HTTP_200_OK)
\ No newline at end of file
diff --git a/frontend/src/app/components/auth/auth.component.html b/frontend/src/app/components/auth/auth.component.html
index 82c7710..5a77ea9 100644
--- a/frontend/src/app/components/auth/auth.component.html
+++ b/frontend/src/app/components/auth/auth.component.html
@@ -33,6 +33,11 @@
       !isUserEmailValid(authData.mail.toLowerCase())) {
       <p>This is not a valid email format</p>
       }}
+      <div *ngIf="errorService.error$ | async as errors">
+        <div *ngIf="errors?.['mail']">
+          <p>{{ errors["mail"] }}</p>
+        </div>
+      </div>
     </div>
     <app-btn-large
       [value]="'Sign Up'"
diff --git a/frontend/src/app/components/auth/auth.component.ts b/frontend/src/app/components/auth/auth.component.ts
index b919e39..23ddbf5 100644
--- a/frontend/src/app/components/auth/auth.component.ts
+++ b/frontend/src/app/components/auth/auth.component.ts
@@ -3,6 +3,8 @@ import { FormsModule, NgForm } from '@angular/forms';
 import { BtnLargeComponent } from '../../shared/components/btn-large/btn-large.component';
 import { Router } from '@angular/router';
 import { CommonModule } from '@angular/common';
+import { ErrorService } from '../../services/error.service';
+import { AuthService } from '../../services/auth.service';
 
 @Component({
   selector: 'app-auth',
@@ -15,20 +17,36 @@ export class AuthComponent {
   authData = {
     mail: '',
   };
-  constructor(private router: Router) {}
+  constructor(
+    private router: Router,
+    public errorService: ErrorService,
+    private authService: AuthService
+  ) {}
 
   isUserEmailValid(emailValue: string) {
     const emailRegex = /^[\w.%+-]+@[\w.-]+\.[a-zA-Z]{2,}$/;
     return emailRegex.test(emailValue);
   }
 
-  onSubmit(ngForm: NgForm, mailInput: any) {
+  async onSubmit(ngForm: NgForm, mailInput: any) {
     if (ngForm.submitted && ngForm.form.valid) {
-      const queryParams = { mail: this.authData.mail };
-      this.router.navigate(['/register'], { queryParams });
-      ngForm.form.reset();
+      await this.checkDuplicatesEmail();
     } else {
       mailInput.control.markAsTouched();
     }
   }
+
+  async checkDuplicatesEmail() {
+    const body = {
+      email: this.authData.mail,
+    };
+    try {
+      await this.authService.checkAuthUserMail(body);
+      const queryParams = { mail: this.authData.mail };
+      this.router.navigate(['/register'], { queryParams });
+      this.errorService.clearError();
+    } catch (error) {
+      this.errorService.errorMsg(error);
+    }
+  }
 }
diff --git a/frontend/src/app/services/auth.service.ts b/frontend/src/app/services/auth.service.ts
index 0d65364..1335272 100644
--- a/frontend/src/app/services/auth.service.ts
+++ b/frontend/src/app/services/auth.service.ts
@@ -56,6 +56,10 @@ export class AuthService {
     );
   }
 
+  async checkAuthUserMail(body: any) {
+    await lastValueFrom(this.http.post(`${environment.baseUrl}/auth/`, body));
+  }
+
   private getAuthHeaders(): HttpHeaders {
     let authToken = localStorage.getItem('authToken');
     if (!authToken) {