{"version":3,"sources":["webpack:///./src/views/Helexium/Onboarding/Onboarding_admin.vue","webpack:///src/views/Helexium/Onboarding/Onboarding_admin.vue","webpack:///./src/views/Helexium/Onboarding/Onboarding_admin.vue?a8c2","webpack:///./src/views/Helexium/Onboarding/Onboarding_admin.vue?100e","webpack:///./src/components/charts/ProgressChart.vue","webpack:///src/components/charts/ProgressChart.vue","webpack:///./src/components/charts/ProgressChart.vue?21bb","webpack:///./src/components/charts/ProgressChart.vue?6023","webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?3ff7","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./node_modules/core-js/modules/esnext.iterator.every.js","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?9142","webpack:///./src/components/charts/ProgressChart.vue?fcc0","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","staticStyle","dataCards","_l","listaItems","item","id","_s","persona","nombres","apellidos","personaUbicacion","nombre","_f","fechaInicio","fechaFin","descripcion","directives","name","rawName","modifiers","on","$event","filterData","estado","class","listaActividades","length","value","title","nombresPersona","apellidosPersona","placement","variant","expression","fechaInicioOnboarding","fechaFinOnboarding","cargoPersona","usuarioResponsable","descripcionOnboarding","index","actividadProgreso","porcentajeResp","fechaCreacion","porcentajeAut","comentarioAut","comentarioResp","preventDefault","sendActividadProgresoResponsable","model","newComentarioResp","callback","$$v","$set","domProps","changeInput","target","filter","_e","staticRenderFns","Swal","require","moment","locale","data","evaluarActividad","actividadProgresoResponsable","onboardingAdminId","actividadOnboardingId","fechaCierre","plan","iconName","color","tipo","animated","onActivate","dataTableInstance","search","draw","onDeactivate","reduce","totalAct","actividadesId","split","$isLoading","JSON","parse","localStorage","getItem","getData","core","window","$","DataTable","isDataTable","destroy","language","url","methods","mapMutations","updatePendientesOnboardings","newValue","setPendientesOnboardings","res","$store","dispatch","path","rol","nivel","updatedItems","Promise","all","map","ubicacion","getPersonaUbicacion","onboarding","pendientesOnboardings","error","$moment","tz","Date","format","actividadIndex","findIndex","a","fire","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","todasEn100","every","actividad","updateEstadoOnboarding","NuevoEstado","forEach","actividadId","personaId","cargo","actividades","actividadProgresoPromises","getActividadByOnboardingAdminIdAndActividadOnboardingId","dataPromises","getActividadById","dataFilter","fetchAllDataParallel","actividadProgresoResults","fetchActividadProgresoForActividades","i","filters","formatDate","date","timeSince","dateString","timezone","dateInBogota","moment_timezone","components","CardTable","BtnAddCardTable","ProgressChart","component","_vm$titleCheck","borderColor","style","transition","circleColor","circumference","currentProgress","currentPercentage","progressConfirmed","titleCheck","textTotal","props","String","total","Number","confirmed","computed","progressPercentage","Math","floor","min","round","radius","PI","watch","animateProgress","targetProgress","animationDuration","fps","targetValue","startValue","increment","current","animate","requestAnimationFrame","mounted","handleClick","isHovered","type","default","$emit","iterate","aCallable","anObject","getIteratorDirect","proto","real","predicate","record","counter","stop","IS_RECORD","INTERRUPTED","stopped","card","_card$sizeValue","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","fontSize","sizeValue","evaluateValue","Array","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","onResize","addEventListener","beforeDestroy","removeEventListener","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","startX","startY","dx","dy","abs"],"mappings":"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","file":"js/chunk-8e584f50.23265cc7.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('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('h4',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"ONBOARDING\")])])])]},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',{attrs:{\"text\":\"Nuevo Onboarding\",\"url\":\"Onboarding_agregar\"}})],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(\"Trabajador\")]),_c('th',[_vm._v(\"Cargo\")]),_c('th',[_vm._v(\"Fecha inicio\")]),_c('th',[_vm._v(\"Fecha fin\")]),_c('th',[_vm._v(\"Descripcion\")]),_c('th',[_vm._v(\"Detalles\")]),_c('th',[_vm._v(\"Estado Onboarding\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(\" \"+_vm._s(item.persona.nombres + \" \" + item.persona.apellidos)+\" \")]),_c('td',[_vm._v(_vm._s(item.personaUbicacion.nombre))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaInicio)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaFin)))]),_c('td',[_vm._v(_vm._s(item.descripcion))]),_c('td',[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('vs-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.detailsCap\",modifiers:{\"detailsCap\":true}}],attrs:{\"danger\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.filterData(_vm.listaItems, item.id, item.persona.nombres, item.persona.apellidos, item.fechaInicio, item.fechaFin, item.descripcion, item.personaUbicacion.nombre)}}},[_c('i',{staticClass:\"fas fa-eye\"})])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.estado ? 'success' : 'warning'}`}},[_c('i',{class:`fas ${item.estado ? 'fa-check' : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.estado ? \"Terminado\" : \"Pendiente\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"id\":\"detailsCap\",\"size\":\"xl\",\"hide-footer\":\"\",\"hide-nav\":\"\"}},[_c('div',[(_vm.listaActividades.length)?_c('b-card',[_c('div',{staticClass:\"row flex-column-reverse flex-lg-row\"},[_c('div',{staticClass:\"col-12 col-lg\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"background-color\":\"#df122e\",\"width\":\"7px\",\"border-radius\":\"0 20px 0 20px\",\"height\":\"30px\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                      title: `${_vm.listaActividades[0].nombresPersona}` + ` ` + `${_vm.listaActividades[0].apellidosPersona}`,\n                      placement: 'bottom',\n                      variant: 'primary',\n                    }),expression:\"{\\n                      title: `${listaActividades[0].nombresPersona}` + ` ` + `${listaActividades[0].apellidosPersona}`,\\n                      placement: 'bottom',\\n                      variant: 'primary',\\n                    }\"}],staticStyle:{\"font-size\":\"1.5rem\",\"font-weight\":\"bolder\",\"margin-left\":\"5px\",\"max-width\":\"100%\",\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\"}},[_vm._v(\" ONBOARDING DE : \"+_vm._s(_vm.listaActividades[0].nombresPersona + \" \" + _vm.listaActividades[0].apellidosPersona)+\" \")])]),_c('div',{staticClass:\"d-flex align-items-center flex-wrap mt-3\",staticStyle:{\"gap\":\"1.5rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"far fa-calendar-check\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha inicio\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.listaActividades[0].fechaInicioOnboarding)))])])]),_c('div',{staticStyle:{\"width\":\"1px\",\"height\":\"20px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"far fa-calendar-check\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha fin\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.listaActividades[0].fechaFinOnboarding)))])])])]),_c('div',{staticClass:\"mt-3\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.viewDetails\",modifiers:{\"viewDetails\":true}}],staticStyle:{\"border-radius\":\"0 25px 0 25px\"},attrs:{\"size\":\"xl\",\"block\":\"\"}},[_vm._v(\" Más detalles \"),_c('i',{staticClass:\"fas fa-chevron-down ml-1\"})]),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"viewDetails\"}},[_c('div',{staticClass:\"mt-2 d-flex flex-wrap\",staticStyle:{\"gap\":\"1.5rem\"}},[_c('div',{staticClass:\"col-5\"},[_c('span',{staticClass:\"h4\",staticStyle:{\"padding-left\":\"5px\",\"font-weight\":\"bold\"}},[_vm._v(\"NOMBRE EVALUADO\")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `Nombre evaluado`,\n                              placement: 'top',\n                              variant: 'primary',\n                            }),expression:\"{\\n                              title: `Nombre evaluado`,\\n                              placement: 'top',\\n                              variant: 'primary',\\n                            }\"}],staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].nombresPersona + \" \" + _vm.listaActividades[0].apellidosPersona)+\" \")])])]),_c('div',{staticClass:\"col-5\"},[_c('span',{staticClass:\"h4\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"CARGO EVALUADO\")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `EMPRESA QUE CAPACITA`,\n                              placement: 'top',\n                              variant: 'primary',\n                            }),expression:\"{\\n                              title: `EMPRESA QUE CAPACITA`,\\n                              placement: 'top',\\n                              variant: 'primary',\\n                            }\"}],staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].cargoPersona)+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"h4\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"ONBOARDING RESPONSABLE \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `Nombre responsable`,\n                              placement: 'top',\n                              variant: 'primary',\n                            }),expression:\"{\\n                              title: `Nombre responsable`,\\n                              placement: 'top',\\n                              variant: 'primary',\\n                            }\"}],staticClass:\"pl-1\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\"}},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].usuarioResponsable.nombres + \" \" + _vm.listaActividades[0].usuarioResponsable.apellidos)+\" \")])])]),_c('div',{staticClass:\"col-12\"},[_c('span',{staticClass:\"h4\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"DESCRIPCIÓN ONBOARDING \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].descripcionOnboarding)+\" \")])])]),_c('div',{staticClass:\"d-flex flex-column align-items-start pt-4\"},[_c('span',{staticClass:\"h3 font-weight-bold mb-2\"},[_vm._v(\"Actividades\")]),(_vm.listaActividades.length)?_vm._l((_vm.listaActividades),function(item,index){return _c('div',{key:item.id,staticClass:\"mb-2 col-12\",staticStyle:{\"padding-left\":\"0px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapsar-${index}`),expression:\"`collapsar-${index}`\"}],staticClass:\"d-flex justify-content-between align-items-center text-uppercase\",attrs:{\"block\":\"\",\"variant\":\"primary\"}},[_c('span',{staticClass:\"text-white\"},[_c('i',{class:`ml-1 mr-2 fas ${item.actividadProgreso.porcentajeResp == 100\n                                ? 'fa-check text-success'\n                                : 'fa-clock text-warning'\n                                }`}),_vm._v(_vm._s(index + 1)+\". \"+_vm._s(item.nombre))]),_c('i',{staticClass:\"fas fa-chevron-down\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapsar-${index}`}},[_c('b-card',{staticClass:\"position-relative\"},[_c('small',{staticClass:\"position-absolute text-success\",staticStyle:{\"right\":\"5px\",\"top\":\"5px\"}},[_vm._v(\"último progreso: \"+_vm._s(_vm._f(\"timeSince\")(item.actividadProgreso.fechaCreacion)))]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Descripcion: \")]),_vm._v(_vm._s(item.descripcion)+\" \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Avance actividad: \")]),_vm._v(_vm._s(item.actividadProgreso.porcentajeAut)+\"% \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Comentario trabajador: \")]),_vm._v(_vm._s(item.actividadProgreso.comentarioAut)+\" \")]),_c('hr'),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',{staticClass:\"text-primary\"},[_vm._v(\"Mi comentario: \")]),_vm._v(_vm._s(item.actividadProgreso.comentarioResp)+\" \")]),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"gap\":\"20px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapsar-${index}-inner`),expression:\"`collapsar-${index}-inner`\"}]},[_vm._v(\" Evaluar actividad \"),_c('i',{staticClass:\"fas fa-star\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapsar-${index}-inner`}},[_c('b-card',[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendActividadProgresoResponsable(item, item.id)}}},[_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:(item.actividadProgreso.newComentarioResp\n                                            ),callback:function ($$v) {_vm.$set(item.actividadProgreso, \"newComentarioResp\", $$v)},expression:\"item.actividadProgreso.newComentarioResp\\n                                            \"}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(item.actividadProgreso.porcentajeResp\n                                              ),expression:\"item.actividadProgreso.porcentajeResp\\n                                              \"}],staticClass:\"mr-1 w-100\",attrs:{\"type\":\"range\",\"id\":\"porcentaje\",\"min\":\"0\",\"max\":\"100\",\"step\":\"0\"},domProps:{\"value\":(item.actividadProgreso.porcentajeResp\n                                              )},on:{\"input\":function($event){item.changeInput = true},\"__r\":function($event){return _vm.$set(item.actividadProgreso, \"porcentajeResp\", $event.target.value)}}}),_c('span',{class:`px-2 ${item.actividadProgreso.porcentajeResp < 50\n                                              ? 'text-danger'\n                                              : item.actividadProgreso.porcentajeResp <\n                                                80\n                                                ? 'text-warning'\n                                                : 'text-primary'\n                                              }`,staticStyle:{\"font-size\":\"30px\"}},[_c('small',[_vm._v(_vm._s(item.actividadProgreso.porcentajeResp)+\"%\")])])])],1),_c('div',{staticClass:\"text-center mt-3\"},[_c('b-button',{attrs:{\"block\":\"\",\"type\":\"submit\",\"variant\":\"outline-light\",\"disabled\":!item.changeInput}},[_c('i',{staticClass:\"fas fa-thumbs-up\"}),_vm._v(\" Evaluar \")])],1)])])],1)],1)])],1)],1)}):_c('p',[_vm._v(\"cargando actividades...\")])],2)])],1)]),_c('div',{staticClass:\"col-12 col-lg\"},[_c('b-card',{staticClass:\"bg-card-r bg-dark\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('span',{staticClass:\"h3 font-weight-bold mt-3 mb-1 text-uppercase text-center\"},[_vm._v(\" Actividades finalizadas \")]),(_vm.listaActividades.length)?_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('ProgressChart',{attrs:{\"titleCheck\":\"Completadas\",\"confirmed\":_vm.listaActividades.filter(item => item.actividadProgreso.porcentajeResp==100).length,\"total\":_vm.listaActividades.length}})],1):_vm._e(),_c('div',{staticClass:\"d-flex flex-row justify-content-center mt-4\",staticStyle:{\"gap\":\"2rem\"}},[_c('div',{staticClass:\"d-flex flex-row align-items-center\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center mx-3\"},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `Comentarios Responsable`,\n                              placement: 'top',\n                              variant: 'primary',\n                            }),expression:\"{\\n                              title: `Comentarios Responsable`,\\n                              placement: 'top',\\n                              variant: 'primary',\\n                            }\"}],staticClass:\"d-flex justify-content-center rounded align-items-center bg-info\",staticStyle:{\"width\":\"48px\",\"height\":\"48px\",\"box-shadow\":\"0px -1px 33px -8px #4788ff\"}},[_c('i',{staticClass:\"fas fa-comments fa-fade\",staticStyle:{\"font-size\":\"1.2rem\"}})]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('span',{staticStyle:{\"font-size\":\"1.8rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.listaActividades.filter(item => item.actividadProgreso.comentarioResp).length)+\" \")]),_c('p',{staticClass:\"text-white-50\"},[_vm._v(\"Responsable\")])])]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center mx-3\"},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `Comentarios Trabajador`,\n                              placement: 'top',\n                              variant: 'primary',\n                            }),expression:\"{\\n                              title: `Comentarios Trabajador`,\\n                              placement: 'top',\\n                              variant: 'primary',\\n                            }\"}],staticClass:\"d-flex justify-content-center rounded align-items-center bg-info\",staticStyle:{\"width\":\"48px\",\"height\":\"48px\",\"box-shadow\":\"0px -1px 33px -8px #4788ff\"}},[_c('i',{staticClass:\"fas fa-comments fa-fade\",staticStyle:{\"font-size\":\"1.2rem\"}})]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('span',{staticStyle:{\"font-size\":\"1.8rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.listaActividades.filter(item => item.actividadProgreso.comentarioAut).length)+\" \")]),_c('p',{staticClass:\"text-white-50\"},[_vm._v(\"Trabajador\")])])])])])])])],1)])]):_vm._e()],1)])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\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              <h4 class=\"card-title\"><b>ONBOARDING</b></h4>\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 onboarding -->\r\n              <div class=\"col-12 col-md\">\r\n                <BtnAddCardTable text=\"Nuevo Onboarding\" url=\"Onboarding_agregar\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"table-responsive px-4 mt-3\">\r\n            <table id=\"datatable_onboarding\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Trabajador</th>\r\n                  <th>Cargo</th>\r\n                  <th>Fecha inicio</th>\r\n                  <th>Fecha fin</th>\r\n                  <th>Descripcion</th>\r\n                  <th>Detalles</th>\r\n                  <th>Estado Onboarding</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"item in listaItems\" :key=\"item.id\">\r\n                  <td>\r\n                    {{ item.persona.nombres + \" \" + item.persona.apellidos }}\r\n                  </td>\r\n                  <td>{{ item.personaUbicacion.nombre }}</td>\r\n                  <td>{{ item.fechaInicio | formatDate }}</td>\r\n                  <td>{{ item.fechaFin | formatDate }}</td>\r\n                  <td>{{ item.descripcion }}</td>\r\n                  <td>\r\n                    <div class=\"d-flex justify-content-center\">\r\n\r\n                      <vs-button danger icon v-b-modal.detailsCap\r\n                        @click=\"filterData(listaItems, item.id, item.persona.nombres, item.persona.apellidos, item.fechaInicio, item.fechaFin, item.descripcion, item.personaUbicacion.nombre)\">\r\n                        <i class=\"fas fa-eye\"></i></vs-button>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <h4>\r\n                      <b-badge :variant=\"`${item.estado ? 'success' : 'warning'}`\">\r\n                        <i :class=\"`fas ${item.estado ? 'fa-check' : 'fa-clock'\r\n                          }`\"></i>&nbsp;\r\n                        {{ item.estado ? \"Terminado\" : \"Pendiente\" }}\r\n                      </b-badge>\r\n                    </h4>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n          <!-- modal ver mas datalles -->\r\n\r\n\r\n\r\n          <b-modal id=\"detailsCap\" size=\"xl\" hide-footer hide-nav>\r\n            <div>\r\n              <b-card v-if=\"listaActividades.length\">\r\n                <div class=\"row flex-column-reverse flex-lg-row\">\r\n                  <!-- data info onboarding -->\r\n                  <div class=\"col-12 col-lg\">\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <div style=\"\r\n                          background-color: #df122e;\r\n                          width: 7px;\r\n                          border-radius: 0 20px 0 20px;\r\n                          height: 30px;\r\n                        \"></div>\r\n                      <span v-b-tooltip=\"{\r\n                        title: `${listaActividades[0].nombresPersona}` + ` ` + `${listaActividades[0].apellidosPersona}`,\r\n                        placement: 'bottom',\r\n                        variant: 'primary',\r\n                      }\" style=\"\r\n                          font-size: 1.5rem;\r\n                          font-weight: bolder;\r\n                          margin-left: 5px;\r\n                          max-width: 100%;\r\n                          white-space: nowrap;\r\n                          overflow: hidden;\r\n                          text-overflow: ellipsis;\r\n                        \">\r\n                        ONBOARDING DE : {{ listaActividades[0].nombresPersona + \" \" +\r\n                          listaActividades[0].apellidosPersona }}\r\n                      </span>\r\n\r\n                    </div>\r\n                    <!-- access info -->\r\n                    <div class=\"d-flex align-items-center flex-wrap mt-3\" style=\"gap: 1.5rem\">\r\n\r\n                      <!-- fecha inicio -->\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                          <i class=\"far fa-calendar-check\" style=\"font-size: 1.5rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column\">\r\n                          <small class=\"font-weight-bold text-white-50\">Fecha inicio</small>\r\n                          <span style=\"font-size: 1.1rem\" class=\"font-weight-bold\">\r\n                            {{ listaActividades[0].fechaInicioOnboarding | formatDate }}</span>\r\n                        </div>\r\n                      </div>\r\n                      <!-- divisor -->\r\n                      <div style=\"\r\n                          width: 1px;\r\n                          height: 20px;\r\n                          background-color: #102e5f;\r\n                        \">\r\n                      </div>\r\n                      <!-- fecha fin -->\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                          <i class=\"far fa-calendar-check\" style=\"font-size: 1.5rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column\">\r\n                          <small class=\"font-weight-bold text-white-50\">Fecha fin</small>\r\n                          <span style=\"font-size: 1.1rem\" class=\"font-weight-bold\">\r\n                            {{ listaActividades[0].fechaFinOnboarding | formatDate }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <!-- ver mas detalles -->\r\n                    <div class=\"mt-3\">\r\n                      <b-button v-b-toggle.viewDetails size=\"xl\" style=\"border-radius: 0 25px 0 25px\" block>\r\n                        Más detalles\r\n                        <i class=\"fas fa-chevron-down ml-1\"></i></b-button>\r\n                      <b-collapse visible id=\"viewDetails\">\r\n                        <!-- mas info -->\r\n                        <div class=\"mt-2 d-flex flex-wrap\" style=\"gap: 1.5rem\">\r\n                          <!-- nombre trabajador -->\r\n                          <div class=\" col-5\">\r\n                            <span class=\"h4\" style=\"\r\n                                padding-left: 5px;\r\n                                font-weight: bold;\r\n                              \">NOMBRE EVALUADO</span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"></div>\r\n                              <span class=\"pl-1\" v-b-tooltip=\"{\r\n                                title: `Nombre evaluado`,\r\n                                placement: 'top',\r\n                                variant: 'primary',\r\n                              }\">\r\n                                {{ listaActividades[0].nombresPersona + \" \" +\r\n                                  listaActividades[0].apellidosPersona }}\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                          <!-- cargo trabajador -->\r\n                          <div class=\" col-5 \">\r\n                            <span class=\"h4\" style=\"\r\n                                font-weight: bold;\r\n                              \">CARGO EVALUADO</span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"></div>\r\n                              <span v-b-tooltip=\"{\r\n                                title: `EMPRESA QUE CAPACITA`,\r\n                                placement: 'top',\r\n                                variant: 'primary',\r\n                              }\" class=\"pl-1\">\r\n                                {{ listaActividades[0].cargoPersona }}\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                          <!--responsable -->\r\n                          <div class=\" col-6\">\r\n                            <span class=\"h4\" style=\"\r\n                                font-weight: bold;\r\n                              \">ONBOARDING RESPONSABLE\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"></div>\r\n                              <span v-b-tooltip=\"{\r\n                                title: `Nombre responsable`,\r\n                                placement: 'top',\r\n                                variant: 'primary',\r\n                              }\" class=\"pl-1\" style=\"\r\n                                  white-space: nowrap;\r\n                                  overflow: hidden;\r\n                                  text-overflow: ellipsis;\r\n                                \">\r\n                                {{ listaActividades[0].usuarioResponsable.nombres + \" \" +\r\n                                  listaActividades[0].usuarioResponsable.apellidos }}\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                          <!--DESCRIPCIÓN ONBOARDING -->\r\n                          <div class=\" col-12\">\r\n                            <span class=\"h4\" style=\"\r\n                                \r\n                                font-weight: bold;\r\n                              \">DESCRIPCIÓN ONBOARDING\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              {{ listaActividades[0].descripcionOnboarding }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <!-- lista actividades -->\r\n                        <div class=\"d-flex flex-column align-items-start  pt-4\">\r\n                          <span class=\"h3 font-weight-bold mb-2\">Actividades</span>\r\n                          <template v-if=\"listaActividades.length\">\r\n                            <div class=\"mb-2 col-12 \" v-for=\"(item, index) in listaActividades\" :key=\"item.id\"\r\n                              style=\"padding-left: 0px;\">\r\n                              <b-button block class=\"d-flex justify-content-between align-items-center text-uppercase\"\r\n                                v-b-toggle=\"`collapsar-${index}`\" variant=\"primary\">\r\n                                <span class=\"text-white\"><i :class=\"`ml-1 mr-2 fas ${item.actividadProgreso.porcentajeResp == 100\r\n                                  ? 'fa-check text-success'\r\n                                  : 'fa-clock text-warning'\r\n                                  }`\"></i>{{ index + 1 }}. {{ item.nombre }}</span>\r\n                                <i class=\"fas fa-chevron-down\"></i></b-button>\r\n                              <b-collapse :id=\"`collapsar-${index}`\" class=\"mt-2\">\r\n                                <b-card class=\"position-relative\">\r\n                                  <small class=\"position-absolute text-success\" style=\"right: 5px; top: 5px\">último\r\n                                    progreso:\r\n                                    {{\r\n                                      item.actividadProgreso.fechaCreacion | timeSince\r\n                                    }}</small>\r\n                                  <p class=\"card-text font-italic\">\r\n                                    <b>Descripcion: </b>{{ item.descripcion }}\r\n                                  </p>\r\n                                  <p class=\"card-text font-italic\">\r\n                                    <b>Avance actividad: </b>{{ item.actividadProgreso.porcentajeAut }}%\r\n                                  </p>\r\n                                  <p class=\"card-text font-italic\">\r\n                                    <b>Comentario trabajador: </b>{{ item.actividadProgreso.comentarioAut }}\r\n                                  </p>\r\n                                  <hr />\r\n                                  <p class=\"card-text font-italic\">\r\n                                    <b class=\"text-primary\">Mi comentario: </b>{{\r\n                                      item.actividadProgreso.comentarioResp }}\r\n                                  </p>\r\n                                  <!-- actions admin -->\r\n                                  <div class=\"d-flex flex-column\" style=\"gap: 20px\">\r\n                                    <!-- calificar actividad -->\r\n                                    <b-button v-b-toggle=\"`collapsar-${index}-inner`\">\r\n                                      Evaluar actividad <i class=\"fas fa-star\"></i>\r\n                                    </b-button>\r\n                                    <b-collapse :id=\"`collapsar-${index}-inner`\" class=\"mt-2\">\r\n                                      <b-card>\r\n                                        <form @submit.prevent=\"\r\n                                          sendActividadProgresoResponsable(item, item.id)\r\n                                          \">\r\n                                          <div class=\"d-flex flex-column justify-content-between\" style=\"gap: 20px\">\r\n                                            <b-form-textarea class=\"w-100\" v-model=\"item.actividadProgreso.newComentarioResp\r\n                                              \" placeholder=\"Escriba un comentario...\" minlength=\"10\" maxlength=\"255\"\r\n                                              required></b-form-textarea>\r\n                                            <div class=\"d-flex justify-content-center align-items-center\">\r\n                                              <input class=\"mr-1 w-100\" type=\"range\" id=\"porcentaje\" v-model=\"item.actividadProgreso.porcentajeResp\r\n                                                \" @input=\"item.changeInput = true\" min=\"0\" max=\"100\" step=\"0\" />\r\n                                              <span style=\"font-size: 30px\" :class=\"`px-2 ${item.actividadProgreso.porcentajeResp < 50\r\n                                                ? 'text-danger'\r\n                                                : item.actividadProgreso.porcentajeResp <\r\n                                                  80\r\n                                                  ? 'text-warning'\r\n                                                  : 'text-primary'\r\n                                                }`\"><small>{{\r\n                                                  item.actividadProgreso.porcentajeResp\r\n                                                }}%</small></span>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div class=\"text-center mt-3\">\r\n                                            <b-button block type=\"submit\" variant=\"outline-light\"\r\n                                              :disabled=\"!item.changeInput\">\r\n                                              <i class=\"fas fa-thumbs-up\"></i> Evaluar\r\n                                            </b-button>\r\n                                          </div>\r\n                                        </form>\r\n                                      </b-card>\r\n                                    </b-collapse>\r\n                                  </div>\r\n                                </b-card>\r\n                              </b-collapse>\r\n                            </div>\r\n                          </template>\r\n                          <p v-else>cargando actividades...</p>\r\n                        </div>\r\n                      </b-collapse>\r\n                    </div>\r\n\r\n\r\n                  </div>\r\n                  <!-- grafic progress confirmacion asistentes  -->\r\n                  <div class=\"col-12 col-lg\">\r\n                    <b-card class=\"bg-card-r bg-dark\">\r\n                      <div class=\"d-flex flex-column justify-content-center align-items-center\" style=\"height: 100%\">\r\n                        <span class=\" h3 font-weight-bold mt-3 mb-1 text-uppercase text-center\">\r\n                          Actividades finalizadas\r\n                        </span>\r\n                        <!-- component ProgressChart -->\r\n                        <div class=\"d-flex flex-column justify-content-center align-items-center\"\r\n                          v-if=\"listaActividades.length\">\r\n                          <ProgressChart titleCheck=\"Completadas\"\r\n                            :confirmed=\"listaActividades.filter(item => item.actividadProgreso.porcentajeResp==100).length\"\r\n                            :total=\"listaActividades.length\" />\r\n\r\n\r\n                        </div>\r\n                        <!-- primary icons -->\r\n                        <div class=\"d-flex flex-row justify-content-center mt-4\" style=\"gap: 2rem\">\r\n                          <!-- comentarios -->\r\n                          <div class=\"d-flex flex-row align-items-center\">\r\n                            <div class=\"d-flex flex-column justify-content-center align-items-center mx-3\">\r\n                              <div v-b-tooltip=\"{\r\n                                title: `Comentarios Responsable`,\r\n                                placement: 'top',\r\n                                variant: 'primary',\r\n                              }\" class=\" d-flex justify-content-center rounded align-items-center bg-info\" style=\"\r\n                                width: 48px;\r\n                                height: 48px;\r\n                                box-shadow: 0px -1px 33px -8px #4788ff;\r\n                              \">\r\n                                <i class=\"fas fa-comments fa-fade\" style=\"font-size: 1.2rem\"></i>\r\n                              </div>\r\n                              <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                                <span style=\"font-size: 1.8rem; font-weight: bold\">\r\n                                  {{\r\n                                    listaActividades.filter(item => item.actividadProgreso.comentarioResp).length\r\n                                  }}\r\n                                </span>\r\n\r\n\r\n                                <p class=\"text-white-50\">Responsable</p>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"d-flex flex-column justify-content-center align-items-center mx-3\">\r\n                              <div v-b-tooltip=\"{\r\n                                title: `Comentarios Trabajador`,\r\n                                placement: 'top',\r\n                                variant: 'primary',\r\n                              }\" class=\"d-flex justify-content-center rounded align-items-center bg-info\" style=\"\r\n                                width: 48px;\r\n                                height: 48px;\r\n                                box-shadow: 0px -1px 33px -8px #4788ff;\r\n                              \">\r\n                                <i class=\"fas fa-comments fa-fade\" style=\"font-size: 1.2rem\"></i>\r\n                              </div>\r\n                              <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                                <span style=\"font-size: 1.8rem; font-weight: bold\">\r\n                                  {{\r\n                                    listaActividades.filter(item => item.actividadProgreso.comentarioAut).length\r\n                                  }}\r\n                                </span>\r\n                                <p class=\"text-white-50\">Trabajador</p>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </b-card>\r\n                  </div>\r\n                </div>\r\n              </b-card>\r\n            </div>\r\n          </b-modal>\r\n        </card>\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n<script>\r\nimport { mapMutations } from \"vuex\";\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\nconst Swal = require(\"sweetalert2\");\r\n\r\nimport moment from 'moment/moment';\r\nimport \"moment/locale/es\"\r\nmoment.locale('es')\r\nimport ProgressChart from \"@/components/charts/ProgressChart.vue\";\r\n\r\nexport default {\r\n  name: \"Onboarding_admin\",\r\n  data() {\r\n    return {\r\n      listaItems: [],\r\n      listaActividades: [],\r\n      evaluarActividad: 0,\r\n      persona: {},\r\n      actividadProgresoResponsable: {\r\n        onboardingAdminId: null,\r\n        actividadOnboardingId: null,\r\n        porcentajeAut: 0,\r\n        comentarioAut: \"\",\r\n        porcentajeResp: 0,\r\n        comentarioResp: \"\",\r\n        fechaCreacion: null,\r\n        fechaCierre: null,\r\n      },\r\n      dataCards: [\r\n        {\r\n          title: \"Terminandos\",\r\n          value: () => this.listaItems.filter((plan) => plan.estado).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Terminado\").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: \"Pendientes\",\r\n          value: () => this.listaItems.filter((plan) => !plan.estado).length,\r\n          iconName: \"clock\",\r\n          color: \"rgba(254, 114, 28, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Pendiente\").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: \"Total actividades\",\r\n          value: () =>\r\n            this.listaItems.reduce(\r\n              (totalAct, plan) =>\r\n                totalAct + plan.actividadesId.split(\",\").length,\r\n              0\r\n            ),\r\n          iconName: \"bolt\",\r\n          color: \"rgba(71, 136, 255, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => console.log(\"Activated\"),\r\n          onDeactivate: () => console.log(\"Deactivate\"),\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    await this.getData();\r\n    core.index();\r\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_onboarding\")) {\r\n      window.$(\"#datatable_onboarding\").DataTable().destroy();\r\n    }\r\n    this.dataTableInstance = window.$(\"#datatable_onboarding\").DataTable({\r\n      language: {\r\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n      },\r\n    });\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setPendientesOnboardings\"]),\r\n    updatePendientesOnboardings(newValue) {\r\n      this.setPendientesOnboardings(newValue);\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: `${this.persona.rol.nivel == 4\r\n            ? \"OnboardingAdmin/\"\r\n            : \"OnboardingAdmin/ByResponsableId/\" + this.persona.id\r\n            }`,\r\n        });\r\n        //console.log(\"list onboardings...\", res);\r\n        if (res.length > 0) {\r\n          // Utilizamos Promise.all para esperar a que todas las promesas se resuelvan\r\n          const updatedItems = await Promise.all(\r\n            res.map(async (onboarding) => {\r\n              let ubicacion = await this.getPersonaUbicacion(\r\n                onboarding.persona.id\r\n              );\r\n              //console.log(\"-------->cargo\", ubicacion);\r\n              return {\r\n                ...onboarding,\r\n                personaUbicacion: ubicacion,\r\n              };\r\n            })\r\n          );\r\n          // Ahora updatedItems es un array de objetos de onboarding que han sido enriquecidos con personaUbicacion\r\n          this.listaItems = updatedItems;\r\n          const pendientesOnboardings = this.listaItems.filter((onboarding) => {\r\n            //console.log(\"--------------------onboarding\", onboarding);\r\n            return onboarding.estado == 0;\r\n          });\r\n          this.updatePendientesOnboardings(pendientesOnboardings.length);\r\n        } else {\r\n          this.updatePendientesOnboardings(0);\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 sendActividadProgresoResponsable(item, actividadOnboardingId) {\r\n      //console.log(this.listaActividades);\r\n      try {\r\n        let data = {\r\n          ...this.actividadProgresoResponsable,\r\n          porcentajeResp: item.actividadProgreso.porcentajeResp,\r\n          comentarioResp: item.actividadProgreso.newComentarioResp,\r\n          fechaCreacion: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n          fechaCierre: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n          actividadOnboardingId,\r\n        };\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"ActividadOnboarding/CreateActividadProgresoResponsable/\",\r\n          data,\r\n        });\r\n        //console.log(res);\r\n        if (res) {\r\n          this.actividadProgresoResponsable.fechaCreacion = this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\");\r\n          // Actualiza el progreso de la actividad en el cliente\r\n          let actividadIndex = this.listaActividades.findIndex(\r\n            (a) => a.id === actividadOnboardingId\r\n          );\r\n          if (actividadIndex !== -1) {\r\n            this.listaActividades[actividadIndex].actividadProgreso = {\r\n              ...this.listaActividades[actividadIndex].actividadProgreso,\r\n              porcentajeResp: item.actividadProgreso.porcentajeResp,\r\n              comentarioResp: item.actividadProgreso.newComentarioResp,\r\n              fechaCreacion: this.actividadProgresoResponsable.fechaCreacion,\r\n            };\r\n          }\r\n          Swal.fire({\r\n            title: \"Listo!\",\r\n            text: \"Evaluacion registrada correctamente\",\r\n            icon: \"success\",\r\n            showCancelButton: false,\r\n            confirmButtonColor: \"#3085d6\",\r\n            cancelButtonColor: \"#d33\",\r\n            confirmButtonText: \"OK\",\r\n            cancelButtonText: \"Cancelar\",\r\n          }).then(async (result) => {\r\n            if (result.isConfirmed) {\r\n              console.log(\"confirmado\");\r\n              item.actividadProgreso.newComentarioResp = \"\";\r\n              item.changeInput = false;\r\n              const todasEn100 = this.listaActividades.every(\r\n                (actividad) => actividad.actividadProgreso.porcentajeResp == 100\r\n              );\r\n              // Luego del bucle, actuamos según si todas las actividades estaban en 100 o no\r\n              if (todasEn100) {\r\n                console.log(\r\n                  \"Todas las actividades tienen un porcentajeResp de 100\"\r\n                );\r\n                this.updateEstadoOnboarding(\r\n                  this.actividadProgresoResponsable.onboardingAdminId,\r\n                  { NuevoEstado: 1 }\r\n                );\r\n                this.listaItems.forEach((onboarding) => {\r\n                  if (\r\n                    onboarding.id ==\r\n                    this.actividadProgresoResponsable.onboardingAdminId\r\n                  )\r\n                    onboarding.estado = 1;\r\n                });\r\n                const pendientesOnboardings = this.listaItems.filter(\r\n                  (onboarding) => {\r\n                    //console.log(\"--------------------onboarding\", onboarding);\r\n                    return onboarding.estado == 0;\r\n                  }\r\n                );\r\n                this.updatePendientesOnboardings(pendientesOnboardings.length);\r\n              } else {\r\n                console.log(\r\n                  \"No todas las actividades tienen un porcentajeResp de 100\"\r\n                );\r\n                this.updateEstadoOnboarding(\r\n                  this.actividadProgresoResponsable.onboardingAdminId,\r\n                  { NuevoEstado: 0 }\r\n                );\r\n                this.listaItems.forEach((onboarding) => {\r\n                  if (\r\n                    onboarding.id ==\r\n                    this.actividadProgresoResponsable.onboardingAdminId\r\n                  )\r\n                    onboarding.estado = 0;\r\n                });\r\n                const pendientesOnboardings = this.listaItems.filter(\r\n                  (onboarding) => {\r\n                    //console.log(\"--------------------onboarding\", onboarding);\r\n                    return onboarding.estado == 0;\r\n                  }\r\n                );\r\n                this.updatePendientesOnboardings(pendientesOnboardings.length);\r\n              }\r\n            }\r\n          });\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getActividadById(actividadId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"ActividadOnboarding/GetActividad/\" + actividadId,\r\n        });\r\n        //console.log(\"actividadById...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getPersonaUbicacion(personaId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"PersonaUbicacion/GetByPersona/\" + personaId,\r\n        });\r\n        //console.log(\"personaUbicacion...\", res);\r\n        this.personaUbicacion = res;\r\n        return res.cargo;\r\n      } catch (error) {\r\n        this.personaUbicacion = null;\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getActividadByOnboardingAdminIdAndActividadOnboardingId(\r\n      onboardingAdminId,\r\n      actividadOnboardingId\r\n    ) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path:\r\n            \"ActividadProgresoOnboarding/GetActividadByOnboardingIdAndActividadOnboardingId/\" +\r\n            onboardingAdminId +\r\n            \"/\" +\r\n            actividadOnboardingId,\r\n        });\r\n        //console.log(\"ActividadProgreso...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async fetchActividadProgresoForActividades(onboardingAdminId, actividades) {\r\n      let actividadProgresoPromises = actividades.map((actividad) =>\r\n        this.getActividadByOnboardingAdminIdAndActividadOnboardingId(\r\n          onboardingAdminId,\r\n          actividad.id\r\n        )\r\n      );\r\n      return await Promise.all(actividadProgresoPromises);\r\n    },\r\n    async fetchAllDataParallel(data) {\r\n      let dataPromises = data.map((id) => this.getActividadById(id));\r\n      return await Promise.all(dataPromises);\r\n    },\r\n    async updateEstadoOnboarding(onboardingAdminId, data) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"OnboardingAdmin/UpdateEstado/\" + onboardingAdminId,\r\n          data,\r\n        });\r\n        //console.log(res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    filterData(data, id, nombres, apellidos, fechaInicio, fechaFin, descripcion, cargoPersona) {\r\n      this.actividadProgresoResponsable.onboardingAdminId = id;\r\n      let dataFilter = data.filter((item) => item.id === id);\r\n      let actividades = dataFilter[0].actividadesId.split(\",\");\r\n      //console.log(actividades);\r\n      this.fetchAllDataParallel(actividades).then(async (result) => {\r\n        // Aquí obtenemos actividadProgreso para cada actividad en result\r\n        let actividadProgresoResults =\r\n          await this.fetchActividadProgresoForActividades(id, result);\r\n        for (let i = 0; i < result.length; i++) {\r\n          result[i].actividadProgreso = actividadProgresoResults[i];\r\n          result[i].actividadProgreso.changeInput = false;\r\n          result[i].actividadProgreso.newComentarioResp = \"\";\r\n\r\n          // Asigna nombres y apellidos a cada elemento en result\r\n          result[i].nombresPersona = nombres;\r\n          result[i].apellidosPersona = apellidos;\r\n          result[i].fechaInicioOnboarding = fechaInicio;\r\n          result[i].fechaFinOnboarding = fechaFin;\r\n          result[i].descripcionOnboarding = descripcion;\r\n          result[i].cargoPersona = cargoPersona;\r\n        }\r\n        this.listaActividades = result;\r\n        //console.log(result);\r\n      });\r\n    },\r\n\r\n\r\n  },\r\n  filters: {\r\n\r\n    formatDate(date) {\r\n\r\n      return date ? moment(date).locale(\"es\").format('D MMM YYYY') : \"No hay fecha registrada\";\r\n    },\r\n    timeSince(dateString, timezone = \"America/Bogota\") {\r\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\r\n      return dateInBogota.format(\"YYYY-MM-DD hh:mm A\");\r\n    },\r\n  },\r\n  components: { CardTable, BtnAddCardTable, ProgressChart },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding_admin.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding_admin.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Onboarding_admin.vue?vue&type=template&id=442359ea\"\nimport script from \"./Onboarding_admin.vue?vue&type=script&lang=js\"\nexport * from \"./Onboarding_admin.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:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"progress-chart\"},[_c('svg',{attrs:{\"width\":\"180\",\"height\":\"180\"}},[_c('circle',{attrs:{\"cx\":\"90\",\"cy\":\"90\",\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.borderColor,\"stroke-width\":9,\"stroke-opacity\":0.5}}),_c('circle',{style:({\n          transition: 'stroke-dashoffset 2s',\n          filter: `drop-shadow(0px 0px 3px ${_vm.circleColor})`,\n        }),attrs:{\"cx\":90,\"cy\":90,\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.circleColor,\"stroke-linecap\":\"round\",\"stroke-width\":12,\"stroke-dasharray\":_vm.circumference,\"stroke-dashoffset\":_vm.circumference * (1 - _vm.currentProgress)}}),_c('text',{staticStyle:{\"fill\":\"var(--text-progress) !important\"},attrs:{\"x\":\"95\",\"y\":\"95\",\"text-anchor\":\"middle\",\"alignment-baseline\":\"middle\",\"font-size\":\"3.5rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.currentPercentage)+\" \"),_c('tspan',{attrs:{\"dy\":\"0.5em\",\"dx\":\"-0.6em\",\"font-size\":\"1.5rem\"}},[_vm._v(\"%\")])])])]),_c('div',{staticClass:\"row d-flex justify-content-center\"},[_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"success\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-check-circle\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.progressConfirmed))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(_vm._s(_vm.titleCheck ?? \"Finalizadas\"))])])],1),_c('div',{staticStyle:{\"width\":\"1px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"primary\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-trophy\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.textTotal))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(\"Totales\")])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"d-flex flex-column justify-content-center align-items-center\"\r\n    style=\"gap: 1rem\"\r\n  >\r\n    <div class=\"progress-chart\">\r\n      <svg width=\"180\" height=\"180\">\r\n        <!-- Reducimos el tamaño del SVG -->\r\n        <!-- Círculo exterior (borde vacío) con sombra en un color diferente -->\r\n        <circle\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"borderColor\"\r\n          :stroke-width=\"9\"\r\n          :stroke-opacity=\"0.5\"\r\n        />\r\n\r\n        <!-- Círculo interior que se llenará con brillo y colores personalizados -->\r\n        <circle\r\n          :cx=\"90\"\r\n          :cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"circleColor\"\r\n          stroke-linecap=\"round\"\r\n          :stroke-width=\"12\"\r\n          :stroke-dasharray=\"circumference\"\r\n          :stroke-dashoffset=\"circumference * (1 - currentProgress)\"\r\n          :style=\"{\r\n            transition: 'stroke-dashoffset 2s',\r\n            filter: `drop-shadow(0px 0px 3px ${circleColor})`,\r\n          }\"\r\n        />\r\n\r\n        <!-- Porcentaje de progreso en el centro arriba del texto existente -->\r\n        <text\r\n          x=\"95\"\r\n          y=\"95\"\r\n          text-anchor=\"middle\"\r\n          alignment-baseline=\"middle\"\r\n          font-size=\"3.5rem\"\r\n          font-weight=\"bold\"\r\n          style=\"fill: var(--text-progress) !important\"\r\n        >\r\n          {{ currentPercentage }}\r\n          <tspan dy=\"0.5em\" dx=\"-0.6em\" font-size=\"1.5rem\">%</tspan>\r\n        </text>\r\n      </svg>\r\n    </div>\r\n    <!-- info progress -->\r\n    <div class=\"row d-flex justify-content-center\">\r\n      <!-- finalizadas -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon success size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-check-circle\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ progressConfirmed }}</span>\r\n          <span class=\"text-white-50\">{{ titleCheck ?? \"Finalizadas\" }}</span>\r\n        </div>\r\n      </div>\r\n      <!-- divisor -->\r\n      <div style=\"width: 1px; background-color: #102e5f\"></div>\r\n\r\n      <!-- totales -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon primary size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-trophy\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ textTotal }}</span>\r\n          <span class=\"text-white-50\">Totales</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    titleCheck: String,\r\n    total: Number, // total\r\n    confirmed: Number, // confirmado\r\n  },\r\n  data() {\r\n    return {\r\n      currentProgress: 0, // Inicialmente 0\r\n    };\r\n  },\r\n  computed: {\r\n    progressPercentage() {\r\n      return Math.floor(this.confirmed) / Math.floor(this.total);\r\n    },\r\n    borderColor() {\r\n      return \"var(--muted-progress)\"; // Color del borde exterior\r\n    },\r\n    circleColor() {\r\n      // Cambia el color del círculo interior según diferentes rangos de porcentaje\r\n      if (this.progressPercentage < 0.4) {\r\n        return \"#DF122E\"; // Rojo para menos del 40%\r\n      } else if (this.progressPercentage < 0.8) {\r\n        return \"rgb(255, 130, 0)\"; // Amarillo para menos del 80%\r\n      } else {\r\n        return \"rgb(23, 201, 100)\"; // Verde para el resto\r\n      }\r\n    },\r\n    progressConfirmed() {\r\n      return `${this.confirmed}`;\r\n    },\r\n    textTotal() {\r\n      return `${this.total}`;\r\n    },\r\n    currentPercentage() {\r\n      return Math.min(Math.round(this.currentProgress * 100), 100); // Limitar a un máximo de 100%\r\n    },\r\n    circumference() {\r\n      const radius = 80; // Radio del círculo\r\n      return 2 * Math.PI * radius;\r\n    },\r\n  },\r\n  watch: {\r\n    total() {\r\n      this.animateProgress();\r\n    },\r\n    confirmed() {\r\n      this.animateProgress();\r\n    },\r\n  },\r\n  methods: {\r\n    animateProgress() {\r\n      const targetProgress = this.progressPercentage;\r\n      const animationDuration = 1000; // Duración de la animación en milisegundos (1 segundo)\r\n      const fps = 60; // Cuadros por segundo\r\n\r\n      const targetValue = Math.min(targetProgress, 1); // Limitar a un máximo de 1 (o 100%)\r\n      const startValue = this.currentProgress; // Valor actual del progreso\r\n\r\n      const increment =\r\n        (targetValue - startValue) / (animationDuration / (1000 / fps));\r\n      let current = startValue;\r\n\r\n      const animate = () => {\r\n        // Animar incremento o decremento según el valor de `increment`\r\n        if (\r\n          (increment > 0 && current < targetValue) ||\r\n          (increment < 0 && current > targetValue)\r\n        ) {\r\n          current += increment;\r\n          this.currentProgress = current;\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      animate();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.animateProgress();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.progress-chart {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 180px;\r\n  height: 180px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressChart.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProgressChart.vue?vue&type=template&id=6428d5f2&scoped=true\"\nimport script from \"./ProgressChart.vue?vue&type=script&lang=js\"\nexport * from \"./ProgressChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProgressChart.vue?vue&type=style&index=0&id=6428d5f2&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  \"6428d5f2\",\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:{\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"click\":_vm.handleClick,\"mouseover\":function($event){_vm.isHovered = true},\"mouseleave\":function($event){_vm.isHovered = false}}},[_c('i',{class:`fas fa-${_vm.icon} position-absolute ${_vm.isHovered ? 'fa-beat' : ''}`,staticStyle:{\"right\":\"0\",\"top\":\"0\",\"font-size\":\"1.5rem\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--btn add card table -->\r\n<template>\r\n  <vs-button\r\n    @click=\"handleClick\"\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    :success=\"variant === 'success'\"\r\n    :danger=\"variant === 'danger'\"\r\n    :warn=\"variant === 'warn'\"\r\n    class=\"btn-add\"\r\n    :to=\"`${url}`\"\r\n  >\r\n    <i\r\n      :class=\"`fas fa-${icon} position-absolute ${isHovered ? 'fa-beat' : ''}`\"\r\n      style=\"right: 0; top: 0; font-size: 1.5rem\"\r\n    ></i>\r\n    {{ text }}\r\n  </vs-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"circle-plus\",\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: \"Click Me!\",\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isHovered: false,\r\n    };\r\n  },\r\n  methods: {\r\n    handleClick() {\r\n      // Emitir un evento personalizado cuando se hace clic en el botón\r\n      this.$emit(\"click\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 100%;\r\n  width: 100%;\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  margin: 0;\r\n  overflow: visible;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btnAddCardTable.vue?vue&type=template&id=9ddaed84&scoped=true\"\nimport script from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nexport * from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./btnAddCardTable.vue?vue&type=style&index=0&id=9ddaed84&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9ddaed84\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.every` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  every: function every(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return !iterate(record, function (value, stop) {\n      if (!predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          sizeValue: 40,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=73483910&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73483910\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=style&index=0&id=9ddaed84&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressChart.vue?vue&type=style&index=0&id=6428d5f2&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\""],"sourceRoot":""}