From 24a400dad376c71a72342179854a7308bf4ceae4 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Tue, 8 Dec 2020 18:41:21 -0600
Subject: [PATCH] V-2.4-ErroresCartas

---
 components/responsable/cartaAceptacion.vue | 22 ++++++++++++++++
 components/responsable/cartaTermino.vue    | 30 +++++++++++++++++++---
 components/responsable/inputTable.vue      |  8 +++---
 pages/admin/index.vue                      |  4 ++-
 4 files changed, 56 insertions(+), 8 deletions(-)

diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
index 65f0232..77cadc3 100644
--- a/components/responsable/cartaAceptacion.vue
+++ b/components/responsable/cartaAceptacion.vue
@@ -10,6 +10,7 @@
               <b-icon icon="upload" size="is-large"></b-icon>
               </p>
               <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
+              <p>Tamaño máximo para el archivo: 20MB</p>
           </div>
           </section>
       </b-upload>
@@ -32,6 +33,27 @@ export default {
     return {
       file: ''
     }
+  },
+  methods: {
+    validarTamaño () {
+      const TamMax = 20000000
+      const archivo = this.file
+      if (archivo.size > TamMax) {
+        this.toast()
+        this.file = ''
+      }
+    },
+    toast () {
+      this.$buefy.toast.open({
+        message: 'El archivo excede el tamaño permitido',
+        type: 'is-danger'
+      })
+    }
+  },
+  watch: {
+    file: function (newFile, oldFile) {
+      this.validarTamaño()
+    }
   }
 }
 </script>
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index 54dd2aa..2f78a4b 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -5,12 +5,13 @@
     <b-field>
         <b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
             <section class="section">
-            <div class="content has-text-centered">
+              <div class="content has-text-centered">
                 <p>
                 <b-icon icon="upload" size="is-large"></b-icon>
                 </p>
                 <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
-            </div>
+                <p>Tamaño máximo para el archivo: 20MB</p>
+              </div>
             </section>
         </b-upload>
     </b-field>
@@ -21,7 +22,9 @@
         class="border-info my-5 is-medium"
         type="is-info"
         tag="router-link"
-        to="/responsable">Enviar</b-button>
+        to="/responsable">
+          Enviar
+      </b-button>
 
     </b-field>
 </div>
@@ -33,6 +36,27 @@ export default {
     return {
       file: ''
     }
+  },
+  methods: {
+    validarTamaño () {
+      const TamMax = 20000000
+      const archivo = this.file
+      if (archivo.size > TamMax) {
+        this.toast()
+        this.file = ''
+      }
+    },
+    toast () {
+      this.$buefy.toast.open({
+        message: 'El archivo excede el tamaño permitido',
+        type: 'is-danger'
+      })
+    }
+  },
+  watch: {
+    file: function (newFile, oldFile) {
+      this.validarTamaño()
+    }
   }
 }
 </script>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 7e54298..5d10c85 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -80,16 +80,16 @@
                   <span v-else>{{ props.row.carrera}}</span>
               </b-table-column>
               <b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{props.row.fechaInicio}}</span>
                   <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
               </b-table-column>
               <b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{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" @click="cartaAceptacion(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
-                 <span class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
+                 <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ props.row.status }}</span>
+                 <span v-else class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
               </b-table-column>
 
               <b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="idUsuario == 2">
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index cfbcd92..8417ae0 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -3,7 +3,9 @@
     <div class="section">
       <div class="buttons section py-0 pl-0">
 
-        <b-button type="is-info">
+        <b-button type="is-info"
+          tag="router-link"
+          to='/admin/programa'>
             Ver programas
         </b-button>
       </div>