From b2c063195be85b7e075f525de7a5506871755d7b Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 10 Dec 2020 14:02:07 -0600
Subject: [PATCH 1/7] correccionErrores

---
 components/responsable/inputTable.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 938db35..c4dae83 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -30,13 +30,13 @@
           <b-select icon="information" expanded rounded v-model="idStatus">
             <optgroup>
               <option value="">Status</option>
-              <option value="1">Pre-registro</option>
+              <option value="1">Pre-Registro</option>
               <option value="2">Registro</option>
               <option value="3">Registro Validado</option>
               <option value="4">Pre-Término</option>
               <option value="5">Término</option>
               <option value="6">Liberación</option>
-              <option value="7">Carta Aceptacion Rechazada</option>
+              <option value="7">Carta Aceptación Rechazada</option>
               <option value="8">Carta Termino Rechazada</option>
               <option value="9">Informe Global Rechazado</option>
             </optgroup>
@@ -102,6 +102,7 @@
             >
             <span v-else>{{ props.row.carrera }}</span>
           </b-table-column>
+
           <b-table-column
             field="fechaInicio"
             truncate="10"
@@ -113,10 +114,11 @@
               class="cursorR"
               v-if="props.row.idStatus == 7"
               @click="cartaAceptacion(props.row.idServicio)"
-              >{{ props.row.fechaInicio }}</span
+              >{{ fecha(props.row.fechaInicio) }}</span
             >
             <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
           </b-table-column>
+
           <b-table-column
             field="fechaFin"
             label="Fecha Fin"
@@ -127,14 +129,15 @@
               class="cursorR"
               v-if="props.row.idStatus == 7"
               @click="cartaAceptacion(props.row.idServicio)"
-              >{{ props.row.fechaFin }}</span
+              >{{ fecha(props.row.fechaFin) }}</span
             >
             <span v-else>{{ fecha(props.row.fechaFin) }}</span>
           </b-table-column>
+
           <b-table-column field="status" label="Status" v-slot="props" centered>
             <span
-              class="cursorR"
               v-if="props.row.idStatus == 7"
+              class="cursorR is-danger"
               @click="cartaAceptacion(props.row.idServicio)"
               >{{ props.row.status }}</span
             >
@@ -264,9 +267,6 @@ export default {
         return "is-danger";
       } else if (idStatus === 9) {
         return "is-danger";
-      } else if (idStatus === 10) {
-        // admin
-        return "is-danger";
       }
     },
     botonCarta(cartaTermino, idServicio) {

From c1f8a2ac6c4e82b6f919ead48bf39b8358570096 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 10 Dec 2020 14:05:16 -0600
Subject: [PATCH 2/7] errores2

---
 components/responsable/inputTable.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index c4dae83..ef9b412 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -137,7 +137,8 @@
           <b-table-column field="status" label="Status" v-slot="props" centered>
             <span
               v-if="props.row.idStatus == 7"
-              class="cursorR is-danger"
+              class="cursorR tag"
+              :class="type(props.row.idStatus)"
               @click="cartaAceptacion(props.row.idServicio)"
               >{{ props.row.status }}</span
             >

From 754ffec32959c1fbf33d605ddecee89146b2d58e Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Thu, 10 Dec 2020 17:56:38 -0600
Subject: [PATCH 3/7] porcentaje

---
 components/admin/servicio/vistaServicio.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index cc6083b..a141322 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -59,7 +59,7 @@
         <b>Correo: </b>{{ alumno.correo }}
       </p>
       <p class="is-size-5 mt-5" v-if="alumno.creditos">
-        <b>Créditos: </b>{{ alumno.creditos }}
+        <b>Créditos: </b>{{ alumno.creditos + '%' }}
       </p>
       <p class="is-size-5 mt-5" v-if="alumno.fechaInicio">
         <b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}

From a5cf4f9265e9632115a25ae8401d4f2e84ec0a37 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Mon, 14 Dec 2020 14:19:16 -0600
Subject: [PATCH 4/7] V-2.8-cartasCuestionario

---
 components/responsable/cartaAceptacion.vue | 10 ++++++++-
 components/responsable/cartaTermino.vue    | 10 ++++++++-
 components/responsable/cuestionario.vue    | 15 ++++++++++++-
 components/responsable/inputTable.vue      | 25 ++++++++++++----------
 4 files changed, 46 insertions(+), 14 deletions(-)

diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
index 5846a78..a4831dc 100644
--- a/components/responsable/cartaAceptacion.vue
+++ b/components/responsable/cartaAceptacion.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div v-if="idServicio != null && cartaAceptacion != null" class="container">
     <h3 class="title is-4 mt-6">
       Carta de aceptación (en formato .PDF. No se aceptan fotos).
     </h3>
@@ -43,6 +43,7 @@ export default {
       isFullPage: true,
       file: "",
       idServicio: "",
+      cartaAceptacion: "",
     };
   },
   methods: {
@@ -105,10 +106,17 @@ export default {
         })
         .finally(() => {
           this.$router.push("/responsable");
+          localStorage.removeItem("idServicio");
+          localStorage.removeItem("cartaAceptacion");
         });
     },
     getIdLocal() {
       this.idServicio = localStorage.getItem("idServicio");
+      this.cartaAceptacion = localStorage.getItem("cartaAceptacion");
+
+      if (this.idServicio === null || this.cartaAceptacion === null) {
+        this.$router.push("/responsable");
+      }
     },
   },
   watch: {
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index b843a16..364d6f2 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div v-if="idServicio != null && cartaTermino != null" class="container">
     <h3 class="title is-4 mt-6">
       Carta de termino (en formato .PDF. No se aceptan fotos).
     </h3>
@@ -49,6 +49,7 @@ export default {
       isFullPage: true,
       file: [],
       idServicio: "",
+      cartaTermino: "",
     };
   },
   methods: {
@@ -112,10 +113,17 @@ export default {
         })
         .finally(() => {
           this.$router.push("/responsable");
+          localStorage.removeItem("idServicio");
+          localStorage.removeItem("cartaTermino");
         });
     },
     getIdLocal() {
       this.idServicio = localStorage.getItem("idServicio");
+      this.cartaTermino = localStorage.getItem("cartaTermino");
+
+      if (this.idServicio === null || this.cartaTermino === null) {
+        this.$router.push("/responsable");
+      }
     },
   },
   watch: {
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index 5f5d2e8..73c90ed 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div v-if="this.idServicio && this.cuestionario" class="container">
     <div class="section">
       <h1 class="title is-3">
         Estimad(a) responsable de programa de servicio social:
@@ -181,6 +181,8 @@
 export default {
   data() {
     return {
+      idServicio: "",
+      cuestionario: "",
       actividades: {
         actividad1: "",
         actividad2: "",
@@ -203,6 +205,17 @@ export default {
     imprime() {
       console.log(this.actividad1);
     },
+    getIdLocal() {
+      this.idServicio = localStorage.getItem("idServicio");
+      this.cuestionario = localStorage.getItem("cuestionario");
+
+      if (this.idServicio === null || this.cuestionario === null) {
+        this.$router.push("/responsable");
+      }
+    },
+  },
+  created() {
+    this.getIdLocal();
   },
 };
 </script>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index ef9b412..029e45b 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -68,7 +68,7 @@
             <span
               class="cursorR"
               v-if="props.row.idStatus == 7"
-              @click="cartaAceptacion(props.row.idServicio)"
+              @click="cartaAceptacion(props.row.idServicio, props.row.idStatus)"
               >{{ props.row.nombre }}</span
             >
             <span v-else>{{ props.row.nombre }}</span>
@@ -83,7 +83,7 @@
             <span
               class="cursorR"
               v-if="props.row.idStatus == 7"
-              @click="cartaAceptacion(props.row.idServicio)"
+              @click="cartaAceptacion(props.row.idServicio, props.row.idStatus)"
               >{{ props.row.numeroCuenta }}</span
             >
             <span v-else>{{ props.row.numeroCuenta }}</span>
@@ -97,7 +97,7 @@
             <span
               class="cursorR"
               v-if="props.row.idStatus == 7"
-              @click="cartaAceptacion(props.row.idServicio)"
+              @click="cartaAceptacion(props.row.idServicio, props.row.idStatus)"
               >{{ props.row.carrera }}</span
             >
             <span v-else>{{ props.row.carrera }}</span>
@@ -113,7 +113,7 @@
             <span
               class="cursorR"
               v-if="props.row.idStatus == 7"
-              @click="cartaAceptacion(props.row.idServicio)"
+              @click="cartaAceptacion(props.row.idServicio, props.row.idStatus)"
               >{{ fecha(props.row.fechaInicio) }}</span
             >
             <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
@@ -128,7 +128,7 @@
             <span
               class="cursorR"
               v-if="props.row.idStatus == 7"
-              @click="cartaAceptacion(props.row.idServicio)"
+              @click="cartaAceptacion(props.row.idServicio, props.row.idStatus)"
               >{{ fecha(props.row.fechaFin) }}</span
             >
             <span v-else>{{ fecha(props.row.fechaFin) }}</span>
@@ -138,8 +138,8 @@
             <span
               v-if="props.row.idStatus == 7"
               class="cursorR tag"
-              :class="type(props.row.idStatus)"
-              @click="cartaAceptacion(props.row.idServicio)"
+              :class="types(props.row.idStatus)"
+              @click="cartaAceptacion(props.row.idServicio, props.row.idStatus)"
               >{{ props.row.status }}</span
             >
             <span v-else class="tag" :class="types(props.row.idStatus)">{{
@@ -156,7 +156,7 @@
           >
             <div
               v-if="
-                (props.row.idStatus >= 4 && props.row.idStatus <= 7) ||
+                (props.row.idStatus >= 4 && props.row.idStatus < 7) ||
                   props.row.idStatus == 9
               "
             >
@@ -190,7 +190,7 @@
           >
             <div
               v-if="
-                (props.row.idStatus >= 4 && props.row.idStatus <= 7) ||
+                (props.row.idStatus >= 4 && props.row.idStatus < 7) ||
                   props.row.idStatus == 9
               "
             >
@@ -272,6 +272,7 @@ export default {
     },
     botonCarta(cartaTermino, idServicio) {
       window.localStorage.setItem("idServicio", idServicio);
+      window.localStorage.setItem("cartaTermino", cartaTermino);
       this.$router.push("/responsable/carta_termino");
       if (cartaTermino === 1) {
         return "is-success";
@@ -281,6 +282,7 @@ export default {
     },
     botonCuestionario(cuestionario, idServicio) {
       window.localStorage.setItem("idServicio", idServicio);
+      window.localStorage.setItem("cuestionario", cuestionario);
       this.$router.push("/responsable/cuestionario");
       if (cuestionario === 1) {
         return "is-success";
@@ -304,7 +306,7 @@ export default {
     },
     fecha(date) {
       const fecha = moment(date.substr(0, 10));
-      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
+      return `${fecha.year()}/${fecha.month() + 1}/${fecha.date()}`;
     },
     obtenerDatos(idStatus) {
       this.loading = true;
@@ -348,8 +350,9 @@ export default {
           this.loading = false;
         });
     },
-    cartaAceptacion(idServicio) {
+    cartaAceptacion(idServicio, idStatus) {
       window.localStorage.setItem("idServicio", idServicio);
+      window.localStorage.setItem("cartaAceptacion", idStatus);
       this.$router.push("/responsable/carta_aceptacion");
     },
     insertIdLocal() {

From ad371cf24ebb3cabfdb5a64da1c21f34f04316bb Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Wed, 23 Dec 2020 03:58:15 -0600
Subject: [PATCH 5/7] partiendo en componentes

---
 components/admin/servicio/datosPersonales.vue |  51 +++++++++
 components/admin/servicio/datosPrograma.vue   |  29 +++++
 components/admin/servicio/modificar/form.vue  |   8 +-
 components/admin/servicio/tituloServicio.vue  |  30 +++++
 components/admin/servicio/tituloStatus.vue    |  21 ++++
 components/admin/servicio/vistaServicio.vue   | 108 ++++--------------
 6 files changed, 159 insertions(+), 88 deletions(-)
 create mode 100644 components/admin/servicio/datosPersonales.vue
 create mode 100644 components/admin/servicio/datosPrograma.vue
 create mode 100644 components/admin/servicio/tituloServicio.vue
 create mode 100644 components/admin/servicio/tituloStatus.vue

diff --git a/components/admin/servicio/datosPersonales.vue b/components/admin/servicio/datosPersonales.vue
new file mode 100644
index 0000000..caf6b58
--- /dev/null
+++ b/components/admin/servicio/datosPersonales.vue
@@ -0,0 +1,51 @@
+<template>
+  <div id="datosPersonales">
+    <p class="is-size-4"><b>Datos personales</b></p>
+    <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre">
+      <b>Nombre: </b>{{ alumno.Usuario.nombre }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.Usuario.usuario">
+      <b>Número de cuenta: </b>{{ alumno.Usuario.usuario }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.Carrera.carrera">
+      <b>Correo: </b>{{ alumno.Carrera.carrera }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.correo">
+      <b>Correo: </b>{{ alumno.correo }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.creditos">
+      <b>Créditos: </b>{{ alumno.creditos + "%" }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.fechaInicio">
+      <b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.fechaFin">
+      <b>Fecha de fin: </b>{{ fecha(alumno.fechaFin) }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.telefono">
+      <b>Teléfono: </b>{{ alumno.telefono }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.direccion">
+      <b>Dirección: </b>{{ alumno.direccion }}
+    </p>
+    <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento">
+      <b>Fecha de nacimiento: </b>{{ fecha(alumno.fechaNacimiento) }}
+    </p>
+  </div>
+</template>
+
+<script>
+import moment from "moment";
+
+export default {
+  props: {
+    alumno: Object
+  },
+  methods: {
+    fecha(date) {
+      const fecha = moment(date.substr(0, 10));
+      return `${fecha.year()}/${fecha.month() + 1}/${fecha.date()}`;
+    },
+  },
+};
+</script>
diff --git a/components/admin/servicio/datosPrograma.vue b/components/admin/servicio/datosPrograma.vue
new file mode 100644
index 0000000..dbbe75e
--- /dev/null
+++ b/components/admin/servicio/datosPrograma.vue
@@ -0,0 +1,29 @@
+<template>
+  <div id="programa">
+    <br />
+    <p class="is-size-4"><b>Datos del programa</b></p>
+    <br />
+    <p class="is-size-5" v-if="programa.programa">
+      <b>Programa: </b><span> {{ programa.programa }} </span>
+    </p>
+    <p class="is-size-5" v-if="programa.clavePrograma">
+      <b>Clave del programa: </b
+      ><span> {{ programa.clavePrograma }} </span>
+    </p>
+    <p class="is-size-5" v-if="programa.dependencia">
+      <b>Dependecia: </b><span> {{ programa.dependencia }} </span>
+    </p>
+    <p class="is-size-5" v-if="programa.institucion">
+      <b>Institución: </b><span> {{ programa.institucion }} </span>
+    </p>
+    <br />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    programa: Object
+  }
+}
+</script>
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index f458d4f..5cd99ae 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -58,7 +58,7 @@
       </b-field>
       <p class="is-size-5">Carta de aceptación</p>
       <br />
-      <b-field>
+      <b-field v-if="viejo.cartaAceptacion">
         <b-upload
           v-model="nuevo.cartaAceptacion"
           type="is-black"
@@ -84,7 +84,7 @@
       </b-field>
       <p class="is-size-5">Carta de término</p>
       <br />
-      <b-field>
+      <b-field v-if="viejo.cartaTermino">
         <b-upload
           v-model="nuevo.cartaTermino"
           type="is-black"
@@ -110,7 +110,7 @@
       </b-field>
       <p class="is-size-5">Informe global</p>
       <br />
-      <b-field>
+      <b-field v-if="viejo.informeGlobal">
         <b-upload
           v-model="nuevo.informeGlobal"
           type="is-black"
@@ -313,7 +313,7 @@ export default {
     fecha(date) {
       if (date) {
         const fecha = moment(date.substr(0, 10));
-        return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
+        return `${fecha.year()}/${fecha.month() + 1}/${fecha.date()}`;
       }
     },
   },
diff --git a/components/admin/servicio/tituloServicio.vue b/components/admin/servicio/tituloServicio.vue
new file mode 100644
index 0000000..6484220
--- /dev/null
+++ b/components/admin/servicio/tituloServicio.vue
@@ -0,0 +1,30 @@
+<template>
+  <div id="Status">
+    <p class="is-size-3" v-if="status == 1">
+      Pre Registro
+    </p>
+    <p class="is-size-3" v-else-if="status == 2">
+      Pre Registro Válidado
+    </p>
+    <p class="is-size-3" v-else-if="status == 3">
+      Registro
+    </p>
+    <p class="is-size-3" v-else-if="status == 4">
+      Pre Término
+    </p>
+    <p class="is-size-3" v-else-if="status == 5">
+      Término
+    </p>
+    <p class="is-size-3" v-else-if="status == 6">
+      Liberación
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    status: Number,
+  },
+};
+</script>
diff --git a/components/admin/servicio/tituloStatus.vue b/components/admin/servicio/tituloStatus.vue
new file mode 100644
index 0000000..8e4c9c9
--- /dev/null
+++ b/components/admin/servicio/tituloStatus.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <h3 class="is-size-4 mb-5" v-if="status == 1">
+      Confirmar el pre-registro del alumno
+    </h3>
+    <h3 class="is-size-4 mb-5" v-if="status == 4">
+      Término
+    </h3>
+    <h3 class="is-size-4 mb-5" v-if="status == 5">
+      Validar el término del alumno
+    </h3>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    status: Number
+  }
+}
+</script>
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index a141322..abffbf3 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -5,78 +5,17 @@
         Regresar
       </b-button>
     </div>
-    <div id="Status">
-      <p class="is-size-3" v-if="alumno.Status.idStatus == 1">
-        Pre Registro
-      </p>
-      <p class="is-size-3" v-else-if="alumno.Status.idStatus == 2">
-        Pre Registro Válidado
-      </p>
-      <p class="is-size-3" v-else-if="alumno.Status.idStatus == 3">
-        Registro
-      </p>
-      <p class="is-size-3" v-else-if="alumno.Status.idStatus == 4">
-        Pre Término
-      </p>
-      <p class="is-size-3" v-else-if="alumno.Status.idStatus == 5">
-        Término
-      </p>
-      <p class="is-size-3" v-else-if="alumno.Status.idStatus == 6">
-        Liberación
-      </p>
-    </div>
-    <div id="programa">
-      <br />
-      <p class="is-size-4"><b>Datos del programa</b></p>
-      <br />
-      <p class="is-size-5" v-if="alumno.Programa.programa">
-        <b>Programa: </b><span> {{ alumno.Programa.programa }} </span>
-      </p>
-      <p class="is-size-5" v-if="alumno.Programa.clavePrograma">
-        <b>Clave del programa: </b
-        ><span> {{ alumno.Programa.clavePrograma }} </span>
-      </p>
-      <p class="is-size-5" v-if="alumno.Programa.dependencia">
-        <b>Dependecia: </b><span> {{ alumno.Programa.dependencia }} </span>
-      </p>
-      <p class="is-size-5" v-if="alumno.Programa.institucion">
-        <b>Institución: </b><span> {{ alumno.Programa.institucion }} </span>
-      </p>
-      <br />
-    </div>
-    <div id="datosPersonales">
-      <p class="is-size-4"><b>Datos personales</b></p>
-      <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre">
-        <b>Nombre: </b>{{ alumno.Usuario.nombre }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.Usuario.usuario">
-        <b>Número de cuenta: </b>{{ alumno.Usuario.usuario }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.Carrera.carrera">
-        <b>Correo: </b>{{ alumno.Carrera.carrera }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.correo">
-        <b>Correo: </b>{{ alumno.correo }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.creditos">
-        <b>Créditos: </b>{{ alumno.creditos + '%' }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaInicio">
-        <b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaFin">
-        <b>Fecha de fin: </b>{{ fecha(alumno.fechaFin) }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.telefono">
-        <b>Teléfono: </b>{{ alumno.telefono }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.direccion">
-        <b>Dirección: </b>{{ alumno.direccion }}
-      </p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento">
-        <b>Fecha de nacimiento: </b>{{ fecha(alumno.fechaNacimiento) }}
-      </p>
-    </div>
+    <!--Componente titulo-->
+    <TituloServicio :status="alumno.Status.idStatus"/>
+    <!--Componente programa-->
+    <DatosPrograma :programa="alumno.Programa" />
+    <!--Componente datosPersonales, alumno-->
+    <DatosPersonales :alumno="alumno"/>
+    <!--Componente Enlaces 
+      alumno.Status.idStatus
+      alumno.cartaAceptacion
+      linkCartaAceptacion
+    -->
     <div id="enlaces">
       <b-button
         class="boton is-info"
@@ -85,13 +24,7 @@
         Editar información
       </b-button>
       <br /><br />
-      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 1">
-        Confirmar el pre-registro del alumno
-      </h3>
-      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 4">Término</h3>
-      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 5">
-        Validar el término del alumno
-      </h3>
+      <TituloStatus :status="alumno.Status.idStatus"/>
       <div v-if="alumno.cartaAceptacion" class="">
         <span class="spanDoc"><strong>Ver carta de aceptación</strong></span>
         <a :href="linkCartaAceptacion" target="_blank">
@@ -263,8 +196,18 @@
 
 <script>
 import axios from "axios";
-import moment from "moment";
+import tituloServicio from "./tituloServicio"
+import tituloStatus from "./tituloStatus"
+import datosPrograma from "./datosPrograma"
+import datosPersonales from "./datosPersonales"
+
 export default {
+  components:{ 
+    tituloServicio,
+    datosPrograma,
+    datosPersonales,
+    tituloStatus
+  },
   data() {
     return {
       alumno: {
@@ -317,6 +260,7 @@ export default {
         .then((res) => {
           this.isLoading = false;
           this.alumno = res.data;
+          this.alumno.creditos = Number(res.data.creditos)
           if (this.alumno.cartaAceptacion) {
             this.linkCartaAceptacion = `https://drive.google.com/file/d/${this.alumno.cartaAceptacion}/view?usp=sharing`;
           }
@@ -463,10 +407,6 @@ export default {
           console.log(err);
         });
     },
-    fecha(date) {
-      const fecha = moment(date.substr(0, 10));
-      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
-    },
     confirmarRegistro() {
       this.isLoading = true;
       const data = {

From 1b061edfa953d4ac3f5dc80a8c3d57ad79851c56 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Sat, 26 Dec 2020 22:57:22 -0600
Subject: [PATCH 6/7] estilos

---
 components/admin/servicio/datosPersonales.vue |  2 +-
 components/admin/servicio/datosPrograma.vue   | 12 ++--
 components/admin/servicio/tituloServicio.vue  | 12 ++--
 components/admin/servicio/vistaServicio.vue   | 72 +++++++++----------
 nuxt.config.js                                |  4 +-
 5 files changed, 50 insertions(+), 52 deletions(-)

diff --git a/components/admin/servicio/datosPersonales.vue b/components/admin/servicio/datosPersonales.vue
index caf6b58..af8d8b3 100644
--- a/components/admin/servicio/datosPersonales.vue
+++ b/components/admin/servicio/datosPersonales.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="datosPersonales">
-    <p class="is-size-4"><b>Datos personales</b></p>
+    <p class="is-size-3"><b>Datos personales</b></p>
     <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre">
       <b>Nombre: </b>{{ alumno.Usuario.nombre }}
     </p>
diff --git a/components/admin/servicio/datosPrograma.vue b/components/admin/servicio/datosPrograma.vue
index dbbe75e..750f9a5 100644
--- a/components/admin/servicio/datosPrograma.vue
+++ b/components/admin/servicio/datosPrograma.vue
@@ -1,19 +1,19 @@
 <template>
   <div id="programa">
     <br />
-    <p class="is-size-4"><b>Datos del programa</b></p>
+    <p class="is-size-3"><b>Datos del programa</b></p>
     <br />
-    <p class="is-size-5" v-if="programa.programa">
+    <p class="is-size-5 mb-4" v-if="programa.programa">
       <b>Programa: </b><span> {{ programa.programa }} </span>
     </p>
-    <p class="is-size-5" v-if="programa.clavePrograma">
+    <p class="is-size-5 mb-4" v-if="programa.clavePrograma">
       <b>Clave del programa: </b
       ><span> {{ programa.clavePrograma }} </span>
     </p>
-    <p class="is-size-5" v-if="programa.dependencia">
+    <p class="is-size-5 mb-4" v-if="programa.dependencia">
       <b>Dependecia: </b><span> {{ programa.dependencia }} </span>
     </p>
-    <p class="is-size-5" v-if="programa.institucion">
+    <p class="is-size-5 mb-4" v-if="programa.institucion">
       <b>Institución: </b><span> {{ programa.institucion }} </span>
     </p>
     <br />
@@ -26,4 +26,4 @@ export default {
     programa: Object
   }
 }
-</script>
+</script> mb-4
\ No newline at end of file
diff --git a/components/admin/servicio/tituloServicio.vue b/components/admin/servicio/tituloServicio.vue
index 6484220..21d97cb 100644
--- a/components/admin/servicio/tituloServicio.vue
+++ b/components/admin/servicio/tituloServicio.vue
@@ -1,21 +1,21 @@
 <template>
   <div id="Status">
-    <p class="is-size-3" v-if="status == 1">
+    <p class="is-size-1" v-if="status == 1">
       Pre Registro
     </p>
-    <p class="is-size-3" v-else-if="status == 2">
+    <p class="is-size-1" v-else-if="status == 2">
       Pre Registro Válidado
     </p>
-    <p class="is-size-3" v-else-if="status == 3">
+    <p class="is-size-1" v-else-if="status == 3">
       Registro
     </p>
-    <p class="is-size-3" v-else-if="status == 4">
+    <p class="is-size-1" v-else-if="status == 4">
       Pre Término
     </p>
-    <p class="is-size-3" v-else-if="status == 5">
+    <p class="is-size-1" v-else-if="status == 5">
       Término
     </p>
-    <p class="is-size-3" v-else-if="status == 6">
+    <p class="is-size-1" v-else-if="status == 6">
       Liberación
     </p>
   </div>
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index abffbf3..13bbeb8 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -6,11 +6,11 @@
       </b-button>
     </div>
     <!--Componente titulo-->
-    <TituloServicio :status="alumno.Status.idStatus"/>
+    <TituloServicio :status="alumno.Status.idStatus" />
     <!--Componente programa-->
     <DatosPrograma :programa="alumno.Programa" />
     <!--Componente datosPersonales, alumno-->
-    <DatosPersonales :alumno="alumno"/>
+    <DatosPersonales :alumno="alumno" />
     <!--Componente Enlaces 
       alumno.Status.idStatus
       alumno.cartaAceptacion
@@ -24,7 +24,7 @@
         Editar información
       </b-button>
       <br /><br />
-      <TituloStatus :status="alumno.Status.idStatus"/>
+      <TituloStatus :status="alumno.Status.idStatus" />
       <div v-if="alumno.cartaAceptacion" class="">
         <span class="spanDoc"><strong>Ver carta de aceptación</strong></span>
         <a :href="linkCartaAceptacion" target="_blank">
@@ -159,32 +159,30 @@
           Confirmar
         </b-button>
       </div>
-      <div class="demas">
-        <b-button class="is-info" @click="regresar()">
-          Regresar
-        </b-button>
-        <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
-          Cancelar
-        </b-button>
-        <br /><br />
-        <b-field label="Razón para cancelar: " v-if="enviarCancel">
-          <b-input
-            maxlength="500"
-            type="textarea"
-            v-model="mensajeCancel"
-          ></b-input>
-        </b-field>
-        <b-button
-          v-if="mensajeCancel && enviarCancel"
-          class="is-danger"
-          @click="cancelarDialog()"
-        >
-          Cancelar servicio
-        </b-button>
-        <b-button v-else-if="enviarCancel" disabled>
-          Cancelar servicio
-        </b-button>
-      </div>
+      <b-button class="is-info" @click="regresar()">
+        Regresar
+      </b-button>
+      <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
+        Cancelar
+      </b-button>
+      <br /><br />
+      <b-field label="Razón para cancelar: " v-if="enviarCancel">
+        <b-input
+          maxlength="500"
+          type="textarea"
+          v-model="mensajeCancel"
+        ></b-input>
+      </b-field>
+      <b-button
+        v-if="mensajeCancel && enviarCancel"
+        class="is-danger"
+        @click="cancelarDialog()"
+      >
+        Cancelar servicio
+      </b-button>
+      <b-button v-else-if="enviarCancel" disabled>
+        Cancelar servicio
+      </b-button>
       <b-loading
         :is-full-page="true"
         v-model="isLoading"
@@ -196,17 +194,17 @@
 
 <script>
 import axios from "axios";
-import tituloServicio from "./tituloServicio"
-import tituloStatus from "./tituloStatus"
-import datosPrograma from "./datosPrograma"
-import datosPersonales from "./datosPersonales"
+import tituloServicio from "./tituloServicio";
+import tituloStatus from "./tituloStatus";
+import datosPrograma from "./datosPrograma";
+import datosPersonales from "./datosPersonales";
 
 export default {
-  components:{ 
+  components: {
     tituloServicio,
     datosPrograma,
     datosPersonales,
-    tituloStatus
+    tituloStatus,
   },
   data() {
     return {
@@ -260,7 +258,7 @@ export default {
         .then((res) => {
           this.isLoading = false;
           this.alumno = res.data;
-          this.alumno.creditos = Number(res.data.creditos)
+          this.alumno.creditos = Number(res.data.creditos);
           if (this.alumno.cartaAceptacion) {
             this.linkCartaAceptacion = `https://drive.google.com/file/d/${this.alumno.cartaAceptacion}/view?usp=sharing`;
           }
@@ -467,7 +465,7 @@ export default {
   },
   async created() {
     await this.obtenerRegistro();
-  }
+  },
 };
 </script>
 
diff --git a/nuxt.config.js b/nuxt.config.js
index 6f019e8..306f476 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -47,8 +47,8 @@ export default {
   build: {},
   env: {
     // api: 'http://localhost:3000'
-    api: "https://venus.acatlan.unam.mx/ss-pruebas",
-    //api: "https://03a9bde77357.ngrok.io",
+    // api: "https://venus.acatlan.unam.mx/ss-pruebas",
+    api: "https://890af9d598a4.ngrok.io"
     // api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
   }
 }

From aff371aad03c8d48f7750b9c62e20c34bd3fb30c Mon Sep 17 00:00:00 2001
From: Lemuel Marquez <lemuel@iMac-de-Lemuel.local>
Date: Sat, 26 Dec 2020 23:41:51 -0600
Subject: [PATCH 7/7] rutas

---
 .../servicio/programa/tablaResponsables.vue   |  2 +-
 pages/admin/programa/index.vue                |  2 +-
 .../programa/infoResponsable/edit/index.vue   | 43 +++++++++++--------
 .../admin/programa/infoResponsable/index.vue  |  4 +-
 4 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/components/admin/servicio/programa/tablaResponsables.vue b/components/admin/servicio/programa/tablaResponsables.vue
index 42f7f9f..15290ba 100644
--- a/components/admin/servicio/programa/tablaResponsables.vue
+++ b/components/admin/servicio/programa/tablaResponsables.vue
@@ -125,7 +125,7 @@ export default {
       localStorage.setItem("correo", responsable.usuario);
       localStorage.setItem("idResponsable", responsable.idUsuario);
       localStorage.setItem("nombre", responsable.nombre);
-      this.$router.push({path: 'programa/infoResponsable'});
+      this.$router.push('/admin/programa/infoResponsable');
     },
   },
   computed: {
diff --git a/pages/admin/programa/index.vue b/pages/admin/programa/index.vue
index 4e43225..15a89fb 100644
--- a/pages/admin/programa/index.vue
+++ b/pages/admin/programa/index.vue
@@ -15,7 +15,7 @@ export default {
   methods: {
     regresar() {
       localStorage.removeItem("idRegistro");
-      this.$router.push("./");
+      this.$router.push("/admin");
     },
   },
 };
diff --git a/pages/admin/programa/infoResponsable/edit/index.vue b/pages/admin/programa/infoResponsable/edit/index.vue
index 2b08ccb..95755f6 100644
--- a/pages/admin/programa/infoResponsable/edit/index.vue
+++ b/pages/admin/programa/infoResponsable/edit/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="container">
-    <b-button class="boton is-info my-5" @click="$router.push('./')">
+    <b-button
+      class="boton is-info my-5"
+      @click="$router.push('/admin/programa/infoResponsable')"
+    >
       Regresar
     </b-button>
     <p class="is-size-2">Editar información del responsable</p>
@@ -12,10 +15,17 @@
       <b-input type="email" v-model="nuevo.correo" :placeholder="viejo.correo">
       </b-input>
     </b-field>
-    <b-button class="boton is-info my-5" @click="$router.push('./')">
+    <b-button
+      class="boton is-info my-5"
+      @click="$router.push('/admin/programa/infoResponsable')"
+    >
       Regresar
     </b-button>
-    <b-button class="boton is-info my-5" v-if="mostrar()" @click="editarResponsable()">
+    <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>
@@ -30,31 +40,28 @@
 </template>
 
 <script>
-import validator from 'validator'
+import validator from "validator";
 //import axios from 'axios'
 
 export default {
-  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'),
-      isLoading: false
-    }
+      idServicio: localStorage.getItem("idServicio"),
+      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;
@@ -64,7 +71,7 @@ export default {
         }
         return true;
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index 8b780a2..11e3af4 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -22,7 +22,7 @@
     <div class="">
       <b-button
         class="boton is-info my-5"
-        @click="$router.push('./infoResponsable/edit')"
+        @click="$router.push('/admin/programa/infoResponsable/edit')"
       >
         Editar información
       </b-button>
@@ -72,7 +72,7 @@ export default {
       });
     },
     regresar() {
-      this.$router.push("/admin");
+      this.$router.push("/admin/programa");
       localStorage.removeItem("correo");
     },
   },