From 78bfe93e342b582574748841557fee379205ca06 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Sun, 27 Dec 2020 20:35:46 -0600
Subject: [PATCH] carga masiva

---
 components/admin/servicio/datosPersonales.vue | 22 ++++----
 components/admin/servicio/datosPrograma.vue   | 10 ++--
 components/admin/servicio/modificar/form.vue  |  6 +-
 .../admin/servicio/programa/cargaMasiva.vue   | 56 +++++++++++++++++++
 .../servicio/programa/tablaResponsables.vue   | 12 ++--
 components/admin/servicio/tituloStatus.vue    | 18 ++++--
 components/admin/servicio/vistaServicio.vue   |  2 +
 nuxt.config.js                                |  4 +-
 pages/admin/programa/index.vue                |  4 ++
 .../programa/infoResponsable/edit/index.vue   |  2 +-
 .../admin/programa/infoResponsable/index.vue  | 42 ++++++++------
 11 files changed, 126 insertions(+), 52 deletions(-)
 create mode 100644 components/admin/servicio/programa/cargaMasiva.vue

diff --git a/components/admin/servicio/datosPersonales.vue b/components/admin/servicio/datosPersonales.vue
index af8d8b3..03649ea 100644
--- a/components/admin/servicio/datosPersonales.vue
+++ b/components/admin/servicio/datosPersonales.vue
@@ -1,34 +1,34 @@
 <template>
   <div id="datosPersonales">
     <p class="is-size-3"><b>Datos personales</b></p>
-    <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre">
+    <p class="is-size-5 mt-3" v-if="alumno.Usuario.nombre">
       <b>Nombre: </b>{{ alumno.Usuario.nombre }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.Usuario.usuario">
+    <p class="is-size-5 mt-3" 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 class="is-size-5 mt-3" v-if="alumno.Carrera.carrera">
+      <b>Carrera: </b>{{ alumno.Carrera.carrera }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.correo">
+    <p class="is-size-5 mt-3" v-if="alumno.correo">
       <b>Correo: </b>{{ alumno.correo }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.creditos">
+    <p class="is-size-5 mt-3" v-if="alumno.creditos">
       <b>Créditos: </b>{{ alumno.creditos + "%" }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.fechaInicio">
+    <p class="is-size-5 mt-3" v-if="alumno.fechaInicio">
       <b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.fechaFin">
+    <p class="is-size-5 mt-3" v-if="alumno.fechaFin">
       <b>Fecha de fin: </b>{{ fecha(alumno.fechaFin) }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.telefono">
+    <p class="is-size-5 mt-3" v-if="alumno.telefono">
       <b>Teléfono: </b>{{ alumno.telefono }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.direccion">
+    <p class="is-size-5 mt-3" v-if="alumno.direccion">
       <b>Dirección: </b>{{ alumno.direccion }}
     </p>
-    <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento">
+    <p class="is-size-5 mt-3" v-if="alumno.fechaNacimiento">
       <b>Fecha de nacimiento: </b>{{ fecha(alumno.fechaNacimiento) }}
     </p>
   </div>
diff --git a/components/admin/servicio/datosPrograma.vue b/components/admin/servicio/datosPrograma.vue
index 750f9a5..d2fbc28 100644
--- a/components/admin/servicio/datosPrograma.vue
+++ b/components/admin/servicio/datosPrograma.vue
@@ -3,17 +3,17 @@
     <br />
     <p class="is-size-3"><b>Datos del programa</b></p>
     <br />
-    <p class="is-size-5 mb-4" v-if="programa.programa">
+    <p class="is-size-5 mb-3" v-if="programa.programa">
       <b>Programa: </b><span> {{ programa.programa }} </span>
     </p>
-    <p class="is-size-5 mb-4" v-if="programa.clavePrograma">
+    <p class="is-size-5 mb-3" v-if="programa.clavePrograma">
       <b>Clave del programa: </b
       ><span> {{ programa.clavePrograma }} </span>
     </p>
-    <p class="is-size-5 mb-4" v-if="programa.dependencia">
+    <p class="is-size-5 mb-3" v-if="programa.dependencia">
       <b>Dependecia: </b><span> {{ programa.dependencia }} </span>
     </p>
-    <p class="is-size-5 mb-4" v-if="programa.institucion">
+    <p class="is-size-5 mb-3" v-if="programa.institucion">
       <b>Institución: </b><span> {{ programa.institucion }} </span>
     </p>
     <br />
@@ -26,4 +26,4 @@ export default {
     programa: Object
   }
 }
-</script> mb-4
\ No newline at end of file
+</script> 
\ No newline at end of file
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 5cd99ae..f7bd87e 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -56,7 +56,7 @@
         >
         </b-datepicker>
       </b-field>
-      <p class="is-size-5">Carta de aceptación</p>
+      <p class="is-size-5" v-if="viejo.cartaAceptacion">Carta de aceptación</p>
       <br />
       <b-field v-if="viejo.cartaAceptacion">
         <b-upload
@@ -82,7 +82,7 @@
           </section>
         </b-upload>
       </b-field>
-      <p class="is-size-5">Carta de término</p>
+      <p class="is-size-5" v-if="viejo.cartaTermino">Carta de término</p>
       <br />
       <b-field v-if="viejo.cartaTermino">
         <b-upload
@@ -108,7 +108,7 @@
           </section>
         </b-upload>
       </b-field>
-      <p class="is-size-5">Informe global</p>
+      <p class="is-size-5" v-if="viejo.informeGlobal">Informe global</p>
       <br />
       <b-field v-if="viejo.informeGlobal">
         <b-upload
diff --git a/components/admin/servicio/programa/cargaMasiva.vue b/components/admin/servicio/programa/cargaMasiva.vue
new file mode 100644
index 0000000..0be646e
--- /dev/null
+++ b/components/admin/servicio/programa/cargaMasiva.vue
@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <p class="is-size-2 mb-5">Carga Masiva</p>
+    <b-field v-if="true">
+      <b-upload
+        v-model="csv"
+        type="is-black"
+        v-on:input="validarExt()"
+        drag-drop
+        expanded
+      >
+        <section class="section">
+          <div class="content has-text-centered">
+            <p>
+              <b-icon icon="upload" size="is-large"></b-icon>
+            </p>
+            <p>
+              {{
+                csv.name || "Arrastra aquí tu archivo o da click para buscar"
+              }}
+            </p>
+          </div>
+        </section>
+      </b-upload>
+    </b-field>
+    <b-button v-if="csv.name" @click="actualizarDialog()" class="is-info"
+      >Enviar archivo</b-button
+    >
+    <b-button v-else disabled class="is-info">Enviar archivo</b-button>
+  </div>
+</template>
+
+<script>
+export default {
+  data(){
+    return{
+      csv: {}
+    }
+  },
+  methods: {
+    validarExt() {
+      const extPermitidas = /(.csv)$/i;
+      if (!extPermitidas.exec(this.csv.name)) {
+        this.dangerToast();
+        this.csv = {};
+      }
+    },
+    dangerToast() {
+      this.$buefy.toast.open({
+        message: "Asegurate de ingresar un archivo .CSV",
+        type: "is-danger",
+      });
+    },
+  }
+}
+</script>
diff --git a/components/admin/servicio/programa/tablaResponsables.vue b/components/admin/servicio/programa/tablaResponsables.vue
index 42f7f9f..5d1ff85 100644
--- a/components/admin/servicio/programa/tablaResponsables.vue
+++ b/components/admin/servicio/programa/tablaResponsables.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="container mt-5">
+    <p class="is-size-2 mb-5">Lista de responsables</p>
     <div class="columns">
       <div class="column is-3 mb-4 pb-4">
         <b-field>
@@ -19,7 +20,6 @@
             icon="school"
             rounded
             v-model="correo"
-            maxlength="9"
           >
           </b-input>
         </b-field>
@@ -44,9 +44,7 @@
           @page-change="onPageChange"
         >
           <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-            <span @click="verRegistro(props.row)">{{
-              props.row.nombre
-            }}</span>
+            <span @click="verRegistro(props.row)">{{ props.row.nombre }}</span>
           </b-table-column>
           <b-table-column
             field="correo"
@@ -54,9 +52,7 @@
             v-slot="props"
             centered
           >
-            <span @click="verRegistro(props.row)">{{
-              props.row.usuario
-            }}</span>
+            <span @click="verRegistro(props.row)">{{ props.row.usuario }}</span>
           </b-table-column>
         </b-table>
       </section>
@@ -125,7 +121,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({ path: "programa/infoResponsable" });
     },
   },
   computed: {
diff --git a/components/admin/servicio/tituloStatus.vue b/components/admin/servicio/tituloStatus.vue
index 8e4c9c9..8a5783e 100644
--- a/components/admin/servicio/tituloStatus.vue
+++ b/components/admin/servicio/tituloStatus.vue
@@ -1,13 +1,19 @@
 <template>
   <div>
-    <h3 class="is-size-4 mb-5" v-if="status == 1">
-      Confirmar el pre-registro del alumno
+    <h3 class="is-size-3 mb-5" v-if="status == 1">
+      <strong>
+        Confirmar el pre-registro del alumno
+      </strong>
     </h3>
-    <h3 class="is-size-4 mb-5" v-if="status == 4">
-      Término
+    <h3 class="is-size-3 mb-5" v-if="status == 4">
+      <strong>
+        Término
+      </strong>
     </h3>
-    <h3 class="is-size-4 mb-5" v-if="status == 5">
-      Validar el término del alumno
+    <h3 class="is-size-3 mb-5" v-if="status == 5">
+      <strong>
+        Validar el término del alumno
+      </strong>
     </h3>
   </div>
 </template>
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 13bbeb8..f6a8bcf 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -466,6 +466,8 @@ export default {
   async created() {
     await this.obtenerRegistro();
   },
+  beforeCreate() {
+  }
 };
 </script>
 
diff --git a/nuxt.config.js b/nuxt.config.js
index 306f476..6338563 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://890af9d598a4.ngrok.io"
+    api: "https://venus.acatlan.unam.mx/ss-pruebas",
+    // api: "https://890af9d598a4.ngrok.io"
     // api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
   }
 }
diff --git a/pages/admin/programa/index.vue b/pages/admin/programa/index.vue
index 4e43225..47e4bc4 100644
--- a/pages/admin/programa/index.vue
+++ b/pages/admin/programa/index.vue
@@ -2,15 +2,19 @@
   <div class="container">
     <p class="is-size-2 mb-5">Programas de Servicio Social</p>
     <b-button class="is-info" @click="regresar()">Regresar</b-button>
+    <CargaMasiva />
+    <b-button class="my-4 is-info">Descargar plantilla</b-button>
     <TablaResponsables />
   </div>
 </template>
 
 <script>
 import tablaResponsables from "../../../components/admin/servicio/programa/tablaResponsables";
+import cargaMasiva from "../../../components/admin/servicio/programa/cargaMasiva";
 export default {
   components: {
     tablaResponsables,
+    cargaMasiva
   },
   methods: {
     regresar() {
diff --git a/pages/admin/programa/infoResponsable/edit/index.vue b/pages/admin/programa/infoResponsable/edit/index.vue
index 2b08ccb..5f4c821 100644
--- a/pages/admin/programa/infoResponsable/edit/index.vue
+++ b/pages/admin/programa/infoResponsable/edit/index.vue
@@ -5,7 +5,7 @@
     </b-button>
     <p class="is-size-2">Editar información del responsable</p>
     <b-field label="Nombre">
-      <b-input type="email" v-model="nuevo.nombre" :placeholder="viejo.nombre">
+      <b-input type="text" v-model="nuevo.nombre" :placeholder="viejo.nombre">
       </b-input>
     </b-field>
     <b-field label="Correo eletrónico">
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index 8b780a2..29e6fe1 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -3,22 +3,24 @@
     <b-button class="boton is-info my-5" @click="regresar()">
       Regresar
     </b-button>
-    <p class="is-size-2 mb-4">Información del responsable</p>
-    <p class="is-size-4 mb-4">Nombre: {{ nombre }}</p>
-    <p class="is-size-4 mb-4">Correo: {{ correo }}</p>
-    <p class="is-size-4">Programa:</p>
-    <b-select v-model="selected" placeholder="Elija un programa">
-      <option
-        v-for="programa in programas"
-        v-bind:key="programa.id"
-        :value="programa"
-      >
-        {{ programa.programa }}
-      </option>
-    </b-select>
-    <p class="is-size-4 mb-4">Institución: {{ selected.institucion }}</p>
-    <p class="is-size-4 mb-4">Dependencia: {{ selected.dependencia }}</p>
-    <p class="is-size-4 mb-4">Clave: {{ selected.clavePrograma }}</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">
+        <option
+          v-for="programa in programas"
+          v-bind:key="programa.id"
+          :value="programa"
+        >
+          {{ programa.programa }}
+        </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>
     <div class="">
       <b-button
         class="boton is-info my-5"
@@ -81,3 +83,11 @@ export default {
   }
 };
 </script>
+
+<style scoped>
+  .programa{
+    margin-right: 20px;
+    padding-right: 20px;
+  }
+
+</style>