From b0c15f976b83dd76840db386c41aca0ea4f51f40 Mon Sep 17 00:00:00 2001
From: Hedi <hedi.mjid@gmail.com>
Date: Sun, 27 Feb 2022 17:55:42 +0100
Subject: [PATCH] affichage de message d erreur lors du login

---
 .../components/signin/signin.component.html   |  7 ++++-
 src/app/components/signin/signin.component.ts | 28 +++++++++++--------
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/app/components/signin/signin.component.html b/src/app/components/signin/signin.component.html
index da3a865..83e4a52 100644
--- a/src/app/components/signin/signin.component.html
+++ b/src/app/components/signin/signin.component.html
@@ -24,8 +24,13 @@
 
     </form>
     <a routerLink="/password-oublie" routerLinkActive="active-custom" class="nav-link">password perdu ?</a>
-    <div *ngIf="errorForm">
+    <!-- <div *ngIf="errorForm">
       <p class="text-danger">Il manque des informations dans le formulaire...</p>
+    </div> -->
+    <div *ngIf="isShow">
+      <div class="alert alert-{{alert.type}}" role="alert">
+        {{alert.content}}
+      </div>
     </div>
   </main>
 </div>
diff --git a/src/app/components/signin/signin.component.ts b/src/app/components/signin/signin.component.ts
index 7ae9a33..ff6c04d 100644
--- a/src/app/components/signin/signin.component.ts
+++ b/src/app/components/signin/signin.component.ts
@@ -14,9 +14,10 @@ import {
   styleUrls: ['./signin.component.scss'],
 })
 export class SigninComponent implements OnInit {
-  public errorForm: boolean;
+  alert : any;
+  isShow : boolean;
   constructor(private authService: AuthService, private router: Router) {
-    this.errorForm = false;
+    this.isShow = false;
   }
 
   ngOnInit(): void {}
@@ -26,18 +27,21 @@ export class SigninComponent implements OnInit {
     const email = submittedForm.form.value['email'];
     const password = submittedForm.form.value['password'];
     if (email !== '' && password !== '') {
-      this.authService.signin(email, password).subscribe((resp) => {
-        console.log('Component Signin: ', resp);
-        //if(resp == ){
-          this.router.navigate(['tableau-de-bord']);
-        //}else{
-         // window.alert("Votre identifiant/mot de passe est erroné");
-        //}
-        console.log('Component Signin: ', resp);
-      });
+      this.authService.signin(email, password).subscribe(
+        {
+          next: resp => {
+            this.router.navigate(['tableau-de-bord']);
+          },
+          error: err => {
+            this.alert={"type":"danger", "content":"Le login ou paswword est invalide"};
+            this.isShow = true;
+          },
+          complete: () => console.log('DONE!')
+        });
     } else {
       // afficher une erreur à l'utilisateur
-      this.errorForm = true;
+      this.alert={"type":"danger", "content":"Le login ou password est invalide"};
+      this.isShow = true;
     }
   }
 }