isa44.74/organizee-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #62 from AlineRinquin/login-message

Browse Source 
affichage de message d erreur lors du login
This commit is contained in:
AlineRinquin 2022-02-27 18:07:00 +01:00 committed by GitHub
commit 174c3fd77f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/signin/signin.component.html
View File

@ -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>

24
src/app/components/signin/signin.component.ts
View File

@ -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.authService.signin(email, password).subscribe(
{
next: resp => {
this.router.navigate(['tableau-de-bord']);
//}else{
// window.alert("Votre identifiant/mot de passe est erroné");
//}
console.log('Component Signin: ', resp);
},
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;
}
}
}