listo el relog para la hora excepcion

components/admin/HorasExcepcion.vue

@@ -2,11 +2,17 @@
   <div>
     <div class="has-text-centered">
       <p class="subtitle is-3">Hora Excepción</p>
-      <b-button type="is-primary" @click="mostrar = true">Agregar</b-button>
+      <b-button type="is-primary" @click="mostrar = true" v-if="!mostrar"
+        >Agregar</b-button
+      >
     </div>
 
     <Relog
       :diaSeleccion="horasExcepcion"
+      :crearHoraExcepcion="crearHoraExcepcion"
+      :imprimirMensaje="imprimirMensaje"
+      :imprimirWarning="imprimirWarning"
+      :imprimirError="imprimirError"
       tipo="crearHoraExcepcion"
       v-if="mostrar"
     />
@@ -39,6 +45,9 @@ export default {
     imprimirMensaje: { type: Function, required: true },
     imprimirWarning: { type: Function, required: true },
     imprimirError: { type: Function, required: true },
+    updateIsLoading: { type: Function, required: true },
+    actualizarTabla: { type: Boolean, required: true },
+    updateActualizarTabla: { type: Function, required: true },
   },
   data() {
     return {
@@ -54,9 +63,9 @@ export default {
         hora_inicio,
         hora_fin,
       }
-      this.updateIsLoading(true)
+      // this.updateIsLoading(true)
       axios
-        .post(`${process.env.api}/hora_excepcion`, data)
+        .post(`${process.env.api}/hora-excepcion`, data)
         .then((res) => {
           this.imprimirMensaje(res.data.message)
           this.updateActualizarTabla(true)

components/admin/Relog.vue

@@ -33,7 +33,10 @@
     </div>
 
     <div class="has-text-centered">
-      <b-button class="my-5" type="is-success" @click="funcionHora()"
+      <b-button
+        class="my-5"
+        type="is-success"
+        @click="imprimirWarning(mensajeWarning, funcionHora)"
         >Guardar</b-button
       >
     </div>
@@ -41,12 +44,14 @@
 </template>
 
 <script>
-import axios from 'axios'
 import moment from 'moment'
 export default {
   props: {
     cambiarHora: { type: Function, require: false },
-    horaExcepcion: { type: Function, require: false },
+    crearHoraExcepcion: { type: Function, require: false },
+    imprimirMensaje: { type: Function, required: true },
+    imprimirWarning: { type: Function, required: true },
+    imprimirError: { type: Function, required: true },
     diaSeleccion: { type: Object, require: true },
     tipo: { type: String, require: true },
   },
@@ -64,6 +69,8 @@ export default {
       horaFin: new Date(`01-01-2022 17:45`),
       locale: 'es-ES', // Browser locale
       hourFormat: '24', // Browser locale
+
+      mensajeWarning: '',
     }
   },
   methods: {
@@ -76,12 +83,18 @@ export default {
           true
         )
       else
-        this.horaExcepcion(
+        this.crearHoraExcepcion(
           this.diaSeleccion.id_institucion_dia,
           moment(this.horaInicio).format('HH:mm'),
           moment(this.horaFin).format('HH:mm')
         )
     },
   },
+  created() {
+    if (this.tipo === 'cambiarHora')
+      this.mensajeWarning = '¿Esta segur@ de querer actualizar esta hora?'
+    else
+      this.mensajeWarning = '¿Esta segur@ de querer crear esta hora excepción?'
+  },
 }
 </script>

components/admin/TablaInstiDia.vue

@@ -30,6 +30,9 @@
           :imprimirMensaje="imprimirMensaje"
           :imprimirWarning="imprimirWarning"
           :imprimirError="imprimirError"
+          :updateIsLoading="updateIsLoading"
+          :actualizarTabla="actualizarTabla"
+          :updateActualizarTabla="updateActualizarTabla"
         />
       </template>
     </b-table>
@@ -37,6 +40,9 @@
     <div v-if="mostrar">
       <Relog
         :cambiarHora="cambiarHora"
+        :imprimirMensaje="imprimirMensaje"
+        :imprimirWarning="imprimirWarning"
+        :imprimirError="imprimirError"
         :diaSeleccion="diaSeleccion"
         tipo="cambiarHora"
       />