108 lines
3.2 KiB
TypeScript
108 lines
3.2 KiB
TypeScript
import {Component, Inject, OnInit} from '@angular/core';
|
|
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
|
|
import {CheckEmailService} from "../../services/checkEmail/check-email.service";
|
|
import {MessageService} from "../../services/message/message.service";
|
|
|
|
|
|
|
|
@Component({
|
|
selector: 'app-popup-update-profil',
|
|
templateUrl: './popup-update-profil.component.html',
|
|
styleUrls: ['./popup-update-profil.component.scss']
|
|
})
|
|
export class PopupUpdateProfilComponent implements OnInit
|
|
{
|
|
personCopy: any;
|
|
newPassword: string = "";
|
|
confirmNewPassword: string = "" ;
|
|
changePassword: boolean = false ;
|
|
hasError: boolean = false;
|
|
errorMessage: string = "" ;
|
|
|
|
|
|
constructor( private checkEmailService: CheckEmailService,
|
|
private messageService: MessageService,
|
|
public dialogRef: MatDialogRef<PopupUpdateProfilComponent>,
|
|
@Inject(MAT_DIALOG_DATA) public data: any ) { }
|
|
|
|
|
|
ngOnInit(): void
|
|
{
|
|
const person = this.data.person;
|
|
this.personCopy = {
|
|
id: person.id,
|
|
nickname: person.nickname,
|
|
email: person.email,
|
|
is_admin: person.is_admin
|
|
};
|
|
}
|
|
|
|
|
|
// Appuie sur le bouton "valider"
|
|
onValider(): void
|
|
{
|
|
this.checkField();
|
|
if(!this.hasError)
|
|
{
|
|
let data: any = {nickname: this.personCopy.nickname};
|
|
if(this.changePassword) data = {
|
|
nickname: this.personCopy.nickname,
|
|
password: this.newPassword
|
|
};
|
|
this.messageService
|
|
.put("user/update", data)
|
|
.subscribe(ret => this.onValiderCallback(ret), err => this.onValiderCallback(err));
|
|
}
|
|
}
|
|
|
|
|
|
// Callback de 'onValider'
|
|
onValiderCallback(retour: any)
|
|
{
|
|
if(retour.status === "success")
|
|
{
|
|
this.dialogRef.close(retour);
|
|
}
|
|
else if(retour.status === "error")
|
|
{
|
|
console.log(retour);
|
|
this.errorMessage = retour.message;
|
|
this.hasError = true;
|
|
}
|
|
else {
|
|
console.log(retour);
|
|
this.dialogRef.close(null);
|
|
}
|
|
}
|
|
|
|
|
|
// Check les champs saisis par l'utilisateur
|
|
checkField(): void
|
|
{
|
|
if(this.personCopy.nickname.length === 0) {
|
|
this.errorMessage = "Veuillez remplir le champ 'pseudo'" ;
|
|
this.hasError = true;
|
|
}
|
|
else if(this.personCopy.email.length === 0) {
|
|
this.errorMessage = "Veuillez remplir le champ 'email'" ;
|
|
this.hasError = true;
|
|
}
|
|
else if(!this.checkEmailService.isValidEmail(this.personCopy.email)) {
|
|
this.errorMessage = "Email invalide" ;
|
|
this.hasError = true;
|
|
}
|
|
else if((this.changePassword) && (this.newPassword.length === 0)) {
|
|
this.errorMessage = "Veuillez remplir le champ 'mot de passe'";
|
|
this.hasError = true;
|
|
}
|
|
else if((this.changePassword) && (this.newPassword !== this.confirmNewPassword)) {
|
|
this.errorMessage = "Le mot de passe est différent de sa confirmation";
|
|
this.hasError = true;
|
|
}
|
|
else {
|
|
this.errorMessage = "" ;
|
|
this.hasError = false;
|
|
}
|
|
}
|
|
|
|
}
|