106 lines
3.4 KiB
TypeScript
106 lines
3.4 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import {
|
|
FormBuilder,
|
|
FormControl,
|
|
FormGroup,
|
|
Validators,
|
|
} from '@angular/forms';
|
|
import { Router } from '@angular/router';
|
|
import { Membre } from '../../models/membre';
|
|
import { AuthService } from '../../services/auth.service';
|
|
|
|
@Component({
|
|
selector: 'app-page-signup',
|
|
templateUrl: './page-signup.component.html',
|
|
styleUrls: ['./page-signup.component.scss'],
|
|
})
|
|
export class PageSignupComponent implements OnInit {
|
|
public signupForm: FormGroup;
|
|
constructor(
|
|
private authService: AuthService,
|
|
private router: Router,
|
|
private fb: FormBuilder
|
|
) {
|
|
this.signupForm = new FormGroup({});
|
|
}
|
|
|
|
ngOnInit(): void {
|
|
// *********************************penser a changer group car déprécié********************************
|
|
this.signupForm = this.fb.group(
|
|
{
|
|
firstNameFc: new FormControl('', [Validators.required]),
|
|
lastNameFc: new FormControl('', [Validators.required]),
|
|
dateNaissanceFc: new FormControl('', [Validators.required]),
|
|
teamNameFc: new FormControl('', [Validators.required]),
|
|
profilFc: new FormControl('', [Validators.required]),
|
|
emailFc: new FormControl('', [
|
|
Validators.email,
|
|
Validators.required,
|
|
Validators.pattern(/^([\w\.\-_]+)?\w+@[\w-_]+(\.\w+){1,}/gim),
|
|
]), // chercher une meilleure regex
|
|
passwordFc: new FormControl('', [
|
|
Validators.minLength(8),
|
|
Validators.required,
|
|
]),
|
|
passwordConfirmFc: new FormControl('', [
|
|
Validators.minLength(8),
|
|
Validators.required,
|
|
]),
|
|
},
|
|
{
|
|
validator: this.ConfirmedValidator('passwordFc', 'passwordConfirmFc'),
|
|
}
|
|
);
|
|
}
|
|
|
|
public onSubmit(): void {
|
|
console.log('value : ', this.signupForm.value);
|
|
console.log('form : ', this.signupForm);
|
|
const firstNameValue = this.signupForm.value['firstNameFc'];
|
|
const lastNameValue = this.signupForm.value['lastNameFc'];
|
|
const emailValue = this.signupForm.value['emailFc'];
|
|
const passwordValue = this.signupForm.value['passwordFc'];
|
|
const dateNaissanceValue = this.signupForm.value['dateNaissanceFc'];
|
|
const teamNameValue = this.signupForm.value['teamNameFc'];
|
|
const profilValue = this.signupForm.value['profilFc'];
|
|
const passwordConfirmValue = this.signupForm.value['passwordConfirmFc'];
|
|
const teamValue = '';
|
|
|
|
const membre: Membre = {
|
|
nom: firstNameValue,
|
|
prenom: lastNameValue,
|
|
email: emailValue,
|
|
password: passwordValue,
|
|
dateNaissance: dateNaissanceValue,
|
|
profil: profilValue,
|
|
passwordConfirm: passwordConfirmValue,
|
|
roleList: ["ROLE_PARENT"]
|
|
};
|
|
|
|
if (membre.email !== '' && membre.password !== '') {
|
|
this.authService.signup(membre).subscribe((resp) => {
|
|
this.router.navigate(['accueil']);
|
|
});
|
|
} else {
|
|
// affichage erreur
|
|
}
|
|
}
|
|
|
|
ConfirmedValidator(controlName: string, matchingControlName: string) {
|
|
return (formGroup: FormGroup) => {
|
|
const control = formGroup.controls[controlName];
|
|
const matchingControl = formGroup.controls[matchingControlName];
|
|
if (
|
|
matchingControl.errors &&
|
|
!matchingControl.errors['confirmedValidator']
|
|
) {
|
|
return;
|
|
}
|
|
if (control.value !== matchingControl.value) {
|
|
matchingControl.setErrors({ confirmedValidator: true });
|
|
} else {
|
|
matchingControl.setErrors(null);
|
|
}
|
|
};
|
|
}
|
|
}
|