correciones pequeñas

components/TablaServiciosSociales.vue

@@ -204,9 +204,13 @@ export default {
   },
   methods: {
     fecha(date) {
-      const fecha = moment(date)
+      if (date) {
+        const fecha = moment(date)
 
-      if (date) return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
+        return `${fecha.date() < 10 ? '0' + fecha.date() : fecha.date()}/${
+          fecha.month() < 9 ? '0' + (fecha.month() + 1) : fecha.month() + 1
+        }/${fecha.year()}`
+      }
       return ''
     },
     types(idStatus) {

components/admin/InformacionResponsable.vue

@@ -44,7 +44,7 @@
       </p>
     </b-field>
 
-    <b-field class="my-5">
+    <b-field class="mt-5">
       <b-button
         type="is-link"
         tag="router-link"

components/admin/Reporte.vue

@@ -25,7 +25,7 @@
     </b-field>
 
     <b-field class="pb-5 pt-3">
-      <b-button type="is-link" @click="descargar()" :disabled="validarFechas()">
+      <b-button type="is-info" @click="descargar()" :disabled="validarFechas()">
         Descargar Excel
       </b-button>
     </b-field>

components/admin/TablaServiciosSociales.vue

@@ -41,11 +41,11 @@
         </b-select>
       </b-field>
 
-      <div class="column is-align-self-center">
+      <b-field class="column is-align-self-center">
         <b-button type="is-info" @click="obtenerServicios()" expanded rounded>
           Buscar
         </b-button>
-      </div>
+      </b-field>
     </div>
 
     <TablaServiciosSociales
@@ -81,8 +81,6 @@ export default {
   },
   props: {
     admin: { type: Object, required: true },
-    imprimirMensaje: { type: Function, required: true },
-    imprimirWarning: { type: Function, required: true },
     imprimirError: { type: Function, required: true },
   },
   methods: {

components/botonRegresar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pb-5 pt-6">
+  <b-field class="pb-5 pt-6">
     <b-button
       type="is-info is-light"
       icon-left="arrow-left-box"
@@ -7,7 +7,7 @@
     >
       Regresar
     </b-button>
-  </div>
+  </b-field>
 </template>
 
 <script>

layouts/error.vue

@@ -2,18 +2,16 @@
   <section class="hero is-light is-bold is-fullheight">
     <div class="container hero-body">
       <transition name="slide-fade" appear>
-        <div class="container columns">
-          <div class="column animate__animated animate__fadeIn animate__slow">
-            <b-image
-              class="image"
-              :src="require('@/assets/404.webp')"
-              alt="404 image"
-            ></b-image>
-          </div>
+        <div class="columns">
           <div class="column">
-            <h1 class="title">ERROR 404 LA PÁGINA NO HA SIDO ENCONTRADA</h1>
-            <b-button class="is-dark" outlined @click="cerrarSesion()"
-              >Ir a la página principal
+            <b-image :src="require('@/assets/404.webp')" alt="404 image" />
+          </div>
+
+          <div class="column">
+            <h2 class="title">ERROR 404 LA PÁGINA NO HA SIDO ENCONTRADA</h2>
+
+            <b-button type="is-dark" @click="redireccionar()" outlined>
+              Ir a la página principal
             </b-button>
           </div>
         </div>
@@ -24,23 +22,25 @@
 
 <script>
 export default {
-  layout: 'login',
   methods: {
-    cerrarSesion() {
-      localStorage.clear()
-
-      this.$router.push('/')
+    redireccionar() {
+      if (
+        localStorage.getItem('token') &&
+        localStorage.getItem('idUsuario') &&
+        localStorage.getItem('usuario') &&
+        localStorage.getItem('nombre') &&
+        localStorage.getItem('idTipoUsuario') &&
+        localStorage.getItem('tipoUsuario')
+      )
+        this.$router.push(`/${localStorage.getItem('tipoUsuario')}`)
+      else localStorage.clear()
     },
   },
+  layout: 'login',
 }
 </script>
 
 <style scoped>
-.image {
-  height: 100%;
-  width: 100%;
-}
-
 .title {
   margin-top: 40%;
 }
@@ -53,8 +53,8 @@ export default {
   transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
 }
 
-.slide-fade-enter, .slide-fade-leave-to
-/* .slide-fade-leave-active below version 2.1.8 */ {
+.slide-fade-enter,
+.slide-fade-leave-to {
   transform: translateX(10px);
   opacity: 0;
 }

pages/admin/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container px-2 pb-6">
+  <section class="container px-2 pb-6">
     <div class="pb-5 pt-6">
       <b-button type="is-info" tag="router-link" to="/admin/responsables">
         Ver responsables
@@ -14,21 +14,16 @@
       </b-button>
     </div>
 
-    <TablaServiciosSocialesAdmin
-      :admin="admin"
-      :imprimirMensaje="imprimirMensaje"
-      :imprimirWarning="imprimirWarning"
-      :imprimirError="imprimirError"
-    />
-  </div>
+    <TablaServiciosSociales :admin="admin" :imprimirError="imprimirError" />
+  </section>
 </template>
 
 <script>
-import TablaServiciosSocialesAdmin from '@/components/admin/TablaServiciosSociales'
+import TablaServiciosSociales from '@/components/admin/TablaServiciosSociales'
 
 export default {
   components: {
-    TablaServiciosSocialesAdmin,
+    TablaServiciosSociales,
   },
   data() {
     return {
@@ -54,42 +49,6 @@ export default {
         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(),
-      })
-    },
     getLocalhostInfo() {
       this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
       this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))

pages/alumno/cuestionario/index.vue

@@ -29,7 +29,7 @@
     </div>
 
     <div v-else class="vh">
-      <h1>Ya has contestado tu cuestionario :)</h1>
+      <h2>Ya has contestado tu cuestionario :)</h2>
     </div>
 
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">

pages/index.vue

@@ -4,27 +4,27 @@
   >
     <form class="box">
       <div class="has-text-centered">
-        <h2 class="is-size-1">IRIS</h2>
+        <h1 class="is-size-1">IRIS</h1>
       </div>
 
       <b-field label="Usuario" :type="error">
-        <b-input v-model="usuario" @keyup.enter.native="login()" />
+        <b-input @keyup.enter.native="login()" v-model="usuario" />
       </b-field>
 
       <b-field label="Contraseña" :type="error">
         <b-input
           type="password"
-          password-reveal
-          v-model="password"
           @keyup.enter.native="login()"
+          v-model="password"
+          password-reveal
         />
       </b-field>
 
       <div class="has-text-centered">
         <b-button
-          @click="login()"
           type="is-success"
           :disabled="error || !(usuario && password)"
+          @click="login()"
         >
           Iniciar Sesión
         </b-button>
@@ -41,10 +41,10 @@ import axios from 'axios'
 export default {
   data() {
     return {
-      usuario: '',
-      password: '',
-      error: '',
       isLoading: false,
+      error: '',
+      password: '',
+      usuario: '',
     }
   },
   methods: {
@@ -110,9 +110,7 @@ export default {
       localStorage.getItem('tipoUsuario')
     )
       this.$router.push(`/${localStorage.getItem('tipoUsuario')}`)
-    else {
-      localStorage.clear()
-    }
+    else localStorage.clear()
   },
   layout: 'login',
 }