File tree Expand file tree Collapse file tree 5 files changed +22
-21
lines changed Expand file tree Collapse file tree 5 files changed +22
-21
lines changed Original file line number Diff line number Diff line change 11
11
"lint" : " eslint --ext .js,.vue src"
12
12
},
13
13
"dependencies" : {
14
- "firebase" : " ^4.4.0 " ,
15
- "vue" : " ^2.3.3 " ,
16
- "vue-router" : " ^2.3 .1" ,
17
- "vuetify" : " ^0.15.7 " ,
18
- "vuex" : " ^2.4 .0"
14
+ "firebase" : " ^4.12.1 " ,
15
+ "vue" : " ^2.5.16 " ,
16
+ "vue-router" : " ^2.8 .1" ,
17
+ "vuetify" : " ^1.0.14 " ,
18
+ "vuex" : " ^2.5 .0"
19
19
},
20
20
"devDependencies" : {
21
21
"autoprefixer" : " ^7.1.2" ,
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<v-app >
3
- <v-navigation-drawer temporary v-model =" sideNav" >
3
+ <v-navigation-drawer fixed temporary v-model =" sideNav" >
4
4
<v-list >
5
5
<v-list-tile
6
6
v-for =" item in menuItems"
26
26
@click.stop =" sideNav = !sideNav"
27
27
class =" hidden-sm-and-up " ></v-toolbar-side-icon >
28
28
<v-toolbar-title >
29
- <router-link to =" /" tag =" span" style =" cursor : pointer " >Firebase Auth</router-link >
29
+ <router-link to =" /" tag =" span" style =" cursor : pointer " >Firebase Auth Vuex </router-link >
30
30
</v-toolbar-title >
31
31
<v-spacer ></v-spacer >
32
32
<v-toolbar-items class =" hidden-xs-only" >
Original file line number Diff line number Diff line change 3
3
<v-layout >
4
4
<v-flex xs12 sm6 offset-sm3 >
5
5
<v-card >
6
- <v-card-title primary-title >
6
+ <v-card-text >
7
7
<div class =" text-md-center" >
8
- <h2 >Login Success</h2 >
9
- <h4 class =" headline mb-0" >{{ user.name }}</h4 >
10
- <h4 class =" headline mb-0" >{{ user.email }}</h4 >
8
+ <v-icon large color =" green darken-2" >check_circle</v-icon >
9
+ <h1 class =" green--text" >Login Success</h1 >
10
+ <h4 class =" headline mb-0" ><b class =" red--text" >Name :</b > {{ user.name }}</h4 >
11
+ <h4 class =" headline mb-0" ><b class =" red--text" >Email :</b > {{ user.email }}</h4 >
11
12
</div >
12
- </v-card-title >
13
- </v-card >
13
+ </v-card-text >
14
+ </v-card >
14
15
</v-flex >
15
16
</v-layout >
16
17
</v-container >
Original file line number Diff line number Diff line change 15
15
<v-flex xs12 >
16
16
<v-text-field
17
17
name =" email"
18
- label =" Mail "
18
+ label =" Email "
19
19
id =" email"
20
20
v-model =" email"
21
21
type =" email"
45
45
</v-btn >
46
46
</div >
47
47
<div class =" text-xs-center" >
48
- <v-btn round class =" red" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninGoogle" >Login with Google
48
+ <v-btn round color =" red" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninGoogle" >Login with Google
49
49
<v-icon right dark >lock_open</v-icon >
50
50
<span slot =" loader" class =" custom-loader" >
51
51
<v-icon light >cached</v-icon >
52
52
</span >
53
53
</v-btn >
54
54
</div >
55
55
<div class =" text-xs-center" >
56
- <v-btn round primary dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninFacebook" >Login with Facebook
56
+ <v-btn round color = " primary" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninFacebook" >Login with Facebook
57
57
<v-icon right dark >lock_open</v-icon >
58
58
<span slot =" loader" class =" custom-loader" >
59
59
<v-icon light >cached</v-icon >
69
69
</v-btn >
70
70
</div >
71
71
<div class =" text-xs-center" >
72
- <v-btn round info dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninTwitter" >Login with Twitter
72
+ <v-btn round color = " info" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninTwitter" >Login with Twitter
73
73
<v-icon right dark >lock_open</v-icon >
74
74
<span slot =" loader" class =" custom-loader" >
75
75
<v-icon light >cached</v-icon >
Original file line number Diff line number Diff line change 15
15
<v-flex xs12 >
16
16
<v-text-field
17
17
name =" email"
18
- label =" Mail "
18
+ label =" Email "
19
19
id =" email"
20
20
v-model =" email"
21
21
type =" email"
56
56
</v-btn >
57
57
</div >
58
58
<div class =" text-xs-center" >
59
- <v-btn round class =" red" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninGoogle" >Login with Google
59
+ <v-btn round color =" red" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninGoogle" >Login with Google
60
60
<v-icon right dark >lock_open</v-icon >
61
61
<span slot =" loader" class =" custom-loader" >
62
62
<v-icon light >cached</v-icon >
63
63
</span >
64
64
</v-btn >
65
65
</div >
66
66
<div class =" text-xs-center" >
67
- <v-btn round primary dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninFacebook" >Login with Facebook
67
+ <v-btn round color = " primary" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninFacebook" >Login with Facebook
68
68
<v-icon right dark >lock_open</v-icon >
69
69
<span slot =" loader" class =" custom-loader" >
70
70
<v-icon light >cached</v-icon >
80
80
</v-btn >
81
81
</div >
82
82
<div class =" text-xs-center" >
83
- <v-btn round info dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninTwitter" >Login with Twitter
83
+ <v-btn round color = " info" dark :disabled =" loading" :loading =" loading" @click.prevent =" onSigninTwitter" >Login with Twitter
84
84
<v-icon right dark >lock_open</v-icon >
85
85
<span slot =" loader" class =" custom-loader" >
86
86
<v-icon light >cached</v-icon >
You can’t perform that action at this time.
0 commit comments