{"version":3,"sources":["webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?3ff7","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/views/Helexium/InspeccionVehiculo/VisualizarInspecciones.vue","webpack:///src/views/Helexium/InspeccionVehiculo/VisualizarInspecciones.vue","webpack:///./src/views/Helexium/InspeccionVehiculo/VisualizarInspecciones.vue?e803","webpack:///./src/views/Helexium/InspeccionVehiculo/VisualizarInspecciones.vue?d4cc","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?9142","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm","this","_c","_self","staticClass","attrs","variant","url","on","handleClick","$event","isHovered","class","icon","staticStyle","_v","_s","text","staticRenderFns","props","type","String","default","data","methods","$emit","component","_l","card","index","_card$sizeValue","key","style","boxShadow","activeCard","color","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","width","height","backgroundColor","computeBorderRadius","tipo","iconName","computeAnimateIcon","animated","animatedState","shouldAnimateTitle","title","fontSize","sizeValue","evaluateValue","value","Array","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","window","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","name","dataCards","$router","push","params","placa","$route","vehiculoid","listInpecciones","item","_f","FechaInicio","FechaFinal","Estado","directives","rawName","modifiers","finalizarInspeccion","idinspeccion","IdInspeccion","moment","locale","Swal","require","$isLoading","$store","dispatch","setTimeout","core","$","fn","DataTable","isDataTable","destroy","dataTableInstance","language","components","CardTable","BtnAddCardTable","toUpperCase","filter","length","search","draw","rowIndex","fire","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","nuevaFechaFinal","$moment","tz","Date","format","response","path","row","invalidate","error","filters","formatDateTime","dateString"],"mappings":"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","file":"js/chunk-05ee6330.adcfb32b54974ab9ae6b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"click\":_vm.handleClick,\"mouseover\":function($event){_vm.isHovered = true},\"mouseleave\":function($event){_vm.isHovered = false}}},[_c('i',{class:`fas fa-${_vm.icon} position-absolute ${_vm.isHovered ? 'fa-beat' : ''}`,staticStyle:{\"right\":\"0\",\"top\":\"0\",\"font-size\":\"1.5rem\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--btn add card table -->\r\n<template>\r\n  <vs-button\r\n    @click=\"handleClick\"\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    :success=\"variant === 'success'\"\r\n    :danger=\"variant === 'danger'\"\r\n    :warn=\"variant === 'warn'\"\r\n    class=\"btn-add\"\r\n    :to=\"`${url}`\"\r\n  >\r\n    <i\r\n      :class=\"`fas fa-${icon} position-absolute ${isHovered ? 'fa-beat' : ''}`\"\r\n      style=\"right: 0; top: 0; font-size: 1.5rem\"\r\n    ></i>\r\n    {{ text }}\r\n  </vs-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"circle-plus\",\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: \"Click Me!\",\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isHovered: false,\r\n    };\r\n  },\r\n  methods: {\r\n    handleClick() {\r\n      // Emitir un evento personalizado cuando se hace clic en el botón\r\n      this.$emit(\"click\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 100%;\r\n  width: 100%;\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  margin: 0;\r\n  overflow: visible;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btnAddCardTable.vue?vue&type=template&id=9ddaed84&scoped=true\"\nimport script from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nexport * from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./btnAddCardTable.vue?vue&type=style&index=0&id=9ddaed84&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9ddaed84\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          sizeValue: 40,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=73483910&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73483910\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Listado de inspecciones\",\"toBack\":{ name: 'InspeccionVehiculo' }}},[_c('div',{staticClass:\"px-5 py-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col-12 col-md-10\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"col-12 col-md\"},[_c('BtnAddCardTable',{attrs:{\"text\":\"Nueva Inspección\"},on:{\"click\":function($event){return _vm.$router.push({\n              name: 'ContentFormInspeccionNew',\n              params: {\n                placa: _vm.$route.params.placa,\n                vehiculoid: _vm.$route.params.vehiculoid,\n              },\n            })}}})],1)])]),_c('div',{staticClass:\"table-responsive px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_listInspecciones\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"#\")]),_c('th',[_vm._v(\"Fecha inicio\")]),_c('th',[_vm._v(\"Fecha final\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listInpecciones),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(index + 1))]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formatDateTime\")(item.FechaInicio))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formatDateTime\")(item.FechaFinal))+\" \")]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${\n                  item.Estado === 'Finalizada' ? 'success' : 'primary'\n                }`}},[_c('i',{class:`fas ${\n                    item.Estado === 'Finalizada' ? 'fa-check' : 'fa-clock'\n                  }`}),_vm._v(\"  \"+_vm._s(item.Estado)+\" \")])],1)]),_c('td',[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('VueToggles',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Finalizar\",\"height\":\"20\",\"width\":\"50\",\"disabled\":item.Estado === 'Finalizada',\"value\":item.Estado === 'Finalizada'},on:{\"click\":function($event){return _vm.finalizarInspeccion(index, item)}}}),_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Editar\",\"danger\":\"\",\"disabled\":item.Estado === 'Finalizada'},on:{\"click\":function($event){return _vm.$router.push({\n                    name: 'ContentFormInspeccionEdit',\n                    params: {\n                      idinspeccion: item.IdInspeccion,\n                    },\n                  })}}},[_c('i',{staticClass:\"fas fa-pen\"})]),_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Visualizar\",\"warn\":\"\"},on:{\"click\":function($event){return _vm.$router.push({\n                    name: 'InspeccionDetails',\n                    params: {\n                      idinspeccion: item.IdInspeccion,\n                    },\n                  })}}},[_c('i',{staticClass:\"fas fa-file-lines\"})])],1)])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport moment from \"moment\";\r\nimport \"moment/locale/es\";\r\nmoment.locale(\"es\");\r\nimport { core } from \"../../../config/pluginInit\";\r\nimport CardTable from \"@/components/cardTable/CardTable.vue\";\r\nimport BtnAddCardTable from \"@/components/btnCardTable/btnAddCardTable.vue\";\r\n\r\nconst Swal = require(\"sweetalert2\");\r\nexport default {\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.listInpecciones = await this.$store.dispatch(\r\n      \"getListInspeccionesByVehiculoId\",\r\n      this.$route.params.vehiculoid\r\n    );\r\n    setTimeout(() => {\r\n      core.index();\r\n      if (window.$.fn.DataTable.isDataTable(\"#datatable_listInspecciones\")) {\r\n        window.$(\"#datatable_listInspecciones\").DataTable().destroy();\r\n      }\r\n      this.dataTableInstance = window\r\n        .$(\"#datatable_listInspecciones\")\r\n        .DataTable({\r\n          language: {\r\n            url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n          },\r\n        });\r\n    }, 0);\r\n    this.$isLoading(false);\r\n  },\r\n  components: {\r\n    CardTable,\r\n    BtnAddCardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      listInpecciones: [],\r\n      dataCards: [\r\n        {\r\n          title: \"Placa del vehículo\",\r\n          value: () => this.$route.params.placa.toUpperCase(),\r\n          sizeValue: 30,\r\n          iconName: \"car\",\r\n          color: \"rgb(255, 130, 0)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n        {\r\n          title: \"Finalizadas\",\r\n          value: () =>\r\n            this.listInpecciones.filter((item) => item.Estado !== \"En Proceso\")\r\n              .length,\r\n          iconName: \"check-circle\",\r\n          color: \"#17a76c\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Finalizada\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n\r\n        {\r\n          title: \"Total inspecciones\",\r\n          value: () => this.listInpecciones.length,\r\n          iconName: \"file-signature\",\r\n          color: \"rgb(0, 123, 146)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    async finalizarInspeccion(rowIndex, item) {\r\n      try {\r\n        Swal.fire({\r\n          title: \"¿Estas seguro?\",\r\n          text: \"Después de finalizarla no podras revertir los cambios!\",\r\n          icon: \"warning\",\r\n          showCancelButton: true,\r\n          confirmButtonColor: \"#1A5CFF\",\r\n          cancelButtonColor: \"rgb(242, 19, 67)\",\r\n          confirmButtonText: \"Si, finalizar!\",\r\n          cancelButtonText: \"Cancelar\",\r\n        }).then(async (result) => {\r\n          if (result.isConfirmed) {\r\n            const nuevaFechaFinal = this.$moment\r\n              .tz(new Date(), \"America/Bogota\")\r\n              .format(\"YYYY-MM-DDTHH:mm\");\r\n\r\n            // actualizar la fecha de finalización en la base de datos\r\n            const response = await this.$store.dispatch(\"patch\", {\r\n              path: `RevisionPeriodicaVehiculo/ChangeFechaFinalizacion/${item.IdInspeccion}`,\r\n              data: nuevaFechaFinal,\r\n            });\r\n\r\n            if (response) {\r\n              this.$set(this.listInpecciones, rowIndex, {\r\n                ...item,\r\n                FechaFinal: nuevaFechaFinal,\r\n                Estado: \"Finalizada\",\r\n              });\r\n              setTimeout(() => {\r\n                this.dataTableInstance.row(rowIndex).invalidate().draw();\r\n              }, 100);\r\n              Swal.fire(\"Listo!\", \"Se finalizó la inspección.\", \"success\");\r\n            } else {\r\n              Swal.fire(\r\n                \"Error!\",\r\n                \"Ha ocurrido un error,por favor intenta nuevamente.\",\r\n                \"error\"\r\n              );\r\n            }\r\n          }\r\n        });\r\n      } catch (error) {\r\n        console.log(\"Error al finalizar la inspección:\", error);\r\n        return null;\r\n      }\r\n    },\r\n  },\r\n  filters: {\r\n    formatDateTime(dateString) {\r\n      return dateString\r\n        ? moment(dateString).format(\"MMM D, YYYY h:mm A\")\r\n        : \"...\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <HXContentCard\r\n    title=\"Listado de inspecciones\"\r\n    :toBack=\"{ name: 'InspeccionVehiculo' }\"\r\n  >\r\n    <div class=\"px-5 py-3\">\r\n      <div class=\"row\" style=\"gap: 1rem\">\r\n        <div class=\"col-12 col-md-10\">\r\n          <!-- linar-style cursor glow -->\r\n          <CardTable :data=\"dataCards\" />\r\n        </div>\r\n        <!-- btn nueva inspeccion -->\r\n        <div class=\"col-12 col-md\">\r\n          <BtnAddCardTable\r\n            text=\"Nueva Inspección\"\r\n            @click=\"\r\n              $router.push({\r\n                name: 'ContentFormInspeccionNew',\r\n                params: {\r\n                  placa: $route.params.placa,\r\n                  vehiculoid: $route.params.vehiculoid,\r\n                },\r\n              })\r\n            \"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-responsive px-4 mt-3\">\r\n      <table\r\n        id=\"datatable_listInspecciones\"\r\n        class=\"table table-bordered table-responsive-md table-striped text-center\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <th>#</th>\r\n            <th>Fecha inicio</th>\r\n            <th>Fecha final</th>\r\n            <th>Estado</th>\r\n            <th>Opciones</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr v-for=\"(item, index) in listInpecciones\" :key=\"index\">\r\n            <td>{{ index + 1 }}</td>\r\n            <td>\r\n              {{ item.FechaInicio | formatDateTime }}\r\n            </td>\r\n            <td>\r\n              {{ item.FechaFinal | formatDateTime }}\r\n            </td>\r\n            <td>\r\n              <h4>\r\n                <b-badge\r\n                  :variant=\"`${\r\n                    item.Estado === 'Finalizada' ? 'success' : 'primary'\r\n                  }`\"\r\n                >\r\n                  <i\r\n                    :class=\"`fas ${\r\n                      item.Estado === 'Finalizada' ? 'fa-check' : 'fa-clock'\r\n                    }`\"\r\n                  ></i\r\n                  >&nbsp;\r\n                  {{ item.Estado }}\r\n                </b-badge>\r\n              </h4>\r\n            </td>\r\n            <td>\r\n              <div class=\"d-flex align-items-center justify-content-center\">\r\n                <!-- finalizar inspeccion -->\r\n                <VueToggles\r\n                  v-b-tooltip.hover\r\n                  title=\"Finalizar\"\r\n                  height=\"20\"\r\n                  width=\"50\"\r\n                  :disabled=\"item.Estado === 'Finalizada'\"\r\n                  :value=\"item.Estado === 'Finalizada'\"\r\n                  @click=\"finalizarInspeccion(index, item)\"\r\n                />\r\n                <!-- editar inspeccion -->\r\n                <vs-button\r\n                  v-b-tooltip.hover\r\n                  title=\"Editar\"\r\n                  danger\r\n                  :disabled=\"item.Estado === 'Finalizada'\"\r\n                  @click=\"\r\n                    $router.push({\r\n                      name: 'ContentFormInspeccionEdit',\r\n                      params: {\r\n                        idinspeccion: item.IdInspeccion,\r\n                      },\r\n                    })\r\n                  \"\r\n                >\r\n                  <i class=\"fas fa-pen\"></i\r\n                ></vs-button>\r\n                <!-- ver detalles inspeccion -->\r\n                <vs-button\r\n                  v-b-tooltip.hover\r\n                  title=\"Visualizar\"\r\n                  warn\r\n                  @click=\"\r\n                    $router.push({\r\n                      name: 'InspeccionDetails',\r\n                      params: {\r\n                        idinspeccion: item.IdInspeccion,\r\n                      },\r\n                    })\r\n                  \"\r\n                >\r\n                  <i class=\"fas fa-file-lines\"></i\r\n                ></vs-button>\r\n              </div>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </HXContentCard>\r\n</template>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VisualizarInspecciones.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VisualizarInspecciones.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VisualizarInspecciones.vue?vue&type=template&id=01c58fdd\"\nimport script from \"./VisualizarInspecciones.vue?vue&type=script&lang=js\"\nexport * from \"./VisualizarInspecciones.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=style&index=0&id=9ddaed84&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\""],"sourceRoot":""}