se te olvido la lap bro, logout, nuxtconfig, package.json, admin index

components/layouts/Logout.vue

@@ -33,8 +33,8 @@ export default {
     },
   },
   created() {
-    if (!localStorage.getItem('usuario'))
-      this.cerrarSesion()
+    // if (!localStorage.getItem('usuario'))
+    //   this.cerrarSesion()
   },
 }
 </script>

nuxt.config.js

@@ -20,7 +20,7 @@ export default {
   plugins: [],
   components: true,
   buildModules: [],
-  modules: ['nuxt-buefy', '@nuxtjs/axios'],
+  modules: ['nuxt-buefy', '@nuxtjs/axios','nuxt-sweetalert2'],
   axios: {},
   build: {},
   env: {

package-lock.json

@@ -13,6 +13,7 @@
         "moment": "^2.29.1",
         "nuxt": "^2.15.3",
         "nuxt-buefy": "^0.4.4",
+        "nuxt-sweetalert2": "^1.0.0",
         "validator": "^13.6.0",
         "vue-barcode-reader": "^1.0.2",
         "vue-json-csv": "^1.2.12"
@@ -7617,6 +7618,14 @@
         "@fortawesome/vue-fontawesome": "^0.1.4"
       }
     },
+    "node_modules/nuxt-sweetalert2": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/nuxt-sweetalert2/-/nuxt-sweetalert2-1.0.0.tgz",
+      "integrity": "sha512-1BZlV2ddCj2LROmPcgkRV/K9O8+pVD/Z5sisbvhSiBDl6ynepfKDfWypo2P5EOirxst1H40EfkxyFuIKuqAY9g==",
+      "dependencies": {
+        "sweetalert2": "7.x"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -10581,6 +10590,14 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/sweetalert2": {
+      "version": "7.33.1",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-7.33.1.tgz",
+      "integrity": "sha512-69KYtyhtxejFG0HDb8aVhAwbpAWPSTZwaL5vxDHgojErD2KeFxTmRgmkbiLtMC8UdTFXRmvTPtZTF4459MUb7w==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -19129,6 +19146,14 @@
         "@fortawesome/vue-fontawesome": "^0.1.4"
       }
     },
+    "nuxt-sweetalert2": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/nuxt-sweetalert2/-/nuxt-sweetalert2-1.0.0.tgz",
+      "integrity": "sha512-1BZlV2ddCj2LROmPcgkRV/K9O8+pVD/Z5sisbvhSiBDl6ynepfKDfWypo2P5EOirxst1H40EfkxyFuIKuqAY9g==",
+      "requires": {
+        "sweetalert2": "7.x"
+      }
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -21620,6 +21645,11 @@
         "util.promisify": "~1.0.0"
       }
     },
+    "sweetalert2": {
+      "version": "7.33.1",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-7.33.1.tgz",
+      "integrity": "sha512-69KYtyhtxejFG0HDb8aVhAwbpAWPSTZwaL5vxDHgojErD2KeFxTmRgmkbiLtMC8UdTFXRmvTPtZTF4459MUb7w=="
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",

package.json

@@ -14,6 +14,7 @@
     "moment": "^2.29.1",
     "nuxt": "^2.15.3",
     "nuxt-buefy": "^0.4.4",
+    "nuxt-sweetalert2": "^1.0.0",
     "validator": "^13.6.0",
     "vue-barcode-reader": "^1.0.2",
     "vue-json-csv": "^1.2.12"

pages/Admin/index.vue

@@ -1,7 +1,9 @@
 <template>
-  <section
-    class="container full-h container is-flex is-justify-content-center is-align-items-center"
-  >
+  <section class="container full-h">
+    <div class="my-3 has-text-centered">
+      <p class="is-size-2">Reportes administrador</p>
+    </div>
+      <p class="is-size-4 my-3">Subir base de datos de los profesores:</p>
     <b-field>
       <b-upload
         accept=".csv"
@@ -27,20 +29,13 @@
           </p>
         </div>
       </b-upload>
-      <b-button
-        type="is-info"
-        :disabled="!csv.name"
-        @click="
-          imprimirWarning(
-            '¿Seguro(a) que quieres enviar este archivo?',
-            enviarCargaMasiva
-          )
-        "
-      >
+    </b-field>
+    <div class="has-text-centered mb-4">
+      <b-button type="is-info" :disabled="!csv.name" @click="confirmarEnviar()">
         Enviar archivo
       </b-button>
-    </b-field>
-    <div>
+    </div>
+    <div class="has-text-centered">
       <b-button class="is-info">
         <JsonCSV
           class="btn btn-default"
@@ -59,6 +54,7 @@
 <script>
 import JsonCSV from 'vue-json-csv'
 import axios from 'axios'
+import sweetalert2 from 'sweetalert2';
 
 export default {
   components: {
@@ -72,6 +68,24 @@ export default {
     }
   },
   methods: {
+    confirmarEnviar() {
+      this.$swal({
+        title: '¿Estás seguro de querer enviar este archivo?',
+        type: "question",
+        timer: 9000,
+        showCancelButton: true,
+        cancelButtonColor: "#d33",
+        confirmButtonText: "Aceptar",
+        confirmButtonColor: "#1e3c70",
+      }).then(res => {
+        if(res.value){
+          this.enviar()
+        }
+      })
+    },
+    enviar(){
+      console.log("Se han enviado los datos")
+    },
     isDataExport() {
       if (this.dataExport.length > 0) return true
       return false