restructuration des fichiers (pour pouvoir passer plus facilement plusieurs fronts)

src/app/beforeConnexion/register/page-register/page-register.component.ts

@@ -0,0 +1,111 @@
+import { Component, OnInit } from '@angular/core';
+import {MessageService} from "../../../utils/services/message/message.service";
+import {Router} from "@angular/router";
+import {MatDialog} from "@angular/material/dialog";
+import {PopupConfirmationComponent} from "../popup-confirmation/popup-confirmation.component";
+import {ThemeService} from "../../../utils/services/theme/theme.service";
+
+@Component({
+  selector: 'app-page-register',
+  templateUrl: './page-register.component.html',
+  styleUrls: ['./page-register.component.scss']
+})
+export class PageRegisterComponent implements OnInit
+{
+    pseudo: string = "";
+    email: string = "" ;
+    password: string = "";
+    role: string = "";
+    confirmPassword: string = "";
+    hasError: boolean = false;
+    errorMessage: string = "";
+
+
+    constructor( private messageService: MessageService,
+                 private router: Router,
+                 public dialog: MatDialog,
+                 public themeService: ThemeService ) { }
+
+
+    ngOnInit(): void {}
+
+
+    isValidEmail(email)
+    {
+        let re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        return re.test(email);
+    }
+
+
+    checkField(): void
+    {
+        if(this.pseudo.length === 0) {
+            this.errorMessage = "Veuillez remplir le champ 'pseudo'";
+            this.hasError = true;
+        }
+        else if(this.email.length === 0)
+        {
+            this.errorMessage = "Veuillez remplir le champ 'email'";
+            this.hasError = true;
+        }
+        else if(!this.isValidEmail(this.email))
+        {
+            this.errorMessage = "Email invalide";
+            this.hasError = true;
+        }
+        else if(this.role === "")
+        {
+            this.errorMessage = "Veuillez selectionner un type de compte";
+            this.hasError = true;
+        }
+        else if(this.password.length === 0)
+        {
+            this.errorMessage = "Veuillez remplir le champ 'mot de passe'";
+            this.hasError = true;
+        }
+        else if(this.password !== this.confirmPassword)
+        {
+            this.errorMessage = "Le mot de passe est différent de sa confirmation";
+            this.hasError = true;
+        }
+        else {
+            this.errorMessage = "" ;
+            this.hasError = false;
+        }
+        console.log(this.errorMessage);
+    }
+
+
+    onRegister(): void
+    {
+        console.log(this.role);
+        this.checkField();
+        if(!this.hasError)
+        {
+            let data = {
+                "pseudo": this.pseudo,
+                "email": this.email,
+                "role": this.role,
+                "password": this.password
+            };
+            this.messageService
+                .sendMessage('register', data)
+                .subscribe(retour => this.maCallback(retour))
+        }
+    }
+
+
+    maCallback(retour): void
+    {
+        if(retour.status === "error") console.log(retour.data)
+        else
+        {
+            const config = { width: '25%', data: {} }
+            this.dialog
+                .open(PopupConfirmationComponent, config )
+                .afterClosed()
+                .subscribe(result => this.router.navigateByUrl( '/connexion' ));
+        }
+    }
+
+}