{"version":3,"sources":["webpack:///./src/views/Helexium/Onboarding/Onboarding.vue","webpack:///src/views/Helexium/Onboarding/Onboarding.vue","webpack:///./src/views/Helexium/Onboarding/Onboarding.vue?2b5b","webpack:///./src/views/Helexium/Onboarding/Onboarding.vue?98e1","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/components/cardTable/CardTable.vue?b3fb"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","staticStyle","dataCards","_l","listaItems","item","id","_s","nombre","actividadProgreso","porcentajeAut","porcentajeResp","comentarioResp","directives","name","rawName","modifiers","on","$event","detalleActividad","class","hideModal","_f","detailActividad","fechaCreacion","fechaInicio","fechaFin","descripcionOnboarding","usuarioResponsable","descripcionActividad","comentarioAut","value","expression","preventDefault","sendActividadProgresoTrabajador","actividadSelected","model","actividadProgresoTrabajador","callback","$$v","$set","domProps","changeInput","target","staticRenderFns","Swal","require","data","listaOnboardings","persona","onboardingAdminId","actividadOnboardingId","fechaCierre","title","filter","length","iconName","color","tipo","animated","onActivate","onDeactivate","fechaActual","Date","setDate","getDate","$isLoading","JSON","parse","localStorage","getItem","getData","core","index","window","$","DataTable","isDataTable","destroy","dataTableInstance","language","url","methods","res","$store","dispatch","path","fetchAllItemsParallel","error","actividadId","promises","misActividades","actividadesId","split","push","getActividadById","then","actividadProgresoResult","getActividadByOnboardingAdminIdAndActividadOnboardingId","actividad","descripcion","results","Promise","all","nombres","apellidos","$moment","tz","format","fire","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","result","isConfirmed","filters","formatDate","date","formattedDate","toLocaleDateString","timeSince","dateString","timezone","dateInBogota","moment_timezone","components","CardTable","component","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","props","type","Array","default","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-734c8c32.16ef77e3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"MI ONBOARDING\")])])]},proxy:true}])},[_c('div',{staticClass:\"px-5 py-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],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_onboarding\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Nombre actividad\")]),_c('th',[_vm._v(\"Mi avance %\")]),_c('th',[_vm._v(\"Avance Jefe %\")]),_c('th',[_vm._v(\"Comentarios Jefe\")]),_c('th',[_vm._v(\"Más Detalles\")]),_c('th',[_vm._v(\"Mi Estado\")]),_c('th',[_vm._v(\"Estado Global (Jefe)\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(_vm._s(item.nombre))]),_c('td',[_vm._v(_vm._s(item.actividadProgreso.porcentajeAut)+\"%\")]),_c('td',[_vm._v(_vm._s(item.actividadProgreso.porcentajeResp)+\"%\")]),_c('td',[_vm._v(\" \"+_vm._s(item.actividadProgreso.comentarioResp)+\" \")]),_c('td',[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.my-modal\",modifiers:{\"my-modal\":true}}],staticClass:\"d-flex\",on:{\"click\":function($event){return _vm.detalleActividad(item)}}},[_c('i',{staticClass:\"fas fa-eye\"})])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${\n                        item.actividadProgreso.porcentajeAut == 100\n                          ? 'success'\n                          : 'warning'\n                      }`}},[_c('i',{class:`fas ${\n                          item.actividadProgreso.porcentajeAut == 100\n                            ? 'fa-check'\n                            : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.actividadProgreso.porcentajeAut == 100 ? \"Terminada\" : \"Pendiente\")+\" \")])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${\n                        item.actividadProgreso.porcentajeResp == 100\n                          ? 'success'\n                          : 'warning'\n                      }`}},[_c('i',{class:`fas ${\n                          item.actividadProgreso.porcentajeResp == 100\n                            ? 'fa-check'\n                            : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.actividadProgreso.porcentajeResp == 100 ? \"Terminada\" : \"Pendiente\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"title\":\"Detalle Actividad\",\"id\":\"my-modal\",\"body-bg-variant\":\"dark\",\"header-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"size\":\"lg\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.hideModal}},[_c('small',{staticClass:\"position-absolute text-success\",staticStyle:{\"right\":\"5px\",\"top\":\"5px\"}},[_vm._v(\"último progreso: \"+_vm._s(_vm._f(\"timeSince\")(_vm.detailActividad.fechaCreacion)))]),_c('div',[_c('h4',{staticClass:\"text-capitalize mb-2\"},[_vm._v(\"información de Onboarding\")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Fecha inicio: \")]),_vm._v(_vm._s(_vm._f(\"formatDate\")(_vm.detailActividad.fechaInicio))+\" \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Fecha fin: \")]),_vm._v(_vm._s(_vm._f(\"formatDate\")(_vm.detailActividad.fechaFin))+\" \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Descripcion: \")]),_vm._v(_vm._s(_vm.detailActividad.descripcionOnboarding)+\" \")]),_c('hr'),_c('h4',{staticClass:\"text-capitalize mb-2\"},[_vm._v(\"información de actividad\")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Usuario Responsable: \")]),_vm._v(_vm._s(_vm.detailActividad.usuarioResponsable)+\" \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Descripcion: \")]),_vm._v(_vm._s(_vm.detailActividad.descripcionActividad)+\" \")]),_c('hr'),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',{staticClass:\"text-info\"},[_vm._v(\"Mi comentario: \")]),_vm._v(_vm._s(_vm.detailActividad.actividadProgreso.comentarioAut)+\" \")]),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"gap\":\"20px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapse-1-inner`),expression:\"`collapse-1-inner`\"}]},[_vm._v(\"Registrar avance \"),_c('i',{staticClass:\"fas fa-flag-checkered\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapse-1-inner`}},[_c('b-card',[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendActividadProgresoTrabajador(\n                        _vm.detailActividad.actividadSelected\n                      )}}},[_c('div',{staticClass:\"d-flex flex-column justify-content-between\",staticStyle:{\"gap\":\"20px\"}},[_c('b-form-textarea',{staticClass:\"w-100\",attrs:{\"placeholder\":\"Escriba un comentario...\",\"minlength\":\"10\",\"maxlength\":\"255\",\"required\":\"\"},model:{value:(_vm.actividadProgresoTrabajador.comentarioAut),callback:function ($$v) {_vm.$set(_vm.actividadProgresoTrabajador, \"comentarioAut\", $$v)},expression:\"actividadProgresoTrabajador.comentarioAut\"}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(\n                            _vm.detailActividad.actividadProgreso.porcentajeAut\n                          ),expression:\"\\n                            detailActividad.actividadProgreso.porcentajeAut\\n                          \"}],staticClass:\"mr-1 w-100\",attrs:{\"type\":\"range\",\"id\":\"porcentaje\",\"min\":\"0\",\"max\":\"100\",\"step\":\"0\"},domProps:{\"value\":(\n                            _vm.detailActividad.actividadProgreso.porcentajeAut\n                          )},on:{\"input\":function($event){_vm.detailActividad.changeInput = true},\"__r\":function($event){return _vm.$set(_vm.detailActividad.actividadProgreso, \"porcentajeAut\", $event.target.value)}}}),_c('span',{class:`px-2 ${\n                            _vm.detailActividad.actividadProgreso.porcentajeAut <\n                            50\n                              ? 'text-danger'\n                              : _vm.detailActividad.actividadProgreso\n                                  .porcentajeAut < 80\n                              ? 'text-warning'\n                              : 'text-info'\n                          }`,staticStyle:{\"font-size\":\"30px\"}},[_c('small',[_vm._v(_vm._s(_vm.detailActividad.actividadProgreso.porcentajeAut)+\"%\")])])])],1),_c('div',{staticClass:\"text-right mt-3\"},[_c('b-button',{attrs:{\"block\":\"\",\"type\":\"submit\",\"variant\":\"outline-light\",\"disabled\":!_vm.detailActividad.changeInput}},[_c('i',{staticClass:\"fas fa-flag-checkered\"}),_vm._v(\" Registrar \")])],1)])])],1)],1)])])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col sm=\"12\">\n        <card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\"><b>MI ONBOARDING</b></h4>\n          </template>\n          <div class=\"px-5 py-3\">\n            <div class=\"row\" style=\"gap: 1rem\">\n              <div class=\"col\">\n                <!-- linar-style cursor glow -->\n                <CardTable :data=\"dataCards\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"table-responsive px-4 mt-3\">\n            <table\n              id=\"datatable_onboarding\"\n              class=\"table table-bordered table-responsive-md table-striped text-center\"\n            >\n              <thead>\n                <tr>\n                  <th>Nombre actividad</th>\n                  <th>Mi avance %</th>\n                  <th>Avance Jefe %</th>\n                  <th>Comentarios Jefe</th>\n                  <th>Más Detalles</th>\n                  <th>Mi Estado</th>\n                  <th>Estado Global (Jefe)</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"item in listaItems\" :key=\"item.id\">\n                  <td>{{ item.nombre }}</td>\n                  <td>{{ item.actividadProgreso.porcentajeAut }}%</td>\n                  <td>{{ item.actividadProgreso.porcentajeResp }}%</td>\n                  <td>\n                    {{ item.actividadProgreso.comentarioResp }}\n                  </td>\n                  <td>\n                    <div class=\"d-flex justify-content-center\">\n                      <b-button\n                        class=\"d-flex\"\n                        v-b-modal.my-modal\n                        @click=\"detalleActividad(item)\"\n                      >\n                        <i class=\"fas fa-eye\"></i\n                      ></b-button>\n                    </div>\n                  </td>\n                  <td>\n                    <h4>\n                      <b-badge\n                        :variant=\"`${\n                          item.actividadProgreso.porcentajeAut == 100\n                            ? 'success'\n                            : 'warning'\n                        }`\"\n                      >\n                        <i\n                          :class=\"`fas ${\n                            item.actividadProgreso.porcentajeAut == 100\n                              ? 'fa-check'\n                              : 'fa-clock'\n                          }`\"\n                        ></i\n                        >&nbsp;\n                        {{\n                          item.actividadProgreso.porcentajeAut == 100\n                            ? \"Terminada\"\n                            : \"Pendiente\"\n                        }}\n                      </b-badge>\n                    </h4>\n                  </td>\n                  <td>\n                    <h4>\n                      <b-badge\n                        :variant=\"`${\n                          item.actividadProgreso.porcentajeResp == 100\n                            ? 'success'\n                            : 'warning'\n                        }`\"\n                      >\n                        <i\n                          :class=\"`fas ${\n                            item.actividadProgreso.porcentajeResp == 100\n                              ? 'fa-check'\n                              : 'fa-clock'\n                          }`\"\n                        ></i\n                        >&nbsp;\n                        {{\n                          item.actividadProgreso.porcentajeResp == 100\n                            ? \"Terminada\"\n                            : \"Pendiente\"\n                        }}\n                      </b-badge>\n                    </h4>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n\n          <!-- modal ver mas datalles -->\n          <b-modal\n            title=\"Detalle Actividad\"\n            id=\"my-modal\"\n            body-bg-variant=\"dark\"\n            header-bg-variant=\"dark\"\n            footer-bg-variant=\"dark\"\n            size=\"lg\"\n            hide-footer\n            @hidden=\"hideModal\"\n          >\n            <small\n              class=\"position-absolute text-success\"\n              style=\"right: 5px; top: 5px\"\n              >último progreso:\n              {{ detailActividad.fechaCreacion | timeSince }}</small\n            >\n            <div>\n              <h4 class=\"text-capitalize mb-2\">información de Onboarding</h4>\n              <p class=\"card-text font-italic\">\n                <b>Fecha inicio: </b\n                >{{ detailActividad.fechaInicio | formatDate }}\n              </p>\n              <p class=\"card-text font-italic\">\n                <b>Fecha fin: </b>{{ detailActividad.fechaFin | formatDate }}\n              </p>\n              <p class=\"card-text font-italic\">\n                <b>Descripcion: </b>{{ detailActividad.descripcionOnboarding }}\n              </p>\n              <hr />\n              <h4 class=\"text-capitalize mb-2\">información de actividad</h4>\n              <p class=\"card-text font-italic\">\n                <b>Usuario Responsable: </b\n                >{{ detailActividad.usuarioResponsable }}\n              </p>\n              <p class=\"card-text font-italic\">\n                <b>Descripcion: </b>{{ detailActividad.descripcionActividad }}\n              </p>\n              <hr />\n              <p class=\"card-text font-italic\">\n                <b class=\"text-info\">Mi comentario: </b\n                >{{ detailActividad.actividadProgreso.comentarioAut }}\n              </p>\n\n              <!-- actions user -->\n              <div class=\"d-flex flex-column\" style=\"gap: 20px\">\n                <!-- registrar avance -->\n                <b-button v-b-toggle=\"`collapse-1-inner`\"\n                  >Registrar avance <i class=\"fas fa-flag-checkered\"></i\n                ></b-button>\n                <b-collapse :id=\"`collapse-1-inner`\" class=\"mt-2\">\n                  <b-card>\n                    <form\n                      @submit.prevent=\"\n                        sendActividadProgresoTrabajador(\n                          detailActividad.actividadSelected\n                        )\n                      \"\n                    >\n                      <div\n                        class=\"d-flex flex-column justify-content-between\"\n                        style=\"gap: 20px\"\n                      >\n                        <b-form-textarea\n                          class=\"w-100\"\n                          v-model=\"actividadProgresoTrabajador.comentarioAut\"\n                          placeholder=\"Escriba un comentario...\"\n                          minlength=\"10\"\n                          maxlength=\"255\"\n                          required\n                        ></b-form-textarea>\n                        <div\n                          class=\"d-flex justify-content-center align-items-center\"\n                        >\n                          <input\n                            class=\"mr-1 w-100\"\n                            type=\"range\"\n                            id=\"porcentaje\"\n                            v-model=\"\n                              detailActividad.actividadProgreso.porcentajeAut\n                            \"\n                            @input=\"detailActividad.changeInput = true\"\n                            min=\"0\"\n                            max=\"100\"\n                            step=\"0\"\n                          />\n                          <span\n                            style=\"font-size: 30px\"\n                            :class=\"`px-2 ${\n                              detailActividad.actividadProgreso.porcentajeAut <\n                              50\n                                ? 'text-danger'\n                                : detailActividad.actividadProgreso\n                                    .porcentajeAut < 80\n                                ? 'text-warning'\n                                : 'text-info'\n                            }`\"\n                            ><small\n                              >{{\n                                detailActividad.actividadProgreso.porcentajeAut\n                              }}%</small\n                            ></span\n                          >\n                        </div>\n                      </div>\n                      <div class=\"text-right mt-3\">\n                        <b-button\n                          block\n                          type=\"submit\"\n                          variant=\"outline-light\"\n                          :disabled=\"!detailActividad.changeInput\"\n                        >\n                          <i class=\"fas fa-flag-checkered\"></i> Registrar\n                        </b-button>\n                      </div>\n                    </form>\n                  </b-card>\n                </b-collapse>\n              </div>\n            </div>\n          </b-modal>\n        </card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\nimport { core } from \"../../../config/pluginInit\";\nimport moment_timezone from \"moment-timezone\";\nconst Swal = require(\"sweetalert2\");\nexport default {\n  name: \"Onboarding\",\n  data() {\n    return {\n      listaItems: [],\n      listaOnboardings: [],\n      persona: {},\n      actividadProgresoTrabajador: {\n        onboardingAdminId: null,\n        actividadOnboardingId: null,\n        porcentajeAut: 0,\n        comentarioAut: \"\",\n        porcentajeResp: 0,\n        comentarioResp: \"\",\n        fechaCreacion: null,\n        fechaCierre: null,\n      },\n      detailActividad: {\n        fechaInicio: null,\n        fechaFin: null,\n        fechaCreacion: null,\n        descripcionOnboarding: null,\n        descripcionActividad: null,\n        usuarioResponsable: null,\n        actividadSelected: {},\n        actividadProgreso: {},\n        changeInput: false,\n      },\n      dataCards: [\n        {\n          title: \"Actividades con avances\",\n          value: () =>\n            this.listaItems.filter(\n              (item) => item.actividadProgreso.porcentajeAut > 0\n            ).length,\n          iconName: \"bolt\",\n          color: \"rgba(71, 136, 255, 1)\",\n          tipo: \"shield\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n          },\n        },\n        {\n          title: \"Nuevas actividades\",\n          value: () => {\n            const fechaActual = new Date(); // Obtener la fecha actual\n            fechaActual.setDate(fechaActual.getDate() - 3); // Restar tres días\n\n            return this.listaItems.filter((item) => {\n              const fechaCreacion = new Date(\n                item.actividadProgreso.fechaCreacion\n              );\n              return fechaCreacion > fechaActual;\n            }).length;\n          },\n          iconName: \"calendar-plus\",\n          color: \"rgba(223, 18, 46, 1)\",\n          tipo: \"shield\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n          },\n        },\n      ],\n    };\n  },\n  async mounted() {\n    this.$isLoading(true);\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\n    await this.getData();\n    core.index();\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_onboarding\")) {\n      window.$(\"#datatable_onboarding\").DataTable().destroy();\n    }\n    this.dataTableInstance = window.$(\"#datatable_onboarding\").DataTable({\n      language: {\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\n      },\n    });\n    this.$isLoading(false);\n  },\n  methods: {\n    hideModal() {\n      if (this.actividadProgresoTrabajador.comentarioAut !== null) {\n        this.actividadProgresoTrabajador.comentarioAut = \"\";\n      }\n    },\n    async getData() {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"OnboardingAdmin/ByPersonaId/\" + this.persona.id,\n        });\n        console.log(\"list onboardings...\", res);\n        if (res.length > 0) {\n          this.listaOnboardings = res;\n          const data = await this.fetchAllItemsParallel(res);\n          console.log(\"------------------->onbordings\", data);\n          this.listaItems = data;\n        } else {\n          this.listaOnboardings = [];\n        }\n      } catch (error) {\n        this.listaOnboardings = [];\n        console.log(\"err\", error);\n      }\n    },\n    async getActividadById(actividadId) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"ActividadOnboarding/GetActividad/\" + actividadId,\n        });\n        console.log(\"actividadById...\", res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async fetchAllItemsParallel(data) {\n      const promises = [];\n      for (let item of data) {\n        let misActividades = item.actividadesId.split(\",\");\n        for (let id of misActividades) {\n          promises.push(\n            this.getActividadById(id).then(async (actividad) => {\n              let actividadProgresoResult =\n                await this.getActividadByOnboardingAdminIdAndActividadOnboardingId(\n                  item.id,\n                  actividad.id\n                );\n              actividadProgresoResult.changeInput = false;\n              return {\n                ...actividad,\n                fechaInicio: item.fechaInicio,\n                fechaFin: item.fechaFin,\n                descripcionOnboarding: item.descripcion,\n                onboardingAdminId: item.id,\n                actividadProgreso: actividadProgresoResult,\n              };\n            })\n          );\n        }\n      }\n      const results = await Promise.all(promises);\n      return results;\n    },\n    async getActividadByOnboardingAdminIdAndActividadOnboardingId(\n      onboardingAdminId,\n      actividadOnboardingId\n    ) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path:\n            \"ActividadProgresoOnboarding/GetActividadByOnboardingIdAndActividadOnboardingId/\" +\n            onboardingAdminId +\n            \"/\" +\n            actividadOnboardingId,\n        });\n        console.log(\"ActividadProgreso...\", res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    detalleActividad(item) {\n      const {\n        actividadProgreso,\n        fechaInicio,\n        fechaFin,\n        descripcionOnboarding,\n        descripcion,\n        usuarioResponsable,\n      } = item;\n      this.detailActividad = {\n        actividadSelected: item,\n        actividadProgreso: actividadProgreso,\n        fechaInicio,\n        fechaCreacion: actividadProgreso.fechaCreacion,\n        fechaFin,\n        descripcionOnboarding,\n        descripcionActividad: descripcion,\n        usuarioResponsable: `${usuarioResponsable.nombres} ${usuarioResponsable.apellidos}`,\n      };\n      console.log(\"----------->\", this.detailActividad);\n    },\n    async sendActividadProgresoTrabajador(actividad) {\n      try {\n        let data = {\n          ...this.actividadProgresoTrabajador,\n          onboardingAdminId: actividad.onboardingAdminId,\n          actividadOnboardingId: actividad.id,\n          comentarioAut: this.actividadProgresoTrabajador.comentarioAut,\n          porcentajeAut: actividad.actividadProgreso.porcentajeAut,\n          fechaCreacion: this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\n          fechaCierre: this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\n        };\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"ActividadOnboarding/CreateActividadProgresoTrabajador/\",\n          data,\n        });\n        console.log(res);\n        if (res) {\n          // Actualiza el progreso de la actividad en el cliente\n          this.detailActividad.fechaCreacion = this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\");\n          this.detailActividad.actividadProgreso.comentarioAut =\n            this.actividadProgresoTrabajador.comentarioAut;\n          Swal.fire({\n            title: \"Listo!\",\n            text: \"Avance registrado correctamente\",\n            icon: \"success\",\n            showCancelButton: false,\n            confirmButtonColor: \"#3085d6\",\n            cancelButtonColor: \"#d33\",\n            confirmButtonText: \"OK\",\n            cancelButtonText: \"Cancelar\",\n          }).then(async (result) => {\n            if (result.isConfirmed) {\n              console.log(\"confirmado\");\n              this.actividadProgresoTrabajador.comentarioAut = \"\";\n              this.detailActividad.changeInput = false;\n            }\n          });\n        }\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n  },\n  filters: {\n    formatDate(date) {\n      const formattedDate = new Date(date).toLocaleDateString(\"es-ES\");\n      return formattedDate;\n    },\n    timeSince(dateString, timezone = \"America/Bogota\") {\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\n      return dateInBogota.format(\"YYYY-MM-DD hh:mm A\");\n    },\n  },\n  components: { CardTable },\n};\n</script>\n\n<style></style>\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!./Onboarding.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!./Onboarding.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Onboarding.vue?vue&type=template&id=4b6bd97d\"\nimport script from \"./Onboarding.vue?vue&type=script&lang=js\"\nexport * from \"./Onboarding.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","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!./CardTable.vue?vue&type=style&index=0&id=09c1d471&prod&scoped=true&lang=css\""],"sourceRoot":""}