39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import {Component, NgZone, OnInit} from '@angular/core';
|
|
import {Router} from '@angular/router';
|
|
import firebase from 'firebase';
|
|
import {expandDown, fadeIn, fadeOut} from '../../animations';
|
|
import {AngularFireAuth} from '@angular/fire/auth';
|
|
import GoogleAuthProvider = firebase.auth.GoogleAuthProvider;
|
|
|
|
@Component({
|
|
selector: 'app-login',
|
|
templateUrl: './login.component.html',
|
|
animations: [expandDown, fadeIn, fadeOut]
|
|
})
|
|
export class LoginComponent implements OnInit {
|
|
animate = false;
|
|
show = true;
|
|
loading = false;
|
|
|
|
constructor(private auth: AngularFireAuth, private ngZone: NgZone, public router: Router) { }
|
|
|
|
ngOnInit() {
|
|
this.auth.onAuthStateChanged(user => {
|
|
if(!!user) {
|
|
this.show = false;
|
|
setTimeout(() => {
|
|
this.ngZone.runTask(() => this.router.navigate(['/dashboard']));
|
|
}, 800);
|
|
}
|
|
});
|
|
|
|
setTimeout(() => this.animate = true, 1000);
|
|
}
|
|
|
|
async login() {
|
|
this.loading = true;
|
|
await this.auth.signInWithPopup(new GoogleAuthProvider());
|
|
this.loading = false;
|
|
}
|
|
}
|