From d4f44b3eaf428b204ece638c3e67c57b5f150790 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Mon, 16 Nov 2020 13:45:00 -0600
Subject: [PATCH] cuarto commit

---
 components/admin/servicio/modificar/form.vue | 59 +++++++++++++++-----
 components/admin/servicio/vistaServicio.vue  | 48 +++++++++-------
 2 files changed, 71 insertions(+), 36 deletions(-)

diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 69ab048..af9cece 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <b-button class="is-info">Regresar</b-button>
+    <b-button class="is-info" @click="regresar()">Regresar</b-button>
     <br><br>
     <p class="is-size-2">Editar información del alumno</p>
     <br>
@@ -9,8 +9,7 @@
         <b-input
           type="email"
           v-model="nuevo.correo"
-          v-bind:placeholder="viejo.correo"
-          value="">
+          v-bind:placeholder="viejo.correo">
         </b-input>
       </b-field>
       <b-field label="Fecha de inicio">
@@ -22,7 +21,7 @@
         </b-datepicker>
       </b-field>
       <transition name="fade">
-        <b-field label="Fecha de fin" v-if="fechaInicio">
+        <b-field label="Fecha de fin" v-if="fechaInicio[0]">
           <b-datepicker
             v-bind:placeholder="viejo.fechaInicio"
             v-model="fechaFin[0]"
@@ -35,7 +34,7 @@
         <b-input type="text" v-model="nuevo.direccion" v-bind:placeholder="viejo.direccion"></b-input>
       </b-field>
       <b-field label="Teléfono">
-        <b-input type="number" value="" v-bind:placeholder="viejo.telefono"></b-input>
+        <b-input type="number" v-bind:placeholder="viejo.telefono" maxlength="10"></b-input>
       </b-field>
       <b-field label="Fecha de nacimiento">
         <b-datepicker
@@ -45,12 +44,12 @@
         </b-datepicker>
       </b-field>
       <b-field label="ID status">
-        <b-input type="" value="" v-bind:placeholder="viejo.idStatus"></b-input>
+        <b-input type="" v-bind:placeholder="viejo.idStatus"></b-input>
       </b-field>
       <p class="is-size-5">Carta de aceptación</p>
       <br>
       <b-field>
-        <b-upload v-model="nuevo.cartaAceptacion" drag-drop expanded>
+        <b-upload v-model="nuevo.cartaAceptacion" type="is-black" v-on:input="validarExt(1)" drag-drop expanded>
           <section class="section">
             <div class="content has-text-centered">
               <p>
@@ -64,7 +63,7 @@
       <p class="is-size-5">Carta de término</p>
       <br>
       <b-field>
-        <b-upload v-model="nuevo.cartaTermino" drag-drop expanded>
+        <b-upload v-model="nuevo.cartaTermino" type="is-black" v-on:input="validarExt(2)" drag-drop expanded>
           <section class="section">
             <div class="content has-text-centered">
               <p>
@@ -78,7 +77,7 @@
       <p class="is-size-5">Informe global</p>
       <br>
       <b-field>
-        <b-upload v-model="nuevo.informeGlobal" drag-drop expanded>
+        <b-upload v-model="nuevo.informeGlobal" type="is-black" v-on:input="validarExt(3)" drag-drop expanded>
           <section class="section">
             <div class="content has-text-centered">
               <p>
@@ -90,9 +89,9 @@
         </b-upload>
       </b-field>
       <br>
-      <b-button v-if="mostrar()" class="is-info">
-        Actualizar Datos
-      </b-button>
+      <b-button class="is-info" @click="regresar()">Regresar</b-button>
+      <b-button v-if="mostrar()" class="is-info">Actualizar Datos</b-button>
+      <b-button v-else disabled class="is-info">Actualizar Datos</b-button>
     </div>
   </div>
 </template>
@@ -128,13 +127,13 @@ export default {
       fechaNacimiento: [],
       fechaInicio: [],
       fechaFin: [],
-      minDate1: new Date('2020-01-02')
+      minDate1: new Date('2020-01-01')
     }
   },
   methods: {
     dangerToast () {
       this.$buefy.toast.open({
-        message: 'Correo invalido',
+        message: 'Asegurate de ingresar un PDF',
         type: 'is-danger'
       })
     },
@@ -151,9 +150,39 @@ export default {
         this.nuevo.informeGlobal.name ||
         this.nuevo.idStatus
       ) {
+        if (this.nuevo.correo) {
+          if (validator.isEmail(this.nuevo.correo)) {
+            return true
+          } else {
+            return false
+          }
+        }
         return true
       }
-      return false
+    },
+    validarExt (a) {
+      const extPermitidas = /(.pdf)$/i
+      switch (a) {
+        case 1: if (!extPermitidas.exec(this.nuevo.cartaAceptacion.name)) {
+          this.dangerToast()
+          this.nuevo.cartaAceptacion = {}
+        }
+          break
+        case 2: if (!extPermitidas.exec(this.nuevo.cartaTermino.name)) {
+          this.dangerToast()
+          this.nuevo.cartaTermino = {}
+        }
+          break
+        case 3: if (!extPermitidas.exec(this.nuevo.informeGlobal.name)) {
+          this.dangerToast()
+          this.nuevo.informeGlobal = {}
+        }
+          break
+      }
+    },
+    regresar () {
+      localStorage.removeItem('idRegistro')
+      this.$router.push('/admin/servicio')
     }
   },
   computed: {
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 2bdaa59..7d2cc6e 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -1,7 +1,30 @@
 <template>
-    <div class="container">
-      <p class="h2">{{ title }}</p>
+  <div class="container">
+    <div v-if="alumno.programa">
+      <p class="is-size-4">Programa</p>
+      <p class="is-size-5"></p>
     </div>
+    <div>
+      <p class="is-size-3" v-if="alumno.idStatus == 1">
+        Pre Registro
+      </p>
+      <p class="is-size-3" v-else-if="alumno.idStatus == 2">
+        Pre Registro Válidado
+      </p>
+      <p class="is-size-3" v-else-if="alumno.idStatus == 3">
+        Registro
+      </p>
+      <p class="is-size-3" v-else-if="alumno.idStatus == 4">
+        Pre Término
+      </p>
+      <p class="is-size-3" v-else-if="alumno.idStatus == 5">
+        Término
+      </p>
+      <p class="is-size-3" v-else-if="alumno.idStatus == 6">
+          Liberación
+      </p>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -11,7 +34,7 @@ export default {
       alumno: {
         fechaInicio: '',
         fechaFin: '',
-        idStatus: 1
+        idStatus: 6
       },
       idRegistro: window.localStorage.getItem('idRegistro'),
       token: {
@@ -28,27 +51,10 @@ export default {
       mensajeCancel: '',
       spinner: false,
       vistoBueno: false,
-      acatlan: false,
-      title: 'Hola'
+      acatlan: false
     }
   },
   methods: {
-    elegirTitulo: function () {
-      switch (this.alumno.idStatus) {
-        case 1: this.title = 'Pre Registro'
-          break
-        case 2: this.title = 'Pre Registro Válido'
-          break
-        case 3: this.title = 'Registro'
-          break
-        case 4: this.title = 'Pre Término'
-          break
-        case 5: this.title = 'Termino'
-          break
-        case 6: this.title = 'Liberación'
-          break
-      }
-    }
   }
 }
 </script>