125 lines
3.7 KiB
TypeScript
125 lines
3.7 KiB
TypeScript
import {Component, Inject, OnInit} from '@angular/core';
|
|
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
|
|
import {MessageService} from "../../../utils/message/message.service";
|
|
|
|
@Component({
|
|
selector: 'app-popup-create-user',
|
|
templateUrl: './popup-create-user.component.html',
|
|
styleUrls: ['./popup-create-user.component.scss']
|
|
})
|
|
export class PopupCreateUserComponent implements OnInit
|
|
{
|
|
user: any;
|
|
hasError: boolean = false;
|
|
errorMessage: string = "";
|
|
password: string = "";
|
|
confirmPassword: string = "";
|
|
|
|
|
|
constructor( public dialogRef: MatDialogRef<PopupCreateUserComponent>,
|
|
@Inject(MAT_DIALOG_DATA) public data,
|
|
private messageService: MessageService ) { }
|
|
|
|
|
|
// Initialise l'utilisateur qui va être créé
|
|
ngOnInit(): void
|
|
{
|
|
this.user = {
|
|
_id: "",
|
|
login: "",
|
|
hashPass: "",
|
|
email: "",
|
|
role: {
|
|
name: "",
|
|
permission: 0,
|
|
isAccepted: false,
|
|
},
|
|
profileImageUrl: "",
|
|
dateOfBirth: null,
|
|
gender: "man",
|
|
interests: [],
|
|
company: "",
|
|
isActive: false,
|
|
createdAt: new Date(),
|
|
updatedAt: new Date(),
|
|
lastConnexion: new Date()
|
|
};
|
|
}
|
|
|
|
|
|
// Crée le nouvel utilisateur
|
|
onEnregistrer(): void
|
|
{
|
|
this.checkField();
|
|
if(!this.hasError)
|
|
{
|
|
this.user.hashPass = this.password;
|
|
this.user.role = this.user.role.name;
|
|
this.messageService
|
|
.post("user/create", this.user)
|
|
.subscribe(ret => this.onEnregistrerCallback(ret), err => this.onEnregistrerCallback(err));
|
|
}
|
|
}
|
|
|
|
|
|
// Callback de 'onEnregistrer'
|
|
onEnregistrerCallback(retour: any): void
|
|
{
|
|
if(retour.status !== "success") {
|
|
console.log(retour);
|
|
}
|
|
else {
|
|
this.dialogRef.close(retour.data);
|
|
}
|
|
}
|
|
|
|
|
|
// Check les champs saisies par l'utilisateur
|
|
checkField(): void
|
|
{
|
|
if(this.user.login.length === 0) {
|
|
this.errorMessage = "Veuillez remplir le champ 'pseudo'.";
|
|
this.hasError = true;
|
|
}
|
|
else if(this.user.email.length === 0) {
|
|
this.errorMessage = "Veuillez remplir le champ 'email'.";
|
|
this.hasError = true;
|
|
}
|
|
else if(!this.isValidEmail(this.user.email)) {
|
|
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 if((this.user.role.name === 'advertiser') && (this.user.company.length === 0)) {
|
|
this.errorMessage = "Veuillez remplir le champ 'entreprise'.";
|
|
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;
|
|
}
|
|
|
|
}
|