hubert/SimpleNotes
1
0
Fork 0
Code Projects Releases Activity

Implement auth & register

Browse Source
This commit is contained in:
Hubert Van De Walle
2020-04-23 00:11:26 +02:00
parent 0096fb0a00
commit 2dc7985334
6 changed files with 36 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/LoginForm.vue
+13 -6
View File
@@ -7,7 +7,7 @@
lazy-validation
>
<v-text-field
v-model="username"
v-model="form.username"
:rules="usernameRules"
label="Username"
required
@@ -15,7 +15,7 @@
></v-text-field>
<v-text-field
v-model="password"
v-model="form.password"
:rules="passwordRules"
label="Password"
required
@@ -30,7 +30,7 @@
<v-btn
:disabled="!valid"
color="success"
@click="submit"
@click="userLogin"
>
Login
</v-btn>
@@ -42,17 +42,24 @@
export default {
name: "LoginForm",
methods: {
submit() {
async userLogin() {
try {
const response = await this.$auth.loginWith('local', {data: this.form})
} catch (err) {
console.log(err)
}
}
},
data: () => ({
valid: false,
username: '',
form: {
username: '',
password: ''
},
usernameRules: [
v => !!v || 'Name is required',
],
password: '',
passwordRules: [
v => !!v || 'Password is required',
]
frontend/components/RegisterForm.vue
+12 -9
View File
@@ -7,7 +7,7 @@
lazy-validation
>
<v-text-field
v-model="username"
v-model="form.username"
:rules="usernameRules"
label="Username"
required
@@ -15,7 +15,7 @@
></v-text-field>
<v-text-field
v-model="email"
v-model="form.email"
:rules="emailRules"
label="Email"
required
@@ -23,7 +23,7 @@
></v-text-field>
<v-text-field
v-model="password"
v-model="form.password"
:rules="passwordRules"
label="Password"
required
@@ -48,7 +48,7 @@
<v-btn
:disabled="!valid"
color="success"
@click="submit"
@click="registerUser"
>
Register
</v-btn>
@@ -60,22 +60,25 @@
export default {
name: "RegisterForm",
methods: {
submit() {
async registerUser() {
const data = await this.$axios.post('/user', this.form)
console.log(data)
}
},
data: () => ({
valid: false,
username: '',
form: {
username: '',
email: '',
password: ''
},
usernameRules: [
v => !!v || 'Name is required',
],
email: '',
emailRules: [
v => !!v || 'Email is required',
v => /.+@.+/.test(v) || 'E-mail must be valid',
],
password: '',
passwordRules: [
v => !!v || 'Password is required',
v => v.length >= 6 || 'Password must be longer than 6 characters',