Funcion error

This commit is contained in:
2021-01-06 15:27:23 -06:00
parent 34773defe0
commit ea9ea756f3
7 changed files with 175 additions and 141 deletions
+69 -52
View File
@@ -1,15 +1,21 @@
<template>
<div class="container">
<BotonRegresar
<BotonRegresar
:path="'/admin/programa'"
:deleteFromLocalStorage="['correo','idResponsable','nombre']"
:deleteFromLocalStorage="['correo', 'idResponsable', 'nombre']"
/>
<p class="is-size-2 mb-4"> Información del responsable</p>
<p class="is-size-4 mb-4"> <strong>Nombre: </strong> {{ nombre }}</p>
<p class="is-size-4 mb-4"> <strong>Correo: </strong> {{ correo }}</p>
<p class="is-size-2 mb-4">Información del responsable</p>
<p class="is-size-4 mb-4"><strong>Nombre: </strong> {{ nombre }}</p>
<p class="is-size-4 mb-4"><strong>Correo: </strong> {{ correo }}</p>
<div class="columns">
<p class="is-size-4 column is-narrow" style="width: 125px;"> <strong>Programa: </strong></p>
<b-select class="column" v-model="selected" placeholder="Elija un programa">
<p class="is-size-4 column is-narrow" style="width: 125px;">
<strong>Programa: </strong>
</p>
<b-select
class="column"
v-model="selected"
placeholder="Elija un programa"
>
<option
v-for="programa in programas"
v-bind:key="programa.id"
@@ -19,9 +25,15 @@
</option>
</b-select>
</div>
<p class="is-size-4 mb-4"> <strong>Institución: </strong> {{ selected.institucion }}</p>
<p class="is-size-4 mb-4"> <strong>Dependencia: </strong> {{ selected.dependencia }}</p>
<p class="is-size-4 mb-4"> <strong>Clave: </strong> {{ selected.clavePrograma }}</p>
<p class="is-size-4 mb-4">
<strong>Institución: </strong> {{ selected.institucion }}
</p>
<p class="is-size-4 mb-4">
<strong>Dependencia: </strong> {{ selected.dependencia }}
</p>
<p class="is-size-4 mb-4">
<strong>Clave: </strong> {{ selected.clavePrograma }}
</p>
<div class="">
<b-button
class="boton is-info my-5"
@@ -31,9 +43,9 @@
Editar información
</b-button>
</div>
<BotonRegresar
<BotonRegresar
:path="'/admin/programa'"
:deleteFromLocalStorage="['correo','idResponsable','nombre']"
:deleteFromLocalStorage="['correo', 'idResponsable', 'nombre']"
/>
</div>
</template>
@@ -44,51 +56,57 @@ import botonRegresar from "../../../../components/botonRegresar";
export default {
components: {
botonRegresar
botonRegresar,
},
data() {
return {
idResponsable: localStorage.getItem("idResponsable"),
correo: localStorage.getItem('correo'),
nombre: localStorage.getItem('nombre'),
correo: localStorage.getItem("correo"),
nombre: localStorage.getItem("nombre"),
programas: [],
selected: {},
token: {
headers: {
token: window.localStorage.getItem("token")
}
}
token: window.localStorage.getItem("token"),
},
},
};
},
methods: {
obtenerProgramas () {
obtenerProgramas() {
return axios
.get(
`${process.env.api}/programa?idUsuario=${this.idResponsable}`,this.token
`${process.env.api}/programa?idUsuario=${this.idResponsable}`,
this.token
)
.then((res) => {
this.programas = res.data
this.programas = res.data;
})
.catch((err) => {
this.errorToken(err.response.data.message);
console.log(err.response.data.message);
});
},
errorToken(msj){
let salir =false;
switch(msj){
case 'invalid signature':
msj= "tu token no es valido, inicia sesión de nuevo"
break;
case 'jwt expired':
msj= "tu sesión ha expirado, inicia sesión de nuevo"
break;
case 'no hay token':
msj= "no has enviado tu token, inicia sesión de nuevo"
break;
default:
salir=true
}
errorToken(msj) {
let salir = false;
switch (msj) {
case "invalid signature":
msj = "tu token no es valido, inicia sesión de nuevo";
salir = true;
break;
case "jwt expired":
msj = "tu sesión ha expirado, inicia sesión de nuevo";
salir = true;
break;
case "jwt malformed":
msj = "tu token esta mal formado, inicia sesión de nuevo";
salir = true;
break;
case "No hay token":
msj = "no has enviado tu token, inicia sesión de nuevo";
salir = true;
break;
}
this.$buefy.dialog.alert({
title: "Error",
@@ -99,28 +117,27 @@ export default {
iconPack: "mdi",
ariaRole: "alertdialog",
ariaModal: true,
});
if (salir === true) {
localStorage.clear()
this.$router.push(`/`)
}
});
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
}
},
},
created () {
this.obtenerProgramas()
created() {
this.obtenerProgramas();
},
beforeCreate(){
if(!localStorage.getItem("idResponsable")){
this.$router.push("/admin/programa")
beforeCreate() {
if (!localStorage.getItem("idResponsable")) {
this.$router.push("/admin/programa");
}
}
},
};
</script>
<style scoped>
.programa{
margin-right: 20px;
padding-right: 20px;
}
.programa {
margin-right: 20px;
padding-right: 20px;
}
</style>
@@ -104,15 +104,20 @@ export default {
switch (msj) {
case "invalid signature":
msj = "tu token no es valido, inicia sesión de nuevo";
salir = true;
break;
case "jwt expired":
msj = "tu sesión ha expirado, inicia sesión de nuevo";
break;
case "no hay token":
msj = "no has enviado tu token, inicia sesión de nuevo";
break;
default:
salir = true;
break;
case "jwt malformed":
msj = "tu token esta mal formado, inicia sesión de nuevo";
salir = true;
break;
case "No hay token":
msj = "no has enviado tu token, inicia sesión de nuevo";
salir = true;
break;
}
this.$buefy.dialog.alert({
@@ -125,7 +130,7 @@ export default {
ariaRole: "alertdialog",
ariaModal: true,
});
if (salir === true) {
if (salir == true) {
localStorage.clear();
this.$router.push(`/`);
}