cambios del 24 de abril
This commit is contained in:
107
APP/pages/login.vue
Normal file
107
APP/pages/login.vue
Normal file
@@ -0,0 +1,107 @@
|
||||
<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
|
||||
});
|
||||
console.log(res.data)
|
||||
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>
|
||||
Reference in New Issue
Block a user