105 lines
2.3 KiB
Vue
105 lines
2.3 KiB
Vue
<template>
|
|
<div class="container login-page">
|
|
<div class="col-lg-4 col-md-6 ml-auto mr-auto">
|
|
<card class="card-login card-white">
|
|
<template slot="header">
|
|
<img src="img//card-info.png" alt="" />
|
|
<h1 class="card-title">Finanzas APP</h1>
|
|
</template>
|
|
|
|
<div>
|
|
<base-input
|
|
name="name"
|
|
v-model="user.name"
|
|
placeholder="Name"
|
|
addon-left-icon="tim-icons icon-badge"
|
|
>
|
|
</base-input>
|
|
|
|
<base-input
|
|
name="email"
|
|
v-model="user.email"
|
|
placeholder="Email"
|
|
addon-left-icon="tim-icons icon-email-85"
|
|
>
|
|
</base-input>
|
|
|
|
<base-input
|
|
name="password"
|
|
v-model="user.password"
|
|
type="password"
|
|
placeholder="Password"
|
|
addon-left-icon="tim-icons icon-lock-circle"
|
|
>
|
|
</base-input>
|
|
</div>
|
|
|
|
<div slot="footer">
|
|
<base-button
|
|
native-type="submit"
|
|
type="info"
|
|
class="mb-3"
|
|
size="lg"
|
|
@click="register()"
|
|
block
|
|
>
|
|
Register
|
|
</base-button>
|
|
|
|
<div class="pull-left">
|
|
<h6>
|
|
<nuxt-link class="link footer-link" to="/login">
|
|
login
|
|
</nuxt-link>
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
middleware: "notAuthenticated",
|
|
layout: "auth",
|
|
data() {
|
|
return {
|
|
user: {
|
|
name: "",
|
|
email: "",
|
|
password: "",
|
|
},
|
|
};
|
|
},
|
|
methods: {
|
|
register() {
|
|
this.$axios
|
|
.post("/register", this.user)
|
|
.then((res) => {
|
|
this.$notify({
|
|
type: "success",
|
|
icon: "tim-icons icon-check-2",
|
|
message: "Success! Now you can login...",
|
|
});
|
|
|
|
this.user.name = "";
|
|
this.user.password = "";
|
|
this.user.email = "";
|
|
})
|
|
.catch((e) => {
|
|
this.$notify({
|
|
type: "danger",
|
|
icon: "tim-icons icon-alert-circle-exc",
|
|
message: "User already exists :(",
|
|
});
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style>
|
|
.navbar-nav .nav-item p {
|
|
line-height: inherit;
|
|
margin-left: 5px;
|
|
}
|
|
</style> |