64 lines
1.8 KiB
Vue
64 lines
1.8 KiB
Vue
<template lang='pug'>
|
|
el-card
|
|
|
|
nuxt-link.float-right(to='/')
|
|
v-icon(name='times' color='red')
|
|
h5 {{$t('common.register')}}
|
|
|
|
el-form(method='POST' action='/api/user')
|
|
p(v-html="$t('register.description')")
|
|
el-input.mb-2(ref='email' v-model='user.email' type='email' required
|
|
:placeholder='$t("common.email")' autocomplete='email' name='email')
|
|
span(slot='prepend') @
|
|
|
|
el-input.mb-2(v-model='user.password' type="password" placeholder="Password" name='password')
|
|
v-icon(name='lock' slot='prepend')
|
|
|
|
el-input.mb-2(v-model='user.description' type="textarea" rows='3' :placeholder="$t('common.description')")
|
|
v-icon(name='envelope-open-text')
|
|
|
|
el-button(plain type="success" native-type='submit'
|
|
:disabled='disabled'
|
|
@click='register') {{$t('common.send')}} <v-icon name='chevron-right'/>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapActions } from 'vuex'
|
|
import { Message } from 'element-ui'
|
|
|
|
export default {
|
|
name: 'Register',
|
|
data () {
|
|
return {
|
|
error: {},
|
|
user: { }
|
|
}
|
|
},
|
|
computed: {
|
|
disabled () {
|
|
if (process.server) return false
|
|
return !this.user.password || !this.user.email || !this.user.description
|
|
}
|
|
},
|
|
methods: {
|
|
...mapActions(['login']),
|
|
async register () {
|
|
try {
|
|
const user = await this.$axios.$post('/user', this.user)
|
|
Message({
|
|
message: this.$t(`register.${user.is_admin && 'admin_'}complete`),
|
|
type: 'success'
|
|
})
|
|
this.$router.replace("/")
|
|
} catch (e) {
|
|
const error = e && e.response && e.response.data && e.response.data.errors[0].message || e
|
|
Message({
|
|
message: this.$t('register.error') + this.$t(error),
|
|
type: 'error'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|