-
Notifications
You must be signed in to change notification settings - Fork 6
/
login.component.ts
48 lines (41 loc) · 1.3 KB
/
login.component.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import { AuthService } from './../../services/auth.service'
import { Component, OnInit, AfterViewInit } from '@angular/core'
import * as firebaseui from 'firebaseui'
import * as firebase from 'firebase'
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit, AfterViewInit {
constructor(
public auth: AuthService
) { }
ngOnInit() {
}
ngAfterViewInit() {
this.initUI()
}
initUI() {
const ui = new firebaseui.auth.AuthUI(this.auth.auth);
// The start method will wait until the DOM is loaded.
const uiConfig = {
signInSuccessUrl: '<url-to-redirect-to-on-success>',
signInOptions: [
// Leave the lines as is for the providers you want to offer your users.
firebase.auth.GoogleAuthProvider.PROVIDER_ID,
firebase.auth.FacebookAuthProvider.PROVIDER_ID,
firebase.auth.TwitterAuthProvider.PROVIDER_ID,
firebase.auth.GithubAuthProvider.PROVIDER_ID,
firebase.auth.EmailAuthProvider.PROVIDER_ID,
firebase.auth.PhoneAuthProvider.PROVIDER_ID
],
// Terms of service url.
// tosUrl: '<your-tos-url>'
}
ui.start('.firebaseui', uiConfig)
}
isLoggedIn() {
return !!this.auth.currentUser
}
}