{"version":3,"sources":["webpack:///./src/views/Helexium/RegistroServicios/RegistroServicios.vue","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue","webpack:///src/views/Helexium/RegistroServicios/add_servicio.vue","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue?032e","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue?f075","webpack:///src/views/Helexium/RegistroServicios/RegistroServicios.vue","webpack:///./src/views/Helexium/RegistroServicios/RegistroServicios.vue?731b","webpack:///./src/views/Helexium/RegistroServicios/RegistroServicios.vue?0187","webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?5447","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?372d","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?7201","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue?2b3f","webpack:///./src/components/cardTable/CardTable.vue?b3fb"],"names":["render","_vm","this","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","_v","proxy","staticStyle","dataCards","directives","name","rawName","modifiers","_l","listaItems","item","index","id","_s","placa","tipoServicio","descripcion","_f","fechaInicio","fechaFin","estado","class","on","$event","finalizarServicio","model","value","callback","$$v","$set","expression","sharedService","staticRenderFns","preventDefault","saveData","apply","arguments","listaVehiculos","option","attributes","events","_g","_b","newService","PlacaId","search","searching","listaTipoServicios","TipoServicioId","Descripcion","isCreating","props","Function","data","persona","PersonaId","FechaInicio","FechaFin","JSON","parse","localStorage","getItem","getVehiculosByEmpresa","getListTipoServicios","methods","initForm","prop","getPlacaVehiculo","vehiculoId","find","v","getTipoServicio","servicioId","res","$store","dispatch","path","length","error","empresa","$moment","tz","Date","format","success","personaId","placaId","tipoServicioId","$vs","notification","progress","icon","color","position","title","component","Swal","require","components","CardTable","BtnAddCardTable","add_servicio","dataTableInstance","filter","s","iconName","tipo","animated","onActivate","draw","onDeactivate","$isLoading","getData","core","window","$","DataTable","isDataTable","destroy","language","url","$bvModal","hide","setTimeout","map","service","request","rowIndex","fire","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","response","sendFinalizarServicio","ServicioId","row","invalidate","filters","timeSince","dateString","timezone","dateInBogota","moment_timezone","variant","isHovered","type","String","default","card","style","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","evaluateValue","Array","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame"],"mappings":"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","file":"js/chunk-34b8e256.bdb0ced9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('div',{staticClass:\"custom-container\"},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('h2',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"REGISTRO SERVICIOS\")])])])]},proxy:true}])},[_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',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.nuevoServicio\",modifiers:{\"nuevoServicio\":true}}],attrs:{\"text\":\"Nuevo Servicio\"}})],1)])]),_c('div',{staticClass:\"px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_registroServicios\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Placa\")]),_c('th',[_vm._v(\"Tipo Servicio\")]),_c('th',[_vm._v(\"Descripción\")]),_c('th',[_vm._v(\"Fecha Inicio\")]),_c('th',[_vm._v(\"Fecha Fin\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Finalizar Servicio\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item,index){return _c('tr',{key:item.id},[_c('td',[_vm._v(\" \"+_vm._s(item.placa)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.tipoServicio.descripcion)+\" \")]),_c('td',[_vm._v(_vm._s(item.descripcion))]),_c('td',[_vm._v(_vm._s(_vm._f(\"timeSince\")(item.fechaInicio)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"timeSince\")(item.fechaFin)))]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.estado ? 'success' : 'warning'} `}},[_c('i',{class:`fas ${\n                            item.estado ? 'fa-circle-check' : 'fa-clock'\n                          }`}),_vm._v(\" \"+_vm._s(item.estado ? \"Finalizado\" : \"En Proceso\")+\" \")])],1)]),_c('td',[[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('vs-switch',{attrs:{\"disabled\":item.estado},on:{\"input\":function($event){return _vm.finalizarServicio(index, item)}},scopedSlots:_vm._u([{key:\"off\",fn:function(){return [_c('i',{staticClass:\"fas fa-xmark\"})]},proxy:true},{key:\"on\",fn:function(){return [_c('i',{staticClass:\"fas fa-check\"})]},proxy:true}],null,true),model:{value:(item.estado),callback:function ($$v) {_vm.$set(item, \"estado\", $$v)},expression:\"item.estado\"}})],1)]],2)])}),0)])]),_c('b-modal',{attrs:{\"title\":\"Nuevo Servicio\",\"id\":\"nuevoServicio\",\"size\":\"lg\",\"hide-footer\":\"\",\"hide-header\":\"\",\"body-class\":\"body-modal-custom\"}},[_c('add_servicio',{attrs:{\"sharedService\":_vm.sharedService}})],1)],1)],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"m-0\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.saveData.apply(null, arguments)}}},[_c('card',{staticClass:\"m-0\",scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h3',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"NUEVO SERVICIO\")])])]},proxy:true}])},[_c('div',{staticClass:\"row mt-4 align-items-center\"},[_c('div',{staticClass:\"col-xl-6 mb-3\"},[_c('div',[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"placaVehiculo\"}},[_c('em',{staticClass:\"text-danger font-weight-bolder\"},[_vm._v(\"Paso 1\")]),_vm._v(\" - Vehículo\")]),_c('div',{staticStyle:{\"background\":\"transparent\",\"padding\":\"0rem\"}},[_c('v-select',{staticClass:\"style-chooser\",attrs:{\"reduce\":(value) => value.id,\"options\":_vm.listaVehiculos,\"get-option-label\":(option) => `${option.placa}`,\"placeholder\":\"-- seleccionar vehículo --\"},scopedSlots:_vm._u([{key:\"search\",fn:function({ attributes, events }){return [_c('input',_vm._g(_vm._b({staticClass:\"vs__search\",attrs:{\"required\":!_vm.newService.PlacaId}},'input',attributes,false),events))]}},{key:\"no-options\",fn:function({ search, searching }){return [(searching)?[_vm._v(\" No se encontraron resultados para \"),_c('em',{staticClass:\"text-danger\"},[_vm._v(_vm._s(search))]),_vm._v(\". \")]:_c('em',{staticStyle:{\"opacity\":\"0.5\"}},[_vm._v(\"No hay vehículos para mostrar.\")])]}}]),model:{value:(_vm.newService.PlacaId),callback:function ($$v) {_vm.$set(_vm.newService, \"PlacaId\", $$v)},expression:\"newService.PlacaId\"}})],1)])]),_c('div',{staticClass:\"col-xl-6 mb-3\"},[_c('div',[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"tipoServicio\"}},[_c('em',{staticClass:\"text-danger font-weight-bolder\"},[_vm._v(\"Paso 2\")]),_vm._v(\" - Tipo Servicio\")]),_c('div',{staticStyle:{\"background\":\"transparent\",\"padding\":\"0rem\"}},[_c('v-select',{staticClass:\"style-chooser\",attrs:{\"reduce\":(value) => value.id,\"options\":_vm.listaTipoServicios,\"get-option-label\":(option) => `${option.descripcion}`,\"placeholder\":\"-- seleccionar tipo servicio --\"},scopedSlots:_vm._u([{key:\"search\",fn:function({ attributes, events }){return [_c('input',_vm._g(_vm._b({staticClass:\"vs__search\",attrs:{\"required\":!_vm.newService.TipoServicioId}},'input',attributes,false),events))]}},{key:\"no-options\",fn:function({ search, searching }){return [(searching)?[_vm._v(\" No se encontraron resultados para \"),_c('em',{staticClass:\"text-danger\"},[_vm._v(_vm._s(search))]),_vm._v(\". \")]:_c('em',{staticStyle:{\"opacity\":\"0.5\"}},[_vm._v(\"No hay vehículos para mostrar.\")])]}}]),model:{value:(_vm.newService.TipoServicioId),callback:function ($$v) {_vm.$set(_vm.newService, \"TipoServicioId\", $$v)},expression:\"newService.TipoServicioId\"}})],1)])]),_c('div',{staticClass:\"col-12 mb-3\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"descripcion\"}},[_c('em',{staticClass:\"text-danger font-weight-bolder\"},[_vm._v(\"Paso 3\")]),_vm._v(\" - Descripción\")]),_c('b-form-textarea',{attrs:{\"placeholder\":\"Escriba una descripción...\",\"rows\":\"7\",\"minlength\":\"10\",\"maxlength\":\"550\"},model:{value:(_vm.newService.Descripcion),callback:function ($$v) {_vm.$set(_vm.newService, \"Descripcion\", $$v)},expression:\"newService.Descripcion\"}})],1)]),_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('vs-button',{staticClass:\"py-1\",attrs:{\"loading\":_vm.isCreating,\"type\":\"submit\",\"animation-type\":\"vertical\",\"gradient\":\"\",\"size\":\"large\"},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-plus\"})]},proxy:true}])},[_vm._v(\" Agregar Servicio \")])],1)])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"m-0\">\r\n    <form @submit.prevent=\"saveData\">\r\n      <card class=\"m-0\">\r\n        <template v-slot:headerTitle>\r\n          <h3 class=\"card-title\"><b>NUEVO SERVICIO</b></h3>\r\n        </template>\r\n\r\n        <div class=\"row mt-4 align-items-center\">\r\n          <!-- asignar a vehiculo -->\r\n          <div class=\"col-xl-6 mb-3\">\r\n            <div>\r\n              <label for=\"placaVehiculo\" class=\"form-label\">\r\n                <em class=\"text-danger font-weight-bolder\">Paso 1</em> -\r\n                Vehículo</label\r\n              >\r\n              <!-- vue-select -->\r\n              <div\r\n                style=\"\r\n                  background: transparent;\r\n                  padding: 0rem;\r\n                 \r\n                \"\r\n              >\r\n                <v-select\r\n                  v-model=\"newService.PlacaId\"\r\n                  class=\"style-chooser\"\r\n                  :reduce=\"(value) => value.id\"\r\n                  :options=\"listaVehiculos\"\r\n                  :get-option-label=\"(option) => `${option.placa}`\"\r\n                  placeholder=\"-- seleccionar vehículo --\"\r\n                >\r\n                  <!-- required -->\r\n                  <template #search=\"{ attributes, events }\">\r\n                    <input\r\n                      class=\"vs__search\"\r\n                      :required=\"!newService.PlacaId\"\r\n                      v-bind=\"attributes\"\r\n                      v-on=\"events\"\r\n                    />\r\n                  </template>\r\n                  <!-- sin resultados en la busquedad -->\r\n                  <template v-slot:no-options=\"{ search, searching }\">\r\n                    <template v-if=\"searching\">\r\n                      No se encontraron resultados para\r\n                      <em class=\"text-danger\">{{ search }}</em\r\n                      >.\r\n                    </template>\r\n                    <em v-else style=\"opacity: 0.5\"\r\n                      >No hay vehículos para mostrar.</em\r\n                    >\r\n                  </template>\r\n                </v-select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- tipo servicio -->\r\n          <div class=\"col-xl-6 mb-3\">\r\n            <div>\r\n              <label for=\"tipoServicio\" class=\"form-label\">\r\n                <em class=\"text-danger font-weight-bolder\">Paso 2</em> - Tipo\r\n                Servicio</label\r\n              >\r\n              <!-- vue-select -->\r\n              <div\r\n                style=\"\r\n                  background: transparent;\r\n                  padding: 0rem;\r\n                 \r\n                \"\r\n              >\r\n                <v-select\r\n                  v-model=\"newService.TipoServicioId\"\r\n                  class=\"style-chooser\"\r\n                  :reduce=\"(value) => value.id\"\r\n                  :options=\"listaTipoServicios\"\r\n                  :get-option-label=\"(option) => `${option.descripcion}`\"\r\n                  placeholder=\"-- seleccionar tipo servicio --\"\r\n                >\r\n                  <!-- required -->\r\n                  <template #search=\"{ attributes, events }\">\r\n                    <input\r\n                      class=\"vs__search\"\r\n                      :required=\"!newService.TipoServicioId\"\r\n                      v-bind=\"attributes\"\r\n                      v-on=\"events\"\r\n                    />\r\n                  </template>\r\n                  <!-- sin resultados en la busquedad -->\r\n                  <template v-slot:no-options=\"{ search, searching }\">\r\n                    <template v-if=\"searching\">\r\n                      No se encontraron resultados para\r\n                      <em class=\"text-danger\">{{ search }}</em\r\n                      >.\r\n                    </template>\r\n                    <em v-else style=\"opacity: 0.5\"\r\n                      >No hay vehículos para mostrar.</em\r\n                    >\r\n                  </template>\r\n                </v-select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- descripcion -->\r\n          <div class=\"col-12 mb-3\">\r\n            <label for=\"descripcion\" class=\"form-label\"\r\n              ><em class=\"text-danger font-weight-bolder\">Paso 3</em> -\r\n              Descripción</label\r\n            >\r\n            <b-form-textarea\r\n              v-model=\"newService.Descripcion\"\r\n              placeholder=\"Escriba una descripción...\"\r\n              rows=\"7\"\r\n              minlength=\"10\"\r\n              maxlength=\"550\"\r\n            ></b-form-textarea>\r\n          </div>\r\n        </div>\r\n        <!-- btn agregar servicio -->\r\n        <div class=\"d-flex justify-content-end\">\r\n          <vs-button\r\n            :loading=\"isCreating\"\r\n            type=\"submit\"\r\n            class=\"py-1\"\r\n            animation-type=\"vertical\"\r\n            gradient\r\n            size=\"large\"\r\n          >\r\n            Agregar Servicio\r\n            <template #animate> <i class=\"fas fa-plus\"></i></template>\r\n          </vs-button>\r\n        </div>\r\n      </card>\r\n    </form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    sharedService: Function,\r\n  },\r\n  data() {\r\n    return {\r\n      persona: {},\r\n      isCreating: false,\r\n      listaVehiculos: [],\r\n      listaTipoServicios: [],\r\n      newService: {\r\n        PersonaId: null,\r\n        PlacaId: null,\r\n        TipoServicioId: null,\r\n        Descripcion: null,\r\n        FechaInicio: null,\r\n        FechaFin: null,\r\n      },\r\n    };\r\n  },\r\n  async mounted() {\r\n    // this.$isLoading(true);\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    await this.getVehiculosByEmpresa();\r\n    await this.getListTipoServicios();\r\n    // this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    initForm() {\r\n      for (let prop in this.newService) {\r\n        this.newService[prop] = null;\r\n      }\r\n    },\r\n    getPlacaVehiculo(vehiculoId) {\r\n      return this.listaVehiculos.find((v) => v.id === vehiculoId).placa;\r\n    },\r\n    getTipoServicio(servicioId) {\r\n      return this.listaTipoServicios.find((v) => v.id === servicioId);\r\n    },\r\n    async getListTipoServicios() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"TipoServicios/ListTipoServicios\",\r\n        });\r\n        if (res.length > 0) {\r\n          this.listaTipoServicios = res;\r\n          ////console.log(res)\r\n        } else {\r\n          this.listaTipoServicios = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaTipoServicios = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getVehiculosByEmpresa() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Vehiculo/VehiculosPorEmpresa/\" + this.persona.empresa.id,\r\n        });\r\n        console.log(\"list vehiculos...\", res);\r\n        if (res.length > 0) {\r\n          this.listaVehiculos = res;\r\n        } else {\r\n          this.listaVehiculos = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaVehiculos = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async saveData() {\r\n      try {\r\n        this.isCreating = true;\r\n        const newService = {\r\n          ...this.newService,\r\n          PersonaId: this.persona.id,\r\n          FechaInicio: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm\"),\r\n        };\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"RegistroServicios/\",\r\n          data: newService,\r\n        });\r\n        if (res.success) {\r\n          this.initForm();\r\n          const {\r\n            PersonaId,\r\n            PlacaId,\r\n            TipoServicioId,\r\n            Descripcion,\r\n            FechaInicio,\r\n            FechaFin,\r\n          } = newService;\r\n          let sharedService = {\r\n            id: res.data,\r\n            personaId: PersonaId,\r\n            placaId: PlacaId,\r\n            placa: this.getPlacaVehiculo(PlacaId),\r\n            tipoServicioId: TipoServicioId,\r\n            tipoServicio: this.getTipoServicio(TipoServicioId),\r\n            descripcion: Descripcion,\r\n            fechaInicio: FechaInicio,\r\n            fechaFin: FechaFin,\r\n            estado: FechaFin ? true : false,\r\n          };\r\n          this.sharedService(sharedService);\r\n          this.isCreating = false;\r\n          this.$vs.notification({\r\n            //duration: \"none\",\r\n            progress: \"auto\",\r\n            icon: `<i class='fas fa-circle-check'></i>`,\r\n            color: \"success\",\r\n            position: \"top-right\",\r\n            title: \"Servicio Creado!\",\r\n          });\r\n        }\r\n      } catch (error) {\r\n        console.log(error);\r\n        return null; // Handle the error as needed\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped type=\"scss\">\r\n@import url(\"https://unpkg.com/vue-select@3.20.2/dist/vue-select.css\");\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/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!./add_servicio.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/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!./add_servicio.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./add_servicio.vue?vue&type=template&id=8374c0aa&scoped=true\"\nimport script from \"./add_servicio.vue?vue&type=script&lang=js\"\nexport * from \"./add_servicio.vue?vue&type=script&lang=js\"\nimport style0 from \"./add_servicio.vue?vue&type=style&index=0&id=8374c0aa&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  \"8374c0aa\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <b-card>\r\n    <div class=\"custom-container\">\r\n      <b-row>\r\n        <b-col sm=\"12\">\r\n          <card>\r\n            <template v-slot:headerTitle>\r\n              <div class=\"d-flex flex-column align-items-start\">\r\n                <h2 class=\"card-title\">\r\n                  <b>REGISTRO SERVICIOS</b>\r\n                </h2>\r\n              </div>\r\n            </template>\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 new Gps -->\r\n                <div class=\"col-12 col-md\">\r\n                  <BtnAddCardTable\r\n                    v-b-modal.nuevoServicio\r\n                    text=\"Nuevo Servicio\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- table registro servicios-->\r\n            <div class=\"px-4 mt-3\">\r\n              <table\r\n                id=\"datatable_registroServicios\"\r\n                class=\"table table-bordered table-responsive-md table-striped text-center\"\r\n              >\r\n                <thead>\r\n                  <tr>\r\n                    <th>Placa</th>\r\n                    <th>Tipo Servicio</th>\r\n                    <th>Descripción</th>\r\n                    <th>Fecha Inicio</th>\r\n                    <th>Fecha Fin</th>\r\n                    <th>Estado</th>\r\n                    <th>Finalizar Servicio</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr v-for=\"(item, index) in listaItems\" :key=\"item.id\">\r\n                    <!-- placa -->\r\n                    <td>\r\n                      {{ item.placa }}\r\n                    </td>\r\n                    <!-- tipo servicio -->\r\n                    <td>\r\n                      {{ item.tipoServicio.descripcion }}\r\n                    </td>\r\n                    <!-- descripcion -->\r\n                    <td>{{ item.descripcion }}</td>\r\n                    <!-- fecha inicio -->\r\n                    <td>{{ item.fechaInicio | timeSince }}</td>\r\n                    <!-- fecha fin -->\r\n                    <td>{{ item.fechaFin | timeSince }}</td>\r\n                    <!-- estado -->\r\n                    <td>\r\n                      <h4>\r\n                        <b-badge\r\n                          :variant=\"`${item.estado ? 'success' : 'warning'} `\"\r\n                        >\r\n                          <i\r\n                            :class=\"`fas ${\r\n                              item.estado ? 'fa-circle-check' : 'fa-clock'\r\n                            }`\"\r\n                          ></i>\r\n                          {{ item.estado ? \"Finalizado\" : \"En Proceso\" }}\r\n                        </b-badge>\r\n                      </h4>\r\n                    </td>\r\n                    <!-- finalizar servicio -->\r\n                    <td>\r\n                      <template>\r\n                        <div\r\n                          class=\"d-flex align-items-center justify-content-center\"\r\n                        >\r\n                          <vs-switch\r\n                            v-model=\"item.estado\"\r\n                            :disabled=\"item.estado\"\r\n                            @input=\"finalizarServicio(index, item)\"\r\n                          >\r\n                            <template #off>\r\n                              <i class=\"fas fa-xmark\"></i>\r\n                            </template>\r\n                            <template #on>\r\n                              <i class=\"fas fa-check\"></i>\r\n                            </template>\r\n                          </vs-switch>\r\n                        </div>\r\n                      </template>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <!-- modal add servicio -->\r\n            <b-modal\r\n              title=\"Nuevo Servicio\"\r\n              id=\"nuevoServicio\"\r\n              size=\"lg\"\r\n              hide-footer\r\n              hide-header\r\n              body-class=\"body-modal-custom\"\r\n            >\r\n              <add_servicio :sharedService=\"sharedService\" />\r\n            </b-modal>\r\n          </card>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport { core } from \"../../../config/pluginInit\";\r\nimport moment_timezone from \"moment-timezone\";\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\nimport BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\r\nimport add_servicio from \"./add_servicio.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\nexport default {\r\n  name: \"registroServicios\",\r\n  components: {\r\n    CardTable,\r\n    BtnAddCardTable,\r\n    add_servicio,\r\n  },\r\n  data() {\r\n    return {\r\n      persona: {},\r\n      dataTableInstance: null,\r\n      listaVehiculos: [],\r\n      listaItems: [\r\n        {\r\n          id: null,\r\n          personaId: null,\r\n          placaId: \"\",\r\n          placa: \"\",\r\n          tipoServicioId: null,\r\n          descripcion: \"\",\r\n          fechaInicio: \"\",\r\n          fechaFin: \"\",\r\n          estado: false,\r\n          tipoServicio: {},\r\n        },\r\n      ],\r\n      dataCards: [\r\n        {\r\n          title: \"Finalizados\",\r\n          value: () => this.listaItems.filter((s) => s.fechaFin).length,\r\n          iconName: \"circle-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            // console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Finalizado\").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          title: \"En Proceso\",\r\n          value: () => this.listaItems.filter((s) => !s.fechaFin).length,\r\n          iconName: \"clock\",\r\n          color: \"rgba(254, 114, 28, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            // console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"En Proceso\").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  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    this.listaItems = [];\r\n    await this.getVehiculosByEmpresa();\r\n    await this.getData();\r\n    core.index();\r\n\r\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n      window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n    }\r\n    this.dataTableInstance = window\r\n      .$(\"#datatable_registroServicios\")\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\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    getPlacaVehiculo(vehiculoId) {\r\n      return this.listaVehiculos.find((v) => v.id === vehiculoId).placa;\r\n    },\r\n    async getVehiculosByEmpresa() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Vehiculo/VehiculosPorEmpresa/\" + this.persona.empresa.id,\r\n        });\r\n        // console.log(\"list vehiculos...\", res);\r\n        if (res.length > 0) {\r\n          this.listaVehiculos = res;\r\n        } else {\r\n          this.listaVehiculos = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaVehiculos = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async sharedService(newService) {\r\n      // console.log(newService, \"desde padre\");\r\n\r\n      // cerrar modal\r\n      this.$bvModal.hide(\"nuevoServicio\");\r\n\r\n      this.listaItems = [...this.listaItems, newService];\r\n\r\n      if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n        window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n      }\r\n\r\n      setTimeout(() => {\r\n        this.dataTableInstance = window\r\n          .$(\"#datatable_registroServicios\")\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      }, 100);\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"RegistroServicios/ListByPersona/\" + this.persona.id,\r\n        });\r\n        // console.log(\"list registroServicios...\", res);\r\n        if (res.success) {\r\n          this.listaItems = res.data.map((service) => {\r\n            return {\r\n              ...service,\r\n              placa: this.getPlacaVehiculo(service.placaId),\r\n              estado: service.fechaFin ? true : false,\r\n            };\r\n          });\r\n          // console.log(this.listaItems);\r\n        } else {\r\n          this.listaItems = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaItems = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async sendFinalizarServicio(request) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"RegistroServicios/FinalizarServicio/\",\r\n          data: request,\r\n        });\r\n        // console.log(\"finalizarServicio...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n        return null;\r\n      }\r\n    },\r\n    async finalizarServicio(rowIndex, item) {\r\n      // console.log(rowIndex, item);\r\n      if (item.estado == true) {\r\n        Swal.fire({\r\n          title: \"Seguro de finalizar?\",\r\n          text: \"Una vez finalizado no podrá revertir los cambios!\",\r\n          icon: \"warning\",\r\n          showCancelButton: true,\r\n          confirmButtonColor: \"#1A5CFF\",\r\n          cancelButtonColor: \"rgb(242, 19, 93)\",\r\n          confirmButtonText: \"Si, finalizar!\",\r\n          cancelButtonText: \"Cancelar\",\r\n        }).then(async (result) => {\r\n          // console.log(result);\r\n          if (result.isConfirmed) {\r\n            const response = await this.sendFinalizarServicio({\r\n              ServicioId: item.id,\r\n              FechaFin: this.$moment\r\n                .tz(new Date(), \"America/Bogota\")\r\n                .format(\"YYYY-MM-DDTHH:mm\"),\r\n            });\r\n\r\n            if (response.success) {\r\n              this.$set(this.listaItems, rowIndex, {\r\n                ...item,\r\n                fechaFin: this.$moment\r\n                  .tz(new Date(), \"America/Bogota\")\r\n                  .format(\"YYYY-MM-DDTHH:mm\"),\r\n                estado: true,\r\n              });\r\n              setTimeout(() => {\r\n                this.dataTableInstance.row(rowIndex).invalidate().draw();\r\n              }, 100);\r\n              this.$vs.notification({\r\n                //duration: \"none\",\r\n                progress: \"auto\",\r\n                icon: `<i class='fas fa-circle-check'></i>`,\r\n                color: \"success\",\r\n                position: \"top-right\",\r\n                title: \"Servicio Finalizado!\",\r\n              });\r\n            }\r\n          } else {\r\n            item.estado = false;\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n  filters: {\r\n    timeSince(dateString, timezone = \"America/Bogota\") {\r\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\r\n      return dateString ? dateInBogota.format(\"YYYY-MM-DD hh:mm A\") : \"\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped></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/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!./RegistroServicios.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/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!./RegistroServicios.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RegistroServicios.vue?vue&type=template&id=e35fa396&scoped=true\"\nimport script from \"./RegistroServicios.vue?vue&type=script&lang=js\"\nexport * from \"./RegistroServicios.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  \"e35fa396\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"gradient\":\"\",\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"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    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    gradient\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};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 81px;\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/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/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=d3c5740e&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=d3c5740e&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  \"d3c5740e\",\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=d3c5740e&prod&scoped=true&lang=css\"","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\",staticStyle:{\"font-size\":\"40px\"}},[_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 class=\"font-weight-bold\" style=\"font-size: 40px\">{{\r\n          evaluateValue(card.value)\r\n        }}</span>\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          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/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/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=09c1d471&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=09c1d471&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  \"09c1d471\",\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!./add_servicio.vue?vue&type=style&index=0&id=8374c0aa&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=09c1d471&prod&scoped=true&lang=css\""],"sourceRoot":""}