formation 1 ano atrás
pai
commit
d92b46a32c

+ 21 - 4
angular-client/src/app/components/register/register.component.html

@@ -9,14 +9,14 @@
           <h1 class="row justify-content-center"><b>Inscription</b></h1>
 
           <div class="row justify-content-center ">
-            <button mat-raised-button class="col-10 col-lg-5 mr-lg-2 mb-2 googlelogin" style="background-color: #DB4437; color: white;">
+            <button (click)="signInWithGoogle()" mat-raised-button class="col-10 col-lg-5 mr-lg-2 mb-2 googlelogin" style="background-color: #AD0505; color: white;">
               <div class="row mt-1 ml-3">
                 <mat-icon class="ml-2" svgIcon="googleLogo"></mat-icon>
                 <p class="ml-2 marginButton">Se connecter avec Google</p>
               </div>
             </button>
           
-            <button mat-raised-button class="col-10 col-lg-5 ml-lg-2 mb-2 facebooklogin" style="background-color: #3b5998; color: white;">
+            <button mat-raised-button class="col-10 col-lg-5 ml-lg-2 mb-2 facebooklogin" style="background-color: #2121A1; color: white;">
               <div class="row mt-1 ml-3">
                 <mat-icon class="ml-2" svgIcon="facebookLogo"></mat-icon>
                 <p class="ml-2 marginButton">Se connecter avec Facebook</p>
@@ -108,12 +108,29 @@
             </mat-error>
             </mat-form-field>
           </div>
+          <div class="row justify-content-center">
+            
+              <span class="stay-signed in checkbox-container">
+                <label class="terms">
+                  <input type="checkbox" formControlName="terms">
+                  J'ai lu et j'accepte <a href="#" style="color: rgb(0, 81, 168); background-color: rgb(255, 255, 255);"> les conditions générales d'utilisation </a> et j'ai pris connaissance de la <a href="#"style="color: rgb(0, 81, 168); background-color: rgb(255, 255, 255);"> politique de confidentialité.</a>
+                </label>
+              
+              <label class="terms">
+                <mat-error *ngIf="!formGroup.controls['terms'].valid || formGroup.controls['terms'].touched"style="color: rgb(170, 19, 8); background-color: rgb(255, 255, 255);">
+                  {{ getErrorTerms() }}
+                </mat-error>
+              </label>
+            </span>
+
+          </div>
+
 
 
           <div class="row justify-content-center mt-3">
-            <button class="col-6 color-theme" mat-raised-button color="primary" type="submit">S'inscrire</button>
+            <button class="col-6 color-theme" mat-raised-button color="primary" type="submit" >S'inscrire</button>
           </div>
-          <p class="row justify-content-center mt-3">Vous avez un compte?<a class="ml-1" routerLink="/login">Se connecter</a></p>
+          <p class="row justify-content-center mt-3">Vous avez un compte?<a class="ml-1"  routerLink="/login" style="color: rgb(0, 81, 168); background-color: rgb(255, 255, 255);">Se connecter</a></p>
         </form>
       </mat-card-content>
     </mat-card>