From 34773defe027bb34c78b542765130a2ee7c14aa0 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Wed, 6 Jan 2021 00:10:12 -0600
Subject: [PATCH 1/2] token

---
 components/admin/servicio/documento.vue       |  74 +++++++++--
 components/admin/servicio/modificar/form.vue  |  46 ++++++-
 .../admin/servicio/programa/cargaMasiva.vue   |  59 +++++++--
 .../servicio/programa/tablaResponsables.vue   |  42 +++++-
 components/admin/servicio/vistaServicio.vue   | 102 +++++++++------
 .../admin/programa/infoResponsable/index.vue  |  42 ++++--
 .../infoResponsable/modificar/index.vue       | 120 +++++++++++++-----
 7 files changed, 388 insertions(+), 97 deletions(-)

diff --git a/components/admin/servicio/documento.vue b/components/admin/servicio/documento.vue
index 47cf331..e64b7a1 100644
--- a/components/admin/servicio/documento.vue
+++ b/components/admin/servicio/documento.vue
@@ -52,6 +52,11 @@ export default {
       mensajeBool: false,
       idServicio: localStorage.getItem("idServicio"),
       isLoading: false,
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
     };
   },
   methods: {
@@ -97,7 +102,11 @@ export default {
         idServicio: this.idServicio,
       };
       axios
-        .put(`${process.env.api}/servicio/rechazar_aceptacion`, data)
+        .put(
+          `${process.env.api}/servicio/rechazar_aceptacion`,
+          data,
+          this.token
+        )
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("Se ha rechazado el documento");
@@ -105,8 +114,9 @@ export default {
         })
         .catch((err) => {
           this.isLoading = false;
-          this.error();
-          console.log(err);
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
+          this.errorDoc();
         });
     },
     rechazarCartaTermino() {
@@ -116,7 +126,7 @@ export default {
         idServicio: this.idServicio,
       };
       axios
-        .put(`${process.env.api}/servicio/rechazar_termino`, data)
+        .put(`${process.env.api}/servicio/rechazar_termino`, data, this.token)
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("Se ha rechazado el documento");
@@ -124,8 +134,9 @@ export default {
         })
         .catch((err) => {
           this.isLoading = false;
-          this.error();
-          console.log(err);
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
+          this.errorDoc();
         });
     },
     rechazarInformeGlobal() {
@@ -135,7 +146,7 @@ export default {
         idServicio: this.idServicio,
       };
       axios
-        .put(`${process.env.api}/servicio/rechazar_informe`, data)
+        .put(`${process.env.api}/servicio/rechazar_informe`, data, this.token)
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("Se ha rechazado el documento");
@@ -143,10 +154,55 @@ export default {
         })
         .catch((err) => {
           this.isLoading = false;
-          this.error();
-          console.log(err);
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
+          this.errorDoc();
         });
     },
+    error(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;
+      }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+      if (salir === true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
+    },
+    errorDoc() {
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message:
+          "Ha ocurrido un error al rechazar el documento",
+        type: "is-danger",
+        hasIcon: true,
+        icon: "times-circle",
+        iconPack: "fa",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+    },
   },
 };
 </script>
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 4680302..7739fe6 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -179,6 +179,11 @@ export default {
       fechaNacimiento: [],
       fechaInicio: [],
       fechaFin: [],
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
       minDate1: new Date("2020-01-01"),
       isLoading: false,
     };
@@ -291,14 +296,20 @@ export default {
         formData.append("data", JSON.stringify(data));
       }
       axios
-        .put(`${process.env.api}/servicio/update`, formData)
+        .put(`${process.env.api}/servicio/update`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+            token: this.token.headers.token,
+          },
+        })
         .then((res) => {
           this.isLoading = false;
-          this.$router.push("./");
           this.toast();
+          this.$router.push("/admin/servicio/modificar");
         })
         .catch((err) => {
           this.isLoading = false;
+          this.error(err.response.data.message);
           console.log(err.response.data.message);
         });
     },
@@ -313,6 +324,37 @@ export default {
         onConfirm: () => this.actualizar(),
       });
     },
+    error(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;
+      }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+      if (salir === true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
+    },
     fecha(date) {
       if (date) {
         const fecha = moment(date.substr(0, 10));
diff --git a/components/admin/servicio/programa/cargaMasiva.vue b/components/admin/servicio/programa/cargaMasiva.vue
index 06ac9eb..272ed13 100644
--- a/components/admin/servicio/programa/cargaMasiva.vue
+++ b/components/admin/servicio/programa/cargaMasiva.vue
@@ -36,10 +36,16 @@
 </template>
 
 <script>
+import axios from 'axios';
 export default {
   data() {
     return {
       csv: {},
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
       isLoading: false,
       toastType: null,
       toastMessage: null,
@@ -49,8 +55,8 @@ export default {
     validarExt() {
       const extPermitidas = /(.csv)$/i;
       if (!extPermitidas.exec(this.csv.name)) {
-        this.toastType = 'is-danger'
-        this.toastMessage = 'Asegurate de ingresar un archivo .CSV'
+        this.toastType = "is-danger";
+        this.toastMessage = "Asegurate de ingresar un archivo .CSV";
         this.toast();
         this.csv = {};
       }
@@ -72,27 +78,62 @@ export default {
         onConfirm: () => this.enviarCargaMasiva(),
       });
     },
-    enviarCargaMasiva () {
+    enviarCargaMasiva() {
       this.isLoading = true;
       const formData = new FormData();
       if (this.cartaAceptacion) {
         formData.append("cartaAceptacion", this.cartaAceptacion);
       }
       axios
-        .put(`${process.env.api}/programa/carga_masiva`, formData)
+        .put(`${process.env.api}/programa/carga_masiva`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+            token: this.token.headers.token,
+          },
+        })
         .then((res) => {
           this.isLoading = false;
-          this.toastType = 'is-success'
-          this.toastMessage = 'Se ha enviado la carga masiva con éxito'
+          this.toastType = "is-success";
+          this.toastMessage = "Se ha enviado la carga masiva con éxito";
           this.toast();
         })
         .catch((err) => {
           this.isLoading = false;
-          this.toastType = 'is-danger'
-          this.toastMessage = err.response.data.message
-          this.toast()
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
+    error(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
+        }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+          });
+        if (salir === true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
+    },
   },
 };
 </script>
diff --git a/components/admin/servicio/programa/tablaResponsables.vue b/components/admin/servicio/programa/tablaResponsables.vue
index 5d1ff85..50bc161 100644
--- a/components/admin/servicio/programa/tablaResponsables.vue
+++ b/components/admin/servicio/programa/tablaResponsables.vue
@@ -74,6 +74,11 @@ export default {
       correo: "",
       nombre: "",
       idStatus: 1,
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      }
     };
   },
   methods: {
@@ -87,7 +92,8 @@ export default {
       this.data = [];
       axios
         .get(
-          `${process.env.api}/usuario/responsable?pagina=${this.page}&nombre=${this.nombre}&correo=${this.correo}`
+          `${process.env.api}/usuario/responsable?pagina=${this.page}&nombre=${this.nombre}&correo=${this.correo}`,
+          this.token
         )
         .then((res) => {
           const servicios = res.data.servicios;
@@ -110,10 +116,42 @@ export default {
           this.loading = false;
         })
         .catch((err) => {
-          console.log(err.response.data.message);
           this.loading = false;
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
+    error(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
+        }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+          });
+        if (salir === true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
+    },
     insertIdLocal() {
       this.idUsuario = localStorage.getItem("idUsuario");
     },
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 346a382..4b811e3 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -65,22 +65,20 @@
       </p>
     </div>
     <div id="acciones" class="my-5">
-      <div class="confimar mb-5">
-        <b-button
-          class="is-success"
-          @click="confirmarDialog(1)"
-          v-if="mostrarConfirmar1()"
-        >
-          Confirmar
-        </b-button>
-        <b-button
-          class="is-success"
-          @click="confirmarDialog(2)"
-          v-if="mostrarConfirmar2()"
-        >
-          Confirmar
-        </b-button>
-      </div>
+      <b-button
+        class="is-success"
+        @click="confirmarDialog(1)"
+        v-if="mostrarConfirmar1()"
+      >
+        Confirmar
+      </b-button>
+      <b-button
+        class="is-success"
+        @click="confirmarDialog(2)"
+        v-if="mostrarConfirmar2()"
+      >
+        Confirmar
+      </b-button>
       <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
         Cancelar
       </b-button>
@@ -175,8 +173,8 @@ export default {
       this.isLoading = true;
       return axios
         .get(
-          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}` //,
-          // this.token
+          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}`,
+          this.token
         )
         .then((res) => {
           this.isLoading = false;
@@ -194,7 +192,8 @@ export default {
         })
         .catch((err) => {
           this.isLoading = false;
-          console.log(err.response);
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
     cancelarDialog() {
@@ -235,17 +234,21 @@ export default {
         mensaje: this.mensajeCancel,
       };
       axios
-        .put(`${process.env.api}/servicio/cancelar`, data)
+        .put(
+          `${process.env.api}/servicio/cancelar`,
+          data,
+          this.token
+        )
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("El servicio ha sido cancelado con éxito");
           localStorage.removeItem("idServicio");
-          this.$router.push("./");
+          this.$router.push("/admin");
         })
         .catch((err) => {
           this.isLoading = false;
-          this.error();
-          console.log(err);
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
     confirmarRegistro() {
@@ -254,17 +257,21 @@ export default {
         idServicio: this.idServicio,
       };
       axios
-        .put(`${process.env.api}/servicio/registro`, data)
+        .put(
+          `${process.env.api}/servicio/registro`,
+          data,
+          this.token
+        )
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("El servicio ha sido aprovado");
           localStorage.removeItem("idServicio");
           this.$router.push("/admin");
         })
-        .catch((e) => {
+        .catch((err) => {
           this.isLoading = false;
-          console.log(e);
-          this.error();
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
     confirmarLiberacion() {
@@ -276,31 +283,54 @@ export default {
         data.vistoBueno = this.alumno.vistoBueno;
       }
       axios
-        .put(`${process.env.api}/servicio/liberacion`, data)
+        .put(
+          `${process.env.api}/servicio/liberacion`,
+          data,
+          this.token
+        )
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("El servicio ha sido liberado");
           localStorage.removeItem("idServicio");
           this.$router.push("/admin");
         })
-        .catch((e) => {
+        .catch((err) => {
           this.isLoading = false;
-          console.log(e);
-          this.error();
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
-    error() {
+    error(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;
+      }
+
       this.$buefy.dialog.alert({
         title: "Error",
-        message: "Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde",
+        message: msj,
         type: "is-danger",
         hasIcon: true,
-        icon: "times-circle",
-        iconPack: "fa",
+        icon: "alert-circle",
+        iconPack: "mdi",
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-    }
+      if (salir === true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
+    },
   },
   async created() {
     await this.obtenerRegistro();
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index 45a3f6e..19e2acd 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -53,34 +53,58 @@ export default {
       nombre: localStorage.getItem('nombre'),
       programas: [],
       selected: {},
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token")
+        }
+      }
     };
   },
   methods: {
     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
         })
         .catch((err) => {
-          this.error();
-          console.log(err.response);
+          this.errorToken(err.response.data.message);
+          console.log(err.response.data.message);
         });
     },
-    error() {
+    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
+        }
+
       this.$buefy.dialog.alert({
         title: "Error",
-        message: "Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde",
+        message: msj,
         type: "is-danger",
         hasIcon: true,
-        icon: "times-circle",
-        iconPack: "fa",
+        icon: "alert-circle",
+        iconPack: "mdi",
         ariaRole: "alertdialog",
         ariaModal: true,
-      });
-    }
+          });
+        if (salir === true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
+    },
   },
   created () {
     this.obtenerProgramas()
diff --git a/pages/admin/programa/infoResponsable/modificar/index.vue b/pages/admin/programa/infoResponsable/modificar/index.vue
index ccbe3e2..5e8ac90 100644
--- a/pages/admin/programa/infoResponsable/modificar/index.vue
+++ b/pages/admin/programa/infoResponsable/modificar/index.vue
@@ -1,8 +1,6 @@
 <template>
   <div class="container">
-    <BotonRegresar 
-      :path="'/admin/programa/infoResponsable'"
-    />
+    <BotonRegresar :path="'/admin/programa/infoResponsable'" />
     <p class="is-size-2">Editar información del responsable</p>
     <b-field label="Nombre">
       <b-input type="text" v-model="nuevo.nombre" :placeholder="viejo.nombre">
@@ -12,10 +10,12 @@
       <b-input type="email" v-model="nuevo.correo" :placeholder="viejo.correo">
       </b-input>
     </b-field>
-    <BotonRegresar 
-      :path="'/admin/programa/infoResponsable'"
-    />
-    <b-button class="boton is-info my-5" v-if="mostrar()" @click="editarResponsable()">
+    <BotonRegresar :path="'/admin/programa/infoResponsable'" />
+    <b-button
+      class="boton is-info my-5"
+      v-if="mostrar()"
+      @click="editarResponsable()"
+    >
       Editar responsable
     </b-button>
     <b-button class="boton is-info my-5" v-else disabled>
@@ -24,42 +24,43 @@
     <b-loading
       :is-full-page="true"
       v-model="isLoading"
-      :can-cancel="true"
+      :can-cancel="false"
     ></b-loading>
   </div>
 </template>
 
 <script>
-import validator from 'validator'
-import botonRegresar from '../../../../../components/botonRegresar'
-//import axios from 'axios'
+import validator from "validator";
+import botonRegresar from "../../../../../components/botonRegresar";
+import axios from "axios";
 
 export default {
   components: {
-    botonRegresar
+    botonRegresar,
   },
-  data () {
+  data() {
     return {
       viejo: {
         idResponsable: localStorage.getItem("idResponsable"),
-        nombre: localStorage.getItem('nombre'),
-        correo: localStorage.getItem('correo'),
+        nombre: localStorage.getItem("nombre"),
+        correo: localStorage.getItem("correo"),
       },
       nuevo: {
         nombre: "",
-        correo: ""
+        correo: "",
       },
-      idServicio: localStorage.getItem('idServicio'),
-      token: localStorage.getItem('token'),
-      isLoading: false
-    }
+      idServicio: localStorage.getItem("idServicio"),
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
+      isLoading: false,
+    };
   },
   methods: {
     mostrar() {
-      if (
-        validator.isEmail(this.nuevo.correo) ||
-        this.nuevo.nombre
-      ) {
+      if (validator.isEmail(this.nuevo.correo) || this.nuevo.nombre) {
         if (this.nuevo.correo) {
           if (validator.isEmail(this.nuevo.correo)) {
             return true;
@@ -69,12 +70,71 @@ export default {
         }
         return true;
       }
+    },
+    actualizar() {
+      this.isLoading = true;
+      const data = {};
+      if (this.nuevo.correo) {
+        data.correoUpdate = this.nuevo.correo;
+      }
+      if (this.nuevo.nombre) {
+        data.nombreUpdate = this.nuevo.nombre;
+      }
+      axios
+        .put(`${process.env.api}/usuario/responsable/update`, data, this.token)
+        .then((res) => {
+          this.isLoading = false;
+          this.toast();
+          this.$router.push("/admin/programa/infoResponsable");
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          this.error(err.response.data.message);
+          console.log(err.response.data.message);
+        });
+    },
+    toast() {
+      this.$buefy.toast.open({
+        message: "Se han actualizado los datos del responsable",
+        type: "is-success",
+      });
+    },
+    error(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;
+      }
+
+      this.$buefy.dialog.alert({
+        title: "Error",
+        message: msj,
+        type: "is-danger",
+        hasIcon: true,
+        icon: "alert-circle",
+        iconPack: "mdi",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+      if (salir === true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
+    },
+  },
+  beforeCreate() {
+    if (!localStorage.getItem("idResponsable")) {
+      this.$router.push("/admin/programa");
     }
   },
-  beforeCreate(){
-    if(!localStorage.getItem("idResponsable")){
-      this.$router.push("/admin/programa")
-    }
-  }
-}
+};
 </script>

From ea9ea756f3b77a92639bfd551d895648ae593813 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Wed, 6 Jan 2021 15:27:23 -0600
Subject: [PATCH 2/2] Funcion error

---
 components/admin/servicio/documento.vue       |  20 +--
 components/admin/servicio/modificar/form.vue  |  17 ++-
 .../admin/servicio/programa/cargaMasiva.vue   |  47 ++++---
 .../servicio/programa/tablaResponsables.vue   |  47 ++++---
 components/admin/servicio/vistaServicio.vue   |  47 +++----
 .../admin/programa/infoResponsable/index.vue  | 121 ++++++++++--------
 .../infoResponsable/modificar/index.vue       |  17 ++-
 7 files changed, 175 insertions(+), 141 deletions(-)

diff --git a/components/admin/servicio/documento.vue b/components/admin/servicio/documento.vue
index e64b7a1..5f9a950 100644
--- a/components/admin/servicio/documento.vue
+++ b/components/admin/servicio/documento.vue
@@ -164,15 +164,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({
@@ -185,7 +190,7 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-      if (salir === true) {
+      if (salir == true) {
         localStorage.clear();
         this.$router.push(`/`);
       }
@@ -193,8 +198,7 @@ export default {
     errorDoc() {
       this.$buefy.dialog.alert({
         title: "Error",
-        message:
-          "Ha ocurrido un error al rechazar el documento",
+        message: "Ha ocurrido un error al rechazar el documento",
         type: "is-danger",
         hasIcon: true,
         icon: "times-circle",
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 7739fe6..94e6727 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -329,15 +329,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({
@@ -350,7 +355,7 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-      if (salir === true) {
+      if (salir == true) {
         localStorage.clear();
         this.$router.push(`/`);
       }
diff --git a/components/admin/servicio/programa/cargaMasiva.vue b/components/admin/servicio/programa/cargaMasiva.vue
index 272ed13..9fda34f 100644
--- a/components/admin/servicio/programa/cargaMasiva.vue
+++ b/components/admin/servicio/programa/cargaMasiva.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import axios from 'axios';
+import axios from "axios";
 export default {
   data() {
     return {
@@ -103,21 +103,26 @@ export default {
           console.log(err.response.data.message);
         });
     },
-    error(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
-        }
+    error(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",
@@ -128,11 +133,11 @@ export default {
         iconPack: "mdi",
         ariaRole: "alertdialog",
         ariaModal: true,
-          });
-        if (salir === true) {
-          localStorage.clear()
-          this.$router.push(`/`)
-        }
+      });
+      if (salir == true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
     },
   },
 };
diff --git a/components/admin/servicio/programa/tablaResponsables.vue b/components/admin/servicio/programa/tablaResponsables.vue
index 50bc161..0c0dade 100644
--- a/components/admin/servicio/programa/tablaResponsables.vue
+++ b/components/admin/servicio/programa/tablaResponsables.vue
@@ -78,7 +78,7 @@ export default {
         headers: {
           token: window.localStorage.getItem("token"),
         },
-      }
+      },
     };
   },
   methods: {
@@ -121,21 +121,26 @@ export default {
           console.log(err.response.data.message);
         });
     },
-    error(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
-        }
+    error(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",
@@ -146,11 +151,11 @@ export default {
         iconPack: "mdi",
         ariaRole: "alertdialog",
         ariaModal: true,
-          });
-        if (salir === true) {
-          localStorage.clear()
-          this.$router.push(`/`)
-        }
+      });
+      if (salir == true) {
+        localStorage.clear();
+        this.$router.push(`/`);
+      }
     },
     insertIdLocal() {
       this.idUsuario = localStorage.getItem("idUsuario");
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 4b811e3..e6c2b65 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="container">
     <div class="mb-5">
-      <BotonRegresar 
-        :path="'/admin'" 
+      <BotonRegresar
+        :path="'/admin'"
         :deleteFromLocalStorage="['idServicio']"
       />
     </div>
@@ -101,10 +101,10 @@
         Cancelar servicio
       </b-button>
       <div>
-        <BotonRegresar 
-        :path="'/admin'" 
-        :deleteFromLocalStorage="['idServicio']"
-      />
+        <BotonRegresar
+          :path="'/admin'"
+          :deleteFromLocalStorage="['idServicio']"
+        />
       </div>
       <b-loading
         :is-full-page="true"
@@ -234,11 +234,7 @@ export default {
         mensaje: this.mensajeCancel,
       };
       axios
-        .put(
-          `${process.env.api}/servicio/cancelar`,
-          data,
-          this.token
-        )
+        .put(`${process.env.api}/servicio/cancelar`, data, this.token)
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("El servicio ha sido cancelado con éxito");
@@ -257,11 +253,7 @@ export default {
         idServicio: this.idServicio,
       };
       axios
-        .put(
-          `${process.env.api}/servicio/registro`,
-          data,
-          this.token
-        )
+        .put(`${process.env.api}/servicio/registro`, data, this.token)
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("El servicio ha sido aprovado");
@@ -283,11 +275,7 @@ export default {
         data.vistoBueno = this.alumno.vistoBueno;
       }
       axios
-        .put(
-          `${process.env.api}/servicio/liberacion`,
-          data,
-          this.token
-        )
+        .put(`${process.env.api}/servicio/liberacion`, data, this.token)
         .then((res) => {
           this.isLoading = false;
           this.$buefy.dialog.alert("El servicio ha sido liberado");
@@ -305,15 +293,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({
@@ -326,7 +319,7 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-      if (salir === true) {
+      if (salir == true) {
         localStorage.clear();
         this.$router.push(`/`);
       }
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index 19e2acd..17f8797 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -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>
diff --git a/pages/admin/programa/infoResponsable/modificar/index.vue b/pages/admin/programa/infoResponsable/modificar/index.vue
index 5e8ac90..6a188c0 100644
--- a/pages/admin/programa/infoResponsable/modificar/index.vue
+++ b/pages/admin/programa/infoResponsable/modificar/index.vue
@@ -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(`/`);
       }