45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { Router } from '@angular/router';
|
|
import { AuthService } from '../auth.service';
|
|
|
|
@Component({
|
|
selector: 'app-login',
|
|
templateUrl: './login.component.html',
|
|
})
|
|
export class LoginComponent implements OnInit {
|
|
message: string = 'Vous êtes déconnecté. (pikachu/pikachu)';
|
|
name: string;
|
|
password: string;
|
|
auth: AuthService;
|
|
|
|
constructor(private authService: AuthService, private router: Router) {}
|
|
|
|
ngOnInit() {
|
|
this.auth = this.authService;
|
|
}
|
|
|
|
setMessage() {
|
|
if (this.auth.isLoggedIn) {
|
|
this.message = 'Vous êtes connecté.';
|
|
} else {
|
|
this.message = 'Identifiant ou mot de passe incorrect.';
|
|
}
|
|
}
|
|
|
|
login() {
|
|
this.message = 'Tentative de connexion en cours.';
|
|
this.auth.login(this.name, this.password).subscribe((isLoggedIn) => {
|
|
this.setMessage();
|
|
if (isLoggedIn) {
|
|
this.password = '';
|
|
this.router.navigate(['/pokemons']);
|
|
}
|
|
});
|
|
}
|
|
|
|
logout() {
|
|
this.auth.logout();
|
|
this.message = 'Vous êtes déconnecté.';
|
|
}
|
|
}
|