From d9563134b28d0a53fb71eba5b9ad9a507b174851 Mon Sep 17 00:00:00 2001
From: mxrco <yosoymarco3@gmail.com>
Date: Tue, 5 Jan 2021 02:26:47 -0600
Subject: [PATCH] carga masiva 2

---
 components/admin/servicio/modificar/form.vue  |  2 +-
 .../admin/servicio/programa/cargaMasiva.vue   | 62 ++++++++++++++++---
 layouts/error.vue                             | 15 +++--
 3 files changed, 63 insertions(+), 16 deletions(-)

diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 2ba8897..4680302 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -145,7 +145,7 @@
       <b-loading
         :is-full-page="true"
         v-model="isLoading"
-        :can-cancel="true"
+        :can-cancel="false"
       ></b-loading>
     </div>
   </div>
diff --git a/components/admin/servicio/programa/cargaMasiva.vue b/components/admin/servicio/programa/cargaMasiva.vue
index 0be646e..06ac9eb 100644
--- a/components/admin/servicio/programa/cargaMasiva.vue
+++ b/components/admin/servicio/programa/cargaMasiva.vue
@@ -27,30 +27,72 @@
       >Enviar archivo</b-button
     >
     <b-button v-else disabled class="is-info">Enviar archivo</b-button>
+    <b-loading
+      :is-full-page="true"
+      v-model="isLoading"
+      :can-cancel="false"
+    ></b-loading>
   </div>
 </template>
 
 <script>
 export default {
-  data(){
-    return{
-      csv: {}
-    }
+  data() {
+    return {
+      csv: {},
+      isLoading: false,
+      toastType: null,
+      toastMessage: null,
+    };
   },
   methods: {
     validarExt() {
       const extPermitidas = /(.csv)$/i;
       if (!extPermitidas.exec(this.csv.name)) {
-        this.dangerToast();
+        this.toastType = 'is-danger'
+        this.toastMessage = 'Asegurate de ingresar un archivo .CSV'
+        this.toast();
         this.csv = {};
       }
     },
-    dangerToast() {
+    toast() {
       this.$buefy.toast.open({
-        message: "Asegurate de ingresar un archivo .CSV",
-        type: "is-danger",
+        message: this.toastMessage,
+        type: this.toastType,
       });
     },
-  }
-}
+    dialog() {
+      this.$buefy.dialog.confirm({
+        title: "Carga masiva",
+        message: "¿Seguro(a) que quiere enviar este archivo?",
+        confirmText: "Confirmar",
+        cancelText: "Cancelar",
+        type: "is-success",
+        hasIcon: true,
+        onConfirm: () => this.enviarCargaMasiva(),
+      });
+    },
+    enviarCargaMasiva () {
+      this.isLoading = true;
+      const formData = new FormData();
+      if (this.cartaAceptacion) {
+        formData.append("cartaAceptacion", this.cartaAceptacion);
+      }
+      axios
+        .put(`${process.env.api}/programa/carga_masiva`, formData)
+        .then((res) => {
+          this.isLoading = false;
+          this.toastType = 'is-success'
+          this.toastMessage = 'Se ha enviado la carga masiva con éxito'
+          this.toast();
+        })
+        .catch((err) => {
+          this.isLoading = false;
+          this.toastType = 'is-danger'
+          this.toastMessage = err.response.data.message
+          this.toast()
+        });
+    },
+  },
+};
 </script>
diff --git a/layouts/error.vue b/layouts/error.vue
index 4d1d6d3..e5764c6 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -14,11 +14,9 @@
             <h1 class="title">
               ERROR 404 LA PÁGINA NO HA SIDO ENCONTRADA
             </h1>
-            <a href="/">
-              <b-button class="is-dark" outlined
-                >Ir a la página principal</b-button
-              >
-            </a>
+            <b-button class="is-dark" outlined @click="cerrarSesion()"
+              >Ir a la página principal
+            </b-button>
           </div>
         </div>
       </transition>
@@ -29,6 +27,13 @@
 <script>
 export default {
   layout: "login",
+  methods: {
+    cerrarSesion() {
+      localStorage.clear();
+
+      this.$router.push("/");
+    },
+  },
 };
 </script>