149 lines
4.4 KiB
TypeScript
149 lines
4.4 KiB
TypeScript
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";
|
|
import {User} from "../../../utils/interfaces/user";
|
|
|
|
|
|
|
|
@Component({
|
|
selector: 'app-page-register',
|
|
templateUrl: './page-register.component.html',
|
|
styleUrls: ['./page-register.component.scss']
|
|
})
|
|
export class PageRegisterComponent
|
|
{
|
|
roleName: string = "user";
|
|
password: string = "";
|
|
confirmPassword: string = "";
|
|
hasError: boolean = false;
|
|
errorMessage: string = "";
|
|
user: User = {
|
|
_id: "",
|
|
login: "",
|
|
hashPass: "",
|
|
mail: "",
|
|
role: {
|
|
name: "user",
|
|
permission: 0,
|
|
},
|
|
profilePictureUrl: "",
|
|
dateOfBirth: new Date(),
|
|
gender: "man",
|
|
interests: [],
|
|
isActive: false,
|
|
isAccepted: false,
|
|
createdAt: new Date(),
|
|
updatedAt: new Date(),
|
|
lastConnexion: new Date()
|
|
};
|
|
|
|
|
|
constructor( private messageService: MessageService,
|
|
private router: Router,
|
|
public dialog: MatDialog,
|
|
public themeService: ThemeService ) { }
|
|
|
|
|
|
// Envoie de l'utilisateur au backend
|
|
onValider(): void
|
|
{
|
|
this.checkField();
|
|
if(!this.hasError)
|
|
{
|
|
if(this.roleName === "advertiser") this.user.role = { name: "advertiser", permission: 5 };
|
|
else this.user.role = { name: "user", permission: 0 };
|
|
this.user.hashPass = this.hashage(this.password);
|
|
|
|
// FAUX CODE
|
|
const retour = { status: "succes" };
|
|
this.myCallback(retour);
|
|
|
|
// VRAI CODE
|
|
/*
|
|
this.messageService
|
|
.sendMessage('register', this.user)
|
|
.subscribe(retour => this.myCallback(retour));
|
|
*/
|
|
}
|
|
}
|
|
|
|
|
|
// Gestion de la réponde du backend
|
|
myCallback(retour): void
|
|
{
|
|
if(retour.status === "error")
|
|
{
|
|
console.log(retour);
|
|
}
|
|
else
|
|
{
|
|
const config = { width: '25%', data: { roleName: this.roleName} };
|
|
this.dialog
|
|
.open(PopupConfirmationComponent, config)
|
|
.afterClosed()
|
|
.subscribe(result => this.router.navigateByUrl( '/login' ));
|
|
}
|
|
}
|
|
|
|
|
|
// Check les champs saisies par l'utilisateur
|
|
checkField(): void
|
|
{
|
|
if(this.user.login.length === 0) {
|
|
this.errorMessage = "Veuillez remplir le champ 'login'.";
|
|
this.hasError = true;
|
|
}
|
|
else if(this.user.mail.length === 0) {
|
|
this.errorMessage = "Veuillez remplir le champ 'email'.";
|
|
this.hasError = true;
|
|
}
|
|
else if(!this.isValidEmail(this.user.mail)) {
|
|
this.errorMessage = "Email invalide";
|
|
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;
|
|
}
|
|
}
|
|
|
|
|
|
// Indique si email a bien le format d'un email
|
|
isValidEmail(email): boolean
|
|
{
|
|
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);
|
|
}
|
|
|
|
|
|
// Récupère la liste des centres d'intérets (car celle-ci est remplie à l'aide d'un component intermédiaire)
|
|
onEventInputInterests(myInterets: string[]): void
|
|
{
|
|
this.user.interests = myInterets;
|
|
}
|
|
|
|
|
|
// Fonction de hashage (faible)
|
|
hashage(input: string): string
|
|
{
|
|
let hash = 0;
|
|
for (let i = 0; i < input.length; i++) {
|
|
let ch = input.charCodeAt(i);
|
|
hash = ((hash << 5) - hash) + ch;
|
|
hash = hash & hash;
|
|
}
|
|
return hash.toString();
|
|
}
|
|
|
|
}
|