106 lines
2.5 KiB
Vue
106 lines
2.5 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="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="login()"
|
|
block
|
|
>
|
|
Login
|
|
</base-button>
|
|
</div>
|
|
</card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
const Cookie = process.client ? require("js-cookie") : undefined;
|
|
export default {
|
|
middleware: 'notAuthenticated',
|
|
name: "login-page",
|
|
layout: "auth",
|
|
data() {
|
|
return {
|
|
user: {
|
|
email: "",
|
|
password: ""
|
|
}
|
|
};
|
|
},
|
|
mounted() {
|
|
},
|
|
methods: {
|
|
login() {
|
|
this.$axios
|
|
.post("/login", this.user)
|
|
.then(res => {
|
|
//success! - Usuario creado.
|
|
//if (res.data.status == "success") {
|
|
this.$notify({
|
|
type: "success",
|
|
icon: "tim-icons icon-check-2",
|
|
message: "Success! Welcome " + res.data.userData.name
|
|
});
|
|
const auth = {
|
|
token: res.data.token,
|
|
userData: res.data.userData
|
|
}
|
|
//token to de store - token a la tienda
|
|
this.$store.commit('setAuth', auth);
|
|
//set auth object in localStorage - Grabamos el token en localStorage
|
|
localStorage.setItem('auth', JSON.stringify(auth));
|
|
$nuxt.$router.push('/compras');
|
|
return;
|
|
//}
|
|
})
|
|
.catch(e => {
|
|
|
|
this.$notify({
|
|
type: "danger",
|
|
icon: "tim-icons icon-alert-circle-exc",
|
|
message: "Credenciales invalidas :("
|
|
});
|
|
return;
|
|
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.navbar-nav .nav-item p {
|
|
line-height: inherit;
|
|
margin-left: 5px;
|
|
}
|
|
</style> |