From b7c14c3a6ac42e77ea02592e66fc9b0a4f56cf28 Mon Sep 17 00:00:00 2001
From: chiahetcho <44137047+chiahetcho@users.noreply.github.com>
Date: Sun, 29 Sep 2019 21:20:28 +0200
Subject: [PATCH] Change form link (#39)

* Modify inscription page (#32)

* modify the order of blocks

* Update dependencies and TravisCI build (#33)

* Update dependencies via a clean npm install

* Use Node.js 10 in Travis CI

* Specify node==10.x for Heroku

* link changed and disabled when unchecked checkbox
---
 .../student-signup.component.html             | 25 ++++++++-----------
 .../student-signup.component.ts               |  4 ++-
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/app/signup/student-signup/student-signup.component.html b/src/app/signup/student-signup/student-signup.component.html
index 5563766..97d3cb6 100644
--- a/src/app/signup/student-signup/student-signup.component.html
+++ b/src/app/signup/student-signup/student-signup.component.html
@@ -51,27 +51,24 @@
       J'accepte qu'OSER utilise mes données personnelles fournies ci-dessus ou dans le formulaire d'inscription
       adminsitrative, dans le strict respect du cadre spécifié ci-dessus :
     </p>
-  </form>
-
 
-  <mat-checkbox id="checkboxUtilisation" class="checkbox-field" [(ngModel)]="agree" required>
-    J'accepte cette utilisation
-  </mat-checkbox>
-  <p class="text-center">
-    <a mat-raised-button color="accent" [disabled]="!agree"
+    <mat-checkbox id="checkboxUtilisation" class="checkbox-field" formControlName="agree" required>
+      J'accepte cette utilisation
 
-      href="https://docs.google.com/forms/u/1/d/1mIEy-FVgYvrL0Ntl8YpLKVn0DqpjSl9S_ekjqYo53rI/viewform" target="_blank">
-      <mat-icon>launch</mat-icon>
-      Remplir le formulaire
-    </a>
-  </p>
-  <form [formGroup]="formGroup" (ngSubmit)="submit()">
+    </mat-checkbox>
+    <p class="text-center">
+      <a mat-raised-button color="accent" [disabled]="formGroup.value.agree == false"
+        href="https://docs.google.com/forms/u/1/d/1mIEy-FVgYvrL0Ntl8YpLKVn0DqpjSl9S_ekjqYo53rI/viewform"
+        target="_blank">
+        <mat-icon>launch</mat-icon>
+        Remplir le formulaire
+      </a>
+    </p>
 
     <mat-checkbox class="checkbox-field" formControlName="filledForm" required>
       J'ai rempli le formulaire
     </mat-checkbox>
 
-
     <p>
       Il ne te reste plus qu'à choisir un mot de passe. :-)
     </p>
diff --git a/src/app/signup/student-signup/student-signup.component.ts b/src/app/signup/student-signup/student-signup.component.ts
index ac78486..95a4b36 100644
--- a/src/app/signup/student-signup/student-signup.component.ts
+++ b/src/app/signup/student-signup/student-signup.component.ts
@@ -41,9 +41,11 @@ export class StudentSignupComponent implements OnInit {
       phoneNumber: '',
       password: '',
       passwordConfirm: '',
+      agree: [false, Validators.required],
       filledForm: false,
       acceptedConditions: false,
-    }, { validator: (group) => this.checkPasswords(group)})
+    }, { validator: (group) => this.checkPasswords(group)},)
+    console.log(this.formGroup.value.agree)
   }
 
   private checkPasswords(group: FormGroup): null | any {
-- 
GitLab