Mensajes

components/registro/CapturaDatos.vue

@@ -90,7 +90,15 @@
       </b-field>
 
       <div class="has-text-centered pb-5">
-        <b-button :disabled="!terminos" @click="inscribir()" type="is-success"
+        <b-button
+          :disabled="!terminos"
+          @click="
+            imprimirWarning(
+              '¿Estas seguro de querer inscribirte a esta área?',
+              inscribir
+            )
+          "
+          type="is-success"
           >Inscribir</b-button
         >
       </div>
@@ -106,6 +114,14 @@
 import axios from 'axios'
 
 export default {
+  props: {
+    pedirInscripciones: { type: Function, required: true },
+    imprimirMensaje: { type: Function, required: true },
+    imprimirWarning: { type: Function, required: true },
+    imprimirError: { type: Function, required: true },
+    updateIsLoading: { type: Function, required: true },
+  },
+
   data() {
     const today = new Date()
     return {
@@ -130,7 +146,6 @@ export default {
   },
   methods: {
     inscribir() {
-      console.log(this.datosUsuario)
       const data = {
         idUsuario: this.datosUsuario.idUsuario,
         folio: this.folio,
@@ -139,15 +154,17 @@ export default {
         fechaTicket: this.fechaTicket,
         idFechaInscripcion: 1,
       }
-      console.log(data)
+      this.updateIsLoading(false)
       axios
         .post(`${process.env.api}/usuario/inscripcionUsuario`, data)
         .then((res) => {
-          console.log(res)
+          this.updateIsLoading(false)
+          this.imprimirMensaje(res.data.message)
+          this.pedirInscripciones()
         })
         .catch((err) => {
           console.log(err)
-          // this.updateIsLoading(false)
+          this.updateIsLoading(false)
           // this.imprimirError(err.response.data)
         })
       // this.mensajeWarning()
@@ -216,15 +233,6 @@ export default {
         today.getDate() + mesesCortos[today.getMonth()] - today.getDate()
       )
     },
-    mensajeWarning() {
-      this.$buefy.dialog.alert({
-        title: 'Terminos y condiciones',
-        message:
-          'En caso de que los datos del ticket de pago sean incorrectos, tu inscripcion será cancelada',
-        confirmText: 'OK',
-        type: 'is-info',
-      })
-    },
     deleteDropFile(index) {
       this.dropFiles.splice(index, 1)
     },

components/registro/DatosUsuario.vue

@@ -35,13 +35,16 @@
 </template>
 
 <script>
-import axios from 'axios'
-
 export default {
+  props: {
+    pedirInscripciones: { type: Function, required: true },
+    inscripcionesUsuario: { type: Array, required: true },
+    datosUsuario: { type: Object, required: true },
+  },
   data() {
     return {
-      datosUsuario: {},
-      inscripcionesUsuario: [],
+      // datosUsuario: {},
+      // inscripcionesUsuario: null,
     }
   },
   methods: {
@@ -56,30 +59,9 @@ export default {
     confirmacion(status) {
       return status === 1 ? 'Si' : 'No'
     },
-    pedirIncripciones() {
-      // console.log(this.datosUsuario.idUsuario)
-      axios
-        .get(
-          `${process.env.api}/usuario/inscripciones?idUsuario=${this.datosUsuario.idUsuario}`
-        )
-        .then((res) => {
-          console.log(res.data)
-          this.inscripcionesUsuario = res.data
-          localStorage.setItem(
-            'inscripcionesUsuario',
-            JSON.stringify(this.inscripcionesUsuario)
-          )
-        })
-        .catch((err) => {
-          this.error = 'is-danger'
-          this.updateIsLoading(false)
-          this.imprimirError(err.response.data)
-        })
-    },
   },
   created() {
-    this.datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
-    this.pedirIncripciones()
+    this.pedirInscripciones()
   },
 }
 </script>

pages/index.vue

@@ -91,12 +91,6 @@ export default {
     //   }
     // },
   },
-  created() {
-    // this.getLocalhostInfo()
-    // if (this.admin.idTipoUsuario === 2) this.$router.push('/responsable')
-    // if (this.admin.idTipoUsuario === 3) this.$router.push('/alumno')
-    // if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
-  },
   layout: 'login',
 }
 </script>

pages/registro/index.vue

@@ -34,14 +34,26 @@
     </b-steps>
 
     <p class="title is-2">Datos del alumno</p>
-    <DatosUsuario />
+    <DatosUsuario
+      :pedirInscripciones="pedirInscripciones"
+      :inscripcionesUsuario="inscripcionesUsuario"
+      :datosUsuario="datosUsuario"
+    />
 
     <p class="title is-2">Instrucciones</p>
-    <CapturaDatos />
+    <CapturaDatos
+      :pedirInscripciones="pedirInscripciones"
+      :imprimirMensaje="imprimirMensaje"
+      :imprimirWarning="imprimirWarning"
+      :imprimirError="imprimirError"
+      :updateIsLoading="updateIsLoading"
+    />
   </div>
 </template>
 
 <script>
+import axios from 'axios'
+
 import DatosUsuario from '../../components/registro/DatosUsuario.vue'
 import CapturaDatos from '../../components/registro/CapturaDatos.vue'
 
@@ -56,11 +68,95 @@ export default {
 
       isAnimated: true,
       isRounded: true,
+      isLoading: false,
 
       hasNavigation: false,
       isStepsClickable: false,
+
+      datosUsuario: {},
+      inscripcionesUsuario: [],
     }
   },
+  methods: {
+    pedirInscripciones() {
+      axios
+        .get(
+          `${process.env.api}/usuario/inscripciones?idUsuario=${this.datosUsuario.idUsuario}`
+        )
+        .then((res) => {
+          this.inscripcionesUsuario = res.data
+          localStorage.setItem(
+            'inscripcionesUsuario',
+            JSON.stringify(this.inscripcionesUsuario)
+          )
+        })
+        .catch((err) => {
+          this.error = 'is-danger'
+          this.updateIsLoading(false)
+          this.imprimirError(err.response.data)
+        })
+    },
+    updateIsLoading(booleanValue) {
+      this.isLoading = booleanValue
+    },
+    imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
+      this.$buefy.dialog.alert({
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+        type: 'is-danger',
+        title,
+        message: err.message,
+        confirmText: 'Entendido',
+        hasIcon: true,
+        iconPack: 'mdi',
+        icon: 'alert-octagon',
+        onConfirm: () => onConfirm(),
+      })
+      if (err.err && err.err === 'token error') {
+        localStorage.clear()
+        this.$router.push('/')
+      }
+    },
+    imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
+      this.$buefy.dialog.alert({
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+        type: 'is-success',
+        title,
+        message,
+        confirmText: 'Ok',
+        hasIcon: true,
+        iconPack: 'mdi',
+        icon: 'check-circle',
+        onConfirm: () => onConfirm(),
+      })
+    },
+    imprimirWarning(
+      message,
+      onConfirm = () => {},
+      title = '¡Espera un minuto!',
+      onCancel = () => {}
+    ) {
+      this.$buefy.dialog.alert({
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+        type: 'is-warning',
+        title,
+        message,
+        confirmText: 'Confirmar',
+        canCancel: true,
+        cancelText: 'Cancelar',
+        hasIcon: true,
+        iconPack: 'mdi',
+        icon: 'help-circle',
+        onConfirm: () => onConfirm(),
+        onCancel: () => onCancel(),
+      })
+    },
+  },
+  created() {
+    this.datosUsuario = JSON.parse(localStorage.getItem('datosUsuario'))
+  },
 }
 </script>