76 lines
2.1 KiB
JavaScript
76 lines
2.1 KiB
JavaScript
import { mapState, mapGetters, mapActions, mapMutations } from 'vuex'
|
|
import oauthApi from '../../services/new_api/oauth.js'
|
|
|
|
const LoginForm = {
|
|
data: () => ({
|
|
user: {},
|
|
error: false
|
|
}),
|
|
computed: {
|
|
isPasswordAuth () { return this.requiredPassword },
|
|
isTokenAuth () { return this.requiredToken },
|
|
...mapState({
|
|
registrationOpen: state => state.instance.registrationOpen,
|
|
instance: state => state.instance,
|
|
loggingIn: state => state.users.loggingIn,
|
|
oauth: state => state.oauth
|
|
}),
|
|
...mapGetters(
|
|
'authFlow', ['requiredPassword', 'requiredToken', 'requiredMFA']
|
|
)
|
|
},
|
|
methods: {
|
|
...mapMutations('authFlow', ['requireMFA']),
|
|
...mapActions({ login: 'authFlow/login' }),
|
|
submit () {
|
|
this.isTokenMethod ? this.submitToken() : this.submitPassword()
|
|
},
|
|
submitToken () {
|
|
oauthApi.login({
|
|
oauth: this.oauth,
|
|
instance: this.instance.server,
|
|
commit: this.$store.commit
|
|
})
|
|
},
|
|
submitPassword () {
|
|
const data = {
|
|
oauth: this.oauth,
|
|
instance: this.instance.server
|
|
}
|
|
this.error = false
|
|
|
|
oauthApi.getOrCreateApp(data).then((app) => {
|
|
oauthApi.getTokenWithCredentials(
|
|
{
|
|
app,
|
|
instance: data.instance,
|
|
username: this.user.username,
|
|
password: this.user.password
|
|
}
|
|
).then((result) => {
|
|
if (result.error) {
|
|
if (result.error === 'mfa_required') {
|
|
this.requireMFA({app: app, settings: result})
|
|
} else {
|
|
this.error = result.error
|
|
this.focusOnPasswordInput()
|
|
}
|
|
return
|
|
}
|
|
this.login(result).then(() => {
|
|
this.$router.push({name: 'friends'})
|
|
})
|
|
})
|
|
})
|
|
},
|
|
clearError () { this.error = false },
|
|
focusOnPasswordInput () {
|
|
let passwordInput = this.$refs.passwordInput
|
|
passwordInput.focus()
|
|
passwordInput.setSelectionRange(0, passwordInput.value.length)
|
|
}
|
|
}
|
|
}
|
|
|
|
export default LoginForm
|