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 0000000000000000000000000000000000000000..53a0b211a1269f2042c344831acbb80ea4c2de5d --- /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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 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 0000000000000000000000000000000000000000..7e1fe206224e2839b0969e2c0169de83dbfe513d --- /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 0000000000000000000000000000000000000000..15f1ae76d4a014899fff425dd908b5e69e98341f --- /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 0000000000000000000000000000000000000000..dfbe271ae99bd553d6ca059e4c6c01ef988dc191 --- /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 0000000000000000000000000000000000000000..265c14f79bd99b9575facfd3e90837e7a305870b --- /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 0000000000000000000000000000000000000000..fbf1fc38b81eb125a175de21ed933eca3e2f8034 --- /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 0000000000000000000000000000000000000000..dfbe271ae99bd553d6ca059e4c6c01ef988dc191 --- /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 0000000000000000000000000000000000000000..1c65e341938f0bb9fc7898660b08912cc24ecad1 --- /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() { + } + +}