From 931c2af40bb8f32f922fbba63e2f2418b9febd30 Mon Sep 17 00:00:00 2001
From: xXpuma99Xx <51341582+xXpuma99Xx@users.noreply.github.com>
Date: Fri, 31 Dec 2021 21:49:25 -0600
Subject: [PATCH] uploads listos

---
 components/admin/EditarServicio.vue | 160 ++++++++++------------------
 1 file changed, 55 insertions(+), 105 deletions(-)

diff --git a/components/admin/EditarServicio.vue b/components/admin/EditarServicio.vue
index 4a5b6a6..93d327e 100644
--- a/components/admin/EditarServicio.vue
+++ b/components/admin/EditarServicio.vue
@@ -57,85 +57,75 @@
         />
       </b-field>
 
-      <p class="is-size-5">Carta de aceptación</p>
-
-      <b-field>
+      <b-field label="Carta de aceptación">
         <b-upload
+          accept="application/pdf"
           v-model="nuevo.cartaAceptacion"
-          type="is-black"
-          v-on:input="validarExt(1)"
-          accept="application/pdf"
           drag-drop
           expanded
         >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.cartaAceptacion.name ||
-                  'Arrastra aquí tu archivo o da click para buscar'
-                }}
-                {{ nuevo.cartaAceptacion }}
-              </p>
-            </div>
-          </section>
+          <div class="section has-text-centered">
+            <b-icon icon="upload" size="is-large" class="mb-2" />
+
+            <p class="is-size-5">
+              {{
+                nuevo.cartaAceptacion.name ||
+                'Arrastra aquí tu archivo o da click aquí para buscarlo.'
+              }}
+            </p>
+
+            <p class="is-size-6">Tamaño máximo 20MB</p>
+          </div>
         </b-upload>
       </b-field>
 
-      <p class="is-size-5" v-if="servicio.cartaTermino">Carta de término</p>
-
-      <b-field v-if="servicio.cartaTermino">
+      <b-field
+        label="Carta de término"
+        v-if="servicio.Status.idStatus > 4 && servicio.Status.idStatus != 7"
+      >
         <b-upload
+          accept="application/pdf"
           v-model="nuevo.cartaTermino"
-          type="is-black"
-          v-on:input="validarExt(2)"
-          accept="application/pdf"
           drag-drop
           expanded
         >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.cartaTermino.name ||
-                  'Arrastra aquí tu archivo o da click para buscar'
-                }}
-              </p>
-            </div>
-          </section>
+          <div class="section has-text-centered">
+            <b-icon icon="upload" size="is-large" class="mb-2" />
+
+            <p class="is-size-5">
+              {{
+                nuevo.cartaTermino.name ||
+                'Arrastra aquí tu archivo o da click aquí para buscarlo.'
+              }}
+            </p>
+
+            <p class="is-size-6">Tamaño máximo 20MB</p>
+          </div>
         </b-upload>
       </b-field>
 
-      <p class="is-size-5" v-if="servicio.informeGlobal">Informe global</p>
-
-      <b-field v-if="servicio.informeGlobal">
+      <b-field
+        label="Informe global"
+        v-if="servicio.Status.idStatus > 4 && servicio.Status.idStatus != 7"
+      >
         <b-upload
-          v-model="nuevo.informeGlobal"
-          type="is-black"
-          v-on:input="validarExt(3)"
           accept="application/pdf"
+          v-model="nuevo.informeGlobal"
           drag-drop
           expanded
         >
-          <section class="section">
-            <div class="content has-text-centered">
-              <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>
-                {{
-                  nuevo.informeGlobal.name ||
-                  'Arrastra aquí tu archivo o da click para buscar'
-                }}
-              </p>
-            </div>
-          </section>
+          <div class="section has-text-centered">
+            <b-icon icon="upload" size="is-large" class="mb-2" />
+
+            <p class="is-size-5">
+              {{
+                nuevo.informeGlobal.name ||
+                'Arrastra aquí tu archivo o da click aquí para buscarlo.'
+              }}
+            </p>
+
+            <p class="is-size-6">Tamaño máximo 20MB</p>
+          </div>
         </b-upload>
       </b-field>
     </div>
@@ -185,8 +175,10 @@ export default {
   data() {
     return {
       idServicio: null,
-      idStatus: Number(localStorage.getItem('idStatus')),
-      servicio: {},
+      fechaNacimiento: [],
+      fechaInicio: [],
+      fechaFin: [],
+      minDate1: new Date('2020-01-01'),
       nuevo: {
         correo: '',
         fechaInicioFinal: '',
@@ -198,11 +190,7 @@ export default {
         cartaTermino: {},
         informeGlobal: {},
       },
-      fechaNacimiento: [],
-      fechaInicio: [],
-      fechaFin: [],
-      minDate1: new Date('2020-01-01'),
-      padding: false,
+      servicio: { Status: {} },
     }
   },
   methods: {
@@ -216,18 +204,6 @@ export default {
       }
       return ''
     },
-    dangerToast() {
-      this.$buefy.toast.open({
-        message: 'Asegurate de ingresar un PDF',
-        type: 'is-danger',
-      })
-    },
-    toast() {
-      this.$buefy.toast.open({
-        message: 'Se han actualizado los datos',
-        type: 'is-success',
-      })
-    },
     mostrar() {
       if (
         validator.isEmail(this.nuevo.correo) ||
@@ -249,29 +225,6 @@ export default {
         return true
       }
     },
-    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
-      }
-    },
     obtenerRegistro() {
       this.updateIsLoading(true)
       axios
@@ -320,7 +273,7 @@ export default {
           this.admin.tokenArchivo
         )
         .then((res) => {
-          this.toast()
+          this.imprimirMensaje(res.data.message)
           this.updateIsLoading(false)
           this.$router.push('/admin/servicio')
         })
@@ -340,10 +293,7 @@ export default {
           this.admin.token
         )
         .then((res) => {
-          this.$buefy.toast.open({
-            message: 'Se ha enviado el correo con la nueva contraseña',
-            type: 'is-success',
-          })
+          this.imprimirMensaje(res.data.message)
           this.updateIsLoading(false)
           this.$router.push('/admin')
         })