+
+
+
diff --git a/src/app/pages/page-add-member/page-add-member.component.scss b/src/app/pages/page-add-member/page-add-member.component.scss
index e69de29..333e617 100644
--- a/src/app/pages/page-add-member/page-add-member.component.scss
+++ b/src/app/pages/page-add-member/page-add-member.component.scss
@@ -0,0 +1,32 @@
+.login-form {
+ height: 100vh;
+ padding-top: 40px;
+ background-color: #f5f5f5;
+}
+
+.form-signup {
+ width: 100%;
+ max-width: 330px;
+ padding: 15px;
+ margin: auto;
+}
+
+.form-signup .checkbox {
+ font-weight: 400;
+}
+
+.form-signup .form-floating:focus-within {
+ z-index: 2;
+}
+
+.form-signup input[type="email"] {
+ margin-bottom: -1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.form-signup input[type="password"] {
+ margin-bottom: 10px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
diff --git a/src/app/pages/page-add-member/page-add-member.component.ts b/src/app/pages/page-add-member/page-add-member.component.ts
index a77f630..426a262 100644
--- a/src/app/pages/page-add-member/page-add-member.component.ts
+++ b/src/app/pages/page-add-member/page-add-member.component.ts
@@ -1,4 +1,8 @@
import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { Membre } from 'src/app/models/membre';
+import { AuthService } from 'src/app/services/auth.service';
@Component({
selector: 'app-page-add-member',
@@ -7,9 +11,92 @@ import { Component, OnInit } from '@angular/core';
})
export class PageAddMemberComponent implements OnInit {
- constructor() { }
-
- ngOnInit(): void {
+ public addMemberForm: FormGroup;
+ constructor(
+ private authService: AuthService,
+ private router: Router,
+ private fb: FormBuilder
+ ) {
+ this.addMemberForm = new FormGroup({});
}
+ ngOnInit(): void {
+ // *********************************pensser a changer group car déprécié********************************
+ this.addMemberForm = this.fb.group(
+ {
+ firstNameFc: new FormControl('', [Validators.required]),
+ lastNameFc: new FormControl('', [Validators.required]),
+ dateNaissanceFc: 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.addMemberForm.value);
+ console.log('form : ', this.addMemberForm);
+ const firstNameValue = this.addMemberForm.value['firstNameFc'];
+ const lastNameValue = this.addMemberForm.value['lastNameFc'];
+ const emailValue = this.addMemberForm.value['emailFc'];
+ const passwordValue = this.addMemberForm.value['passwordFc'];
+ const dateNaissanceValue = this.addMemberForm.value['dateNaissanceFc'];
+ const teamNameValue = this.addMemberForm.value['teamNameFc'];
+ const profilValue = this.addMemberForm.value['profilFc'];
+ const passwordConfirmValue = this.addMemberForm.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(['account/signin']);
+ });
+ } 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);
+ }
+ };
+ }
}
diff --git a/src/app/pages/page-creation-team/page-creation-team.component.html b/src/app/pages/page-creation-team/page-creation-team.component.html
new file mode 100644
index 0000000..27d1f6c
--- /dev/null
+++ b/src/app/pages/page-creation-team/page-creation-team.component.html
@@ -0,0 +1,30 @@
+
+
+
diff --git a/src/app/pages/page-creation-team/page-creation-team.component.scss b/src/app/pages/page-creation-team/page-creation-team.component.scss
new file mode 100644
index 0000000..333e617
--- /dev/null
+++ b/src/app/pages/page-creation-team/page-creation-team.component.scss
@@ -0,0 +1,32 @@
+.login-form {
+ height: 100vh;
+ padding-top: 40px;
+ background-color: #f5f5f5;
+}
+
+.form-signup {
+ width: 100%;
+ max-width: 330px;
+ padding: 15px;
+ margin: auto;
+}
+
+.form-signup .checkbox {
+ font-weight: 400;
+}
+
+.form-signup .form-floating:focus-within {
+ z-index: 2;
+}
+
+.form-signup input[type="email"] {
+ margin-bottom: -1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.form-signup input[type="password"] {
+ margin-bottom: 10px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
diff --git a/src/app/pages/page-creation-team/page-creation-team.component.spec.ts b/src/app/pages/page-creation-team/page-creation-team.component.spec.ts
new file mode 100644
index 0000000..5386127
--- /dev/null
+++ b/src/app/pages/page-creation-team/page-creation-team.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageCreationTeamComponent } from './page-creation-team.component';
+
+describe('PageCreationTeamComponent', () => {
+ let component: PageCreationTeamComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ PageCreationTeamComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(PageCreationTeamComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/pages/page-creation-team/page-creation-team.component.ts b/src/app/pages/page-creation-team/page-creation-team.component.ts
new file mode 100644
index 0000000..9326242
--- /dev/null
+++ b/src/app/pages/page-creation-team/page-creation-team.component.ts
@@ -0,0 +1,72 @@
+import { Component, OnInit } from '@angular/core';
+import {
+ FormBuilder,
+ FormControl,
+ FormGroup,
+ Validators,
+} from '@angular/forms';
+import { Router } from '@angular/router';
+import { Team } from 'src/app/models/team';
+import { AuthService } from '../../services/auth.service';
+
+@Component({
+ selector: 'app-page-creation-team',
+ templateUrl: './page-creation-team.component.html',
+ styleUrls: ['./page-creation-team.component.scss'],
+})
+export class PageCreationTeamComponent implements OnInit {
+ public teamForm: FormGroup;
+ constructor(
+ private authService: AuthService,
+ private router: Router,
+ private fb: FormBuilder
+ ) {
+ this.teamForm = new FormGroup({});
+ }
+
+ ngOnInit(): void {
+ // *********************************penser a changer group car déprécié********************************
+ this.teamForm = new FormGroup({
+ nameFc : new FormControl('', [Validators.required])
+ });
+ }
+
+ public onSubmit(): void {
+ console.log('value : ', this.teamForm.value);
+ console.log('form : ', this.teamForm);
+ const nameValue = this.teamForm.value['nameFc'];
+
+ const team: Team = {
+ nom : nameValue,
+ };
+
+
+
+ if (team.nom !== '' ) {
+ this.authService.creationTeam(team).subscribe((resp) => {
+ this.router.navigate(['compte']);
+ });
+ } 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);
+ }
+ };
+ }
+}
+
diff --git a/src/app/pages/page-repertoire/page-repertoire.component.html b/src/app/pages/page-repertoire/page-repertoire.component.html
index 2d3d7d1..8919361 100644
--- a/src/app/pages/page-repertoire/page-repertoire.component.html
+++ b/src/app/pages/page-repertoire/page-repertoire.component.html
@@ -1,2 +1,32 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
{{ personne.prenom }} {{ personne.nom }}
+
+
+
+
+ {{ personne.telephone }}
+ {{ personne.email }}
+ {{ personne.dateNaissance }}