From 8b2a35ea8a08553e43d0a8dc568a22d25f69e699 Mon Sep 17 00:00:00 2001
From: Aidli Melissa <melissa.aidli@student-cs.fr>
Date: Wed, 7 Sep 2022 22:43:05 +0200
Subject: [PATCH] After email verification
---
.../parents-charter.component.html | 61 +++++++++++++++++
.../parents-charter.component.scss | 0
.../parents-charter.component.ts | 46 +++++++++++++
.../student-charter.component.html | 65 +++++++++++++++++++
.../student-charter.component.scss | 19 ++++++
.../student-charter.component.ts | 23 +++++++
.../valid-email/valid-email.component.html | 16 +++++
.../valid-email/valid-email.component.scss | 19 ++++++
.../valid-email/valid-email.component.ts | 15 +++++
9 files changed, 264 insertions(+)
create mode 100644 src/app/signup/parents-charter/parents-charter.component.html
create mode 100644 src/app/signup/parents-charter/parents-charter.component.scss
create mode 100644 src/app/signup/parents-charter/parents-charter.component.ts
create mode 100644 src/app/signup/student-charter/student-charter.component.html
create mode 100644 src/app/signup/student-charter/student-charter.component.scss
create mode 100644 src/app/signup/student-charter/student-charter.component.ts
create mode 100644 src/app/signup/valid-email/valid-email.component.html
create mode 100644 src/app/signup/valid-email/valid-email.component.scss
create mode 100644 src/app/signup/valid-email/valid-email.component.ts
diff --git a/src/app/signup/parents-charter/parents-charter.component.html b/src/app/signup/parents-charter/parents-charter.component.html
new file mode 100644
index 0000000..53a0b21
--- /dev/null
+++ b/src/app/signup/parents-charter/parents-charter.component.html
@@ -0,0 +1,61 @@
+<app-form-page>
+ <h1>
+ Signature de l'accord des parents
+ </h1>
+ <a>
+ Cette partie de l'inscription est à destination de tes parents.
+ </a>
+ <h2>
+ Qu'est-ce que OSER ?
+ </h2>
+ <p>
+ OSER c'est [...]
+ </p>
+
+ <a>
+ <mat-checkbox class="text-center" [checked]="$state_general" (click)="toggleGeneral()">J'autorise mon enfant à participer à OSER.</mat-checkbox>
+ </a>
+ <p>
+ <mat-hint>
+ Cette signature est obligatoire.
+ </mat-hint>
+ </p>
+ <h2>
+ Quelles sont les données récupérées par OSER ?
+ </h2>
+ <p>
+ OSER récupère les données XX pendant XX temps
+ </p>
+
+ <a>
+ <mat-checkbox class="text-center" [checked]="$state_data" (click)="toggleData()">J'autorise OSER à récupérer les données de mon enfant.</mat-checkbox>
+ </a>
+ <p>
+ <mat-hint>
+ Cette signature est obligatoire.
+ </mat-hint>
+ </p>
+
+ <h2>
+ Autorisation de droit à l'image
+ </h2>
+ <p>
+ Nous prenons des photos lors des projets sorties [...]
+ </p>
+
+
+ <mat-checkbox class="text-center" [checked]="$state_image" (click)="toggleImage()">J'autorise OSER à prendre en photo/vidéo mon enfant.</mat-checkbox>
+ <p>
+ <mat-hint>
+ Cette signature n'est pas obligatoire.
+ </mat-hint>
+ </p>
+
+ <div class="text-center">
+ <button mat-raised-button color="primary" [disabled]="!toggleSuivant()" routerLink='/membres/compte/modifier_donnees'>
+ Terminer l'inscription
+ </button>
+ </div>
+
+
+</app-form-page>
\ No newline at end of file
diff --git a/src/app/signup/parents-charter/parents-charter.component.scss b/src/app/signup/parents-charter/parents-charter.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/signup/parents-charter/parents-charter.component.ts b/src/app/signup/parents-charter/parents-charter.component.ts
new file mode 100644
index 0000000..7e1fe20
--- /dev/null
+++ b/src/app/signup/parents-charter/parents-charter.component.ts
@@ -0,0 +1,46 @@
+import { Component, OnInit } from '@angular/core';
+
+import { Registration, RegistrationService, PasswordErrorStateMatcher,PersonnalData,PersonnalDataService } from '../core';
+import { StudentSignupComponent } from '../student-signup/student-signup.component';
+
+@Component({
+ selector: 'app-parents-charter',
+ templateUrl: './parents-charter.component.html',
+ styleUrls: ['./parents-charter.component.scss']
+})
+export class ParentsCharterComponent implements OnInit {
+
+ state_general:boolean;
+ state_data:boolean;
+ state_image:boolean;
+ state_button:boolean;
+
+
+ constructor() { }
+
+ ngOnInit() {
+
+ }
+
+ toggleGeneral(){
+ this.state_general=!this.state_general;
+ }
+ toggleData(){
+ this.state_data=!this.state_data;
+ }
+
+ toggleImage(){
+ this.state_image=!this.state_image;
+ }
+
+ toggleSuivant(){
+ this.state_button = !this.state_general || !this.state_data;
+ return !this.state_button;
+ }
+
+ submit(){
+
+
+ }
+
+}
diff --git a/src/app/signup/student-charter/student-charter.component.html b/src/app/signup/student-charter/student-charter.component.html
new file mode 100644
index 0000000..15f1ae7
--- /dev/null
+++ b/src/app/signup/student-charter/student-charter.component.html
@@ -0,0 +1,65 @@
+<app-form-page>
+ <h1>
+ Signature charte du tutoré
+ </h1>
+ <p>
+ Nous allons te présenter la charte du tutoré.[...]
+ </p>
+ <p>
+ Tu vas devoir la lire <b>attentivement</b> et la signer pour continuer ton inscription.
+ </p>
+ <h2>
+ Charte du tutoré
+ </h2>
+ <p>
+ Tu t’es inscrit au tutorat d’Ouverture Sociale pour l’Egalité et la Réussite (OSER), et je t’en félicite ! Je
+ te promets que tu ne regretteras pas ce choix !
+ Pour passer une année vraiment formidable et enrichissante, nous te demandons de t’engager sur
+ quatre points concernant les séances de tutorat, mais aussi les activités supplémentaires qui sont
+ proposées par OSER. De notre côté, nous nous engageons à être présents pour t’accueillir à chaque
+ séance et te proposer des activités, des sorties, et des stages à la hauteur de tes attentes. C’est donc
+ normal que nous te demandions quelques efforts aussi ; rien de bien méchant ni de compliqué !
+ </p>
+ <p>
+ • Tu t’engages à être présent, à l’heure, à toutes les séances de tutorat. Bien sûr, si un jour tu as un
+ empêchement, nous comprendrons, mais essaie de nous prévenir avant.
+ </p>
+ <p>
+ • Tu t’engages à respecter aussi bien les tuteurs que les autres lycéens pendant les séances, sorties,
+ projets, et à participer un minimum aux activités. Venir en séance pour rester au fond de la salle et
+ passer le temps sur ton téléphone n’a aucun intérêt, ni pour toi, ni pour nous. Le respect des tuteurs
+ passe aussi par le fait, lorsqu’il y a un goûter, d’éviter d’en mettre partout, car c’est nous qui nettoyons
+ après.
+ </p>
+ <p>
+ • Tu t’engages, lorsque tu t’inscris à une sortie, à t’y rendre, et à respecter les consignes des tuteurs
+ qui t’accompagneront. Si tu as un empêchement, tu dois prévenir quelqu’un de l’association.
+ </p>
+ <p>
+ • Tu t’engages, lors des voyages et stages organisés, à respecter les instructions des tuteurs présents,
+ et ce pour des raisons évidentes de sécurité.
+ Ces quelques engagements te permettront de retirer un maximum du programme d’OSER.
+ </p>
+
+
+
+ <a>
+ <mat-checkbox class="text-center" [checked]="$state" (click)="toggle()">J'ai lu la charte du tutoré et
+ je m'engage à la respecter.</mat-checkbox>
+ </a>
+ <p>
+ <mat-hint>
+ Cette signature est obligatoire.
+ </mat-hint>
+ </p>
+
+
+ <div class="text-center">
+ <button mat-raised-button color="primary" [disabled]="!state" routerLink='/inscription/parents-charter'>
+ Suivant
+ </button>
+ </div>
+
+
+
+</app-form-page>
\ No newline at end of file
diff --git a/src/app/signup/student-charter/student-charter.component.scss b/src/app/signup/student-charter/student-charter.component.scss
new file mode 100644
index 0000000..dfbe271
--- /dev/null
+++ b/src/app/signup/student-charter/student-charter.component.scss
@@ -0,0 +1,19 @@
+.checkbox-field {
+ display: block;
+ margin: .5em 0;
+ }
+ .form-group{
+ display:flex;
+ flex-direction: row;
+ justify-content: space-between;
+ }
+ .horizontal-display{
+ width:45%;
+ }
+ .adress-input{
+ margin:5px;
+ }
+
+ .quarter-display{
+ width:25%;
+ }
\ No newline at end of file
diff --git a/src/app/signup/student-charter/student-charter.component.ts b/src/app/signup/student-charter/student-charter.component.ts
new file mode 100644
index 0000000..265c14f
--- /dev/null
+++ b/src/app/signup/student-charter/student-charter.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { StaticInjector } from '@angular/core/src/di/injector';
+
+@Component({
+ selector: 'app-student-charter',
+ templateUrl: './student-charter.component.html',
+ styleUrls: ['./student-charter.component.scss']
+})
+export class StudentCharterComponent implements OnInit {
+
+ state:boolean;
+
+ constructor() { }
+
+ ngOnInit() {
+
+ }
+
+ toggle(){
+ this.state=!this.state;
+ }
+
+}
diff --git a/src/app/signup/valid-email/valid-email.component.html b/src/app/signup/valid-email/valid-email.component.html
new file mode 100644
index 0000000..fbf1fc3
--- /dev/null
+++ b/src/app/signup/valid-email/valid-email.component.html
@@ -0,0 +1,16 @@
+<app-form-page>
+ <h2>
+ Adresse email validée !
+ </h2>
+ <p>
+ Tu viens de valider ton adresse email ! Il ne reste plus que quelques étapes avant la fin de l'inscription.
+ </p>
+
+ <div class="text-center">
+ <button mat-raised-button color="primary" >
+ <a routerLink='/inscription/student-charter'>
+ Suivant
+ </a>
+ </button>
+ </div>
+</app-form-page>
diff --git a/src/app/signup/valid-email/valid-email.component.scss b/src/app/signup/valid-email/valid-email.component.scss
new file mode 100644
index 0000000..dfbe271
--- /dev/null
+++ b/src/app/signup/valid-email/valid-email.component.scss
@@ -0,0 +1,19 @@
+.checkbox-field {
+ display: block;
+ margin: .5em 0;
+ }
+ .form-group{
+ display:flex;
+ flex-direction: row;
+ justify-content: space-between;
+ }
+ .horizontal-display{
+ width:45%;
+ }
+ .adress-input{
+ margin:5px;
+ }
+
+ .quarter-display{
+ width:25%;
+ }
\ No newline at end of file
diff --git a/src/app/signup/valid-email/valid-email.component.ts b/src/app/signup/valid-email/valid-email.component.ts
new file mode 100644
index 0000000..1c65e34
--- /dev/null
+++ b/src/app/signup/valid-email/valid-email.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-valid-email',
+ templateUrl: './valid-email.component.html',
+ styleUrls: ['./valid-email.component.scss']
+})
+export class ValidEmailComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
--
GitLab