52 lines
2.5 KiB
Vue
52 lines
2.5 KiB
Vue
<template>
|
|
<div class="signup-buttons">
|
|
<a href="#" class="google-signup" @click.prevent="loginWithGoogle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><title>Google</title><g fill="none" fill-rule="evenodd"><path fill="#4285F4" d="M17.64 9.2045c0-.6381-.0573-1.2518-.1636-1.8409H9v3.4814h4.8436c-.2086 1.125-.8427 2.0782-1.7959 2.7164v2.2581h2.9087c1.7018-1.5668 2.6836-3.874 2.6836-6.615z"></path><path fill="#34A853" d="M9 18c2.43 0 4.4673-.806 5.9564-2.1805l-2.9087-2.2581c-.8059.54-1.8368.859-3.0477.859-2.344 0-4.3282-1.5831-5.036-3.7104H.9574v2.3318C2.4382 15.9832 5.4818 18 9 18z"></path><path fill="#FBBC05" d="M3.964 10.71c-.18-.54-.2822-1.1168-.2822-1.71s.1023-1.17.2823-1.71V4.9582H.9573A8.9965 8.9965 0 0 0 0 9c0 1.4523.3477 2.8268.9573 4.0418L3.964 10.71z"></path><path fill="#EA4335" d="M9 3.5795c1.3214 0 2.5077.4541 3.4405 1.346l2.5813-2.5814C13.4632.8918 11.426 0 9 0 5.4818 0 2.4382 2.0168.9573 4.9582L3.964 7.29C4.6718 5.1627 6.6559 3.5795 9 3.5795z"></path></g></svg>
|
|
Google
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import router from '@/router/router'
|
|
import {logWithGoogle, getAccounts} from '@/service/noscomptes'
|
|
import {getJointAccounts} from "@/service/jointAccount";
|
|
export default {
|
|
name: 'login_signup_social',
|
|
mounted () {
|
|
},
|
|
methods: {
|
|
loginWithGoogle () {
|
|
this.$gAuth
|
|
.signIn()
|
|
.then(GoogleUser => {
|
|
return logWithGoogle(GoogleUser.getAuthResponse().id_token).then(data => {
|
|
console.log( GoogleUser.getBasicProfile())
|
|
let userInfoMapped = {
|
|
nosComptesId: data.id,
|
|
googleId: GoogleUser.getBasicProfile().getId(),
|
|
firstName: GoogleUser.getBasicProfile().getGivenName(),
|
|
email: GoogleUser.getBasicProfile().getEmail(),
|
|
oauth_token: GoogleUser.getAuthResponse().id_token,
|
|
}
|
|
this.$store.commit('setLoginUser', userInfoMapped)
|
|
return userInfoMapped
|
|
|
|
})})
|
|
.then(userInfo => {
|
|
getAccounts(userInfo.oauth_token, userInfo.nosComptesId).then(data => {
|
|
this.$store.commit('userAccounts', data)
|
|
})
|
|
getJointAccounts(userInfo.oauth_token, userInfo.nosComptesId).then(data => {
|
|
this.$store.commit('userJointAccounts', data)
|
|
})
|
|
router.push('/')
|
|
})
|
|
.catch(error => {
|
|
console.log('error', error)
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|