From cc5385bd6ba007420ab86a1c60c8c129a20103b7 Mon Sep 17 00:00:00 2001
From: Erik Borgeteien Hansen <erik@erikbhan.no>
Date: Thu, 21 Apr 2022 13:57:20 +0200
Subject: [PATCH] move email and password up
---
src/components/RegisterFormComponent.vue | 50 +++++++++++++++---------
1 file changed, 31 insertions(+), 19 deletions(-)
diff --git a/src/components/RegisterFormComponent.vue b/src/components/RegisterFormComponent.vue
index 84dbf8d..7eda8e4 100644
--- a/src/components/RegisterFormComponent.vue
+++ b/src/components/RegisterFormComponent.vue
@@ -1,5 +1,23 @@
<template>
<v-form ref="form" v-model="valid" lazy-validation>
+ <v-text-field
+ v-model="email"
+ :rules="emailRules"
+ label="E-mail"
+ required
+ ></v-text-field>
+
+ <v-text-field
+ v-model="password"
+ :counter="32"
+ :rules="passwordRules"
+ label="Passord"
+ :append-icon="passwordHidden ? 'mdi-eye' : 'mdi-eye-off'"
+ :type="passwordHidden ? 'text' : 'password'"
+ @click:append="passwordHidden = !passwordHidden"
+ required
+ ></v-text-field>
+
<v-container class="grey lighten-5">
<v-row>
<v-text-field
@@ -22,13 +40,6 @@
</v-row>
</v-container>
- <v-text-field
- v-model="email"
- :rules="emailRules"
- label="E-mail"
- required
- ></v-text-field>
-
<v-text-field
v-model="address"
:counter="32"
@@ -37,17 +48,6 @@
required
></v-text-field>
- <v-text-field
- v-model="password"
- :counter="32"
- :rules="passwordRules"
- label="Passord"
- :append-icon="passwordHidden ? 'mdi-eye' : 'mdi-eye-off'"
- :type="passwordHidden ? 'text' : 'password'"
- @click:append="passwordHidden = !passwordHidden"
- required
- ></v-text-field>
-
<!-- <v-text-field
v-model="confirmPassword"
:rules="confirmPasswordRules"
@@ -81,6 +81,8 @@
</v-form>
</template>
<script>
+import axios from "axios";
+
export default {
data: () => ({
passwordHidden: false,
@@ -128,7 +130,17 @@ export default {
methods: {
submit() {
// Validate form before using data
- this.$refs.form.validate();
+ this.valid = this.$refs.form.validate();
+ if (!this.valid) return;
+ axios
+ .post("localhost:3000/api/register", {
+ email: this.email,
+ firstName: this.firstName,
+ lastname: this.lastName,
+ password: this.password,
+ address: this.address,
+ })
+ .then((this.valid = false));
},
reset() {
this.$refs.form.reset();
--
GitLab