{"version":3,"sources":["webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue?b7da","webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?5447","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?372d","webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue","webpack:///src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue","webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue?205d","webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue?286f"],"names":["render","_vm","this","_c","_self","staticClass","attrs","variant","url","on","$event","isHovered","class","icon","staticStyle","_v","_s","text","staticRenderFns","props","type","String","default","data","component","_vm$dataFilterDetails","_vm$dataFilterDetails2","_vm$dataFilterDetails3","_vm$dataFilterDetails4","_vm$dataFilterDetails5","_vm$dataFilterDetails6","_vm$dataFilterDetails7","_vm$dataFilterDetails8","_vm$dataFilterDetails9","_vm$dataFilterDetails10","_vm$dataFilterDetails11","_vm$dataFilterDetails12","_vm$dataFilterDetails13","_vm$dataFilterDetails14","_vm$dataFilterDetails15","scopedSlots","_u","key","fn","proxy","dataCards","_l","listaItems","item","index","id","directives","name","rawName","value","title","nombre","placement","expression","descripcion","_f","fechaInicio","fechaFin","modifiers","filterData","estadoCapacitacion","toggleDisponible","model","disponibilidad","callback","$$v","$set","isConfirmDisponibilidadSingleMap","_e","dataFilterDetails","modalShowDetailsCap","style","motivoCancelacion","length","slice","duracion","calcularTextoFecha","costoTotal","areasCapacitacion","area","createdAt","empresaCapacitadora","tipoDocumento","numeroDocumentoEmpresa","formatTipoDocumento","tipoEmpresaCapacitacion","numeroContrato","fechaContrato","nombreInstructor","certificacion","estadoUploadFiles","toggleFinalizarCapacitacion","isConfirmFinishCapMap","initializeDataTable","dataListAsistents","every","asistenciaReal","isConfirmAsistenciaReal","toggleConfirmAll","asistente","nombres","apellidos","calificacionCapacitacion","comentarioAsistente","confirmacionAsistente","toggleAsistenciaReal","isConfirmAsistenciaRealSingleMap","estadoUploadCertificado","listaAsistentesId","confirmAsistent","modalidadCapacitacion","promedioCalificaciones","promedio","commentsAsistents","Swal","require","components","CardTable","BtnAddCardTable","ProgressChart","FileUploadAndPreviewPdf","persona","dataTableInstance","ListaAreasCapacitacion","listPlanCapacitacionProgreso","areasCapacitacionId","tipoEmpresaId","tipoDocumentoEmpresaId","modalidadCapacitacionId","responsableId","filter","cap","iconName","color","tipo","animated","onActivate","search","draw","onDeactivate","reduce","totalAsistentes","split","$isLoading","JSON","parse","localStorage","getItem","getData","getListCapacitacionProgresoAll","getAreaCapacitacion","core","window","$","DataTable","isDataTable","destroy","language","methods","removeClass","res","$store","dispatch","path","error","fire","success","find","promises","map","results","Promise","all","allSuccessful","result","rowIndex","planId","row","invalidate","input","inputLabel","inputPlaceholder","inputAttributes","showCancelButton","confirmButtonText","cancelButtonText","isConfirmed","rol","nivel","filteredData","capacitacionId","confirmAsistentIds","asistenteId","calificationsAsistents","sumaCalificaciones","total","toFixed","promedioRedondeado","parseFloat","firstMatchingObject","includes","isNaN","diferenciaDias","semanas","Math","floor","meses","anios","absDias","abs","computed","moment_timezone","fechaActual","diferencia","diff","filters","formatDate","date","formattedDate","Date","toLocaleDateString","timeSince","dateString","timezone","dateInBogota","tz","format"],"mappings":"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","file":"js/chunk-75103994.36c439e7.js","sourcesContent":["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!./RegistroCapacitaciones.vue?vue&type=style&index=0&id=f04b3324&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"gradient\":\"\",\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"mouseover\":function($event){_vm.isHovered = true},\"mouseleave\":function($event){_vm.isHovered = false}}},[_c('i',{class:`fas fa-${_vm.icon} position-absolute ${_vm.isHovered ? 'fa-beat' : ''}`,staticStyle:{\"right\":\"0\",\"top\":\"0\",\"font-size\":\"1.5rem\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--btn add card table -->\r\n<template>\r\n  <vs-button\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    gradient\r\n    :success=\"variant === 'success'\"\r\n    :danger=\"variant === 'danger'\"\r\n    :warn=\"variant === 'warn'\"\r\n    class=\"btn-add\"\r\n    :to=\"`${url}`\"\r\n  >\r\n    <i\r\n      :class=\"`fas fa-${icon} position-absolute ${isHovered ? 'fa-beat' : ''}`\"\r\n      style=\"right: 0; top: 0; font-size: 1.5rem\"\r\n    ></i>\r\n    {{ text }}\r\n  </vs-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"circle-plus\",\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: \"Click Me!\",\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isHovered: false,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 81px;\r\n  width: 100%;\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  margin: 0;\r\n  overflow: visible;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btnAddCardTable.vue?vue&type=template&id=d3c5740e&scoped=true\"\nimport script from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nexport * from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./btnAddCardTable.vue?vue&type=style&index=0&id=d3c5740e&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d3c5740e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=style&index=0&id=d3c5740e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('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(\"REGISTRO CAPACITACIONES\")])])])]},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\":\"Nueva Capacitación\",\"url\":\"RegistroCapacitaciones_agregar\"}})],1)])]),_c('div',{staticClass:\"px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_registroCapacitaciones\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Nombre\")]),_c('th',[_vm._v(\"Descripción\")]),_c('th',[_vm._v(\"Fecha Inicio\")]),_c('th',[_vm._v(\"Fecha Fin\")]),_c('th',[_vm._v(\"Más Detalles\")]),_c('th',[_vm._v(\"Disponibilidad\")]),_c('th',[_vm._v(\"Estado Capacitación\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item,index){return _c('tr',{key:item.id},[_c('td',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                    title: `${item.nombre}`,\n                    placement: 'top',\n                    variant: 'info',\n                  }),expression:\"{\\n                    title: `${item.nombre}`,\\n                    placement: 'top',\\n                    variant: 'info',\\n                  }\"}],staticClass:\"text-truncate\",staticStyle:{\"max-width\":\"200px\"}},[_vm._v(\" \"+_vm._s(item.nombre)+\" \")]),_c('td',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                    title: `${item.descripcion}`,\n                    placement: 'top',\n                    variant: 'info',\n                  }),expression:\"{\\n                    title: `${item.descripcion}`,\\n                    placement: 'top',\\n                    variant: 'info',\\n                  }\"}],staticClass:\"text-truncate\",staticStyle:{\"max-width\":\"200px\"}},[_vm._v(\" \"+_vm._s(item.descripcion)+\" \")]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaInicio)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaFin)))]),_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\":\"\",\"gradient\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.filterData(item.id)}}},[_c('i',{staticClass:\"fas fa-eye\"})])],1)]),_c('td',[[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('b-form-checkbox',{staticClass:\"mb-3\",attrs:{\"name\":\"check-button\",\"size\":\"lg\",\"disabled\":item.estadoCapacitacion == 1,\"switch\":\"\"},on:{\"change\":function($event){return _vm.toggleDisponible(index, item)}},model:{value:(item.disponibilidad),callback:function ($$v) {_vm.$set(item, \"disponibilidad\", $$v)},expression:\"item.disponibilidad\"}}),(_vm.isConfirmDisponibilidadSingleMap[item.id])?_c('i',{staticClass:\"fas fa-spinner fa-spin-pulse\",staticStyle:{\"font-size\":\"1.2rem\"}}):_vm._e()],1)]],2),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${\n                        item.estadoCapacitacion && item.disponibilidad\n                          ? 'success'\n                          : !item.estadoCapacitacion && item.disponibilidad\n                          ? 'warning'\n                          : 'danger'\n                      } `}},[_c('i',{class:`fas ${\n                          item.estadoCapacitacion && item.disponibilidad\n                            ? 'fa-check'\n                            : !item.estadoCapacitacion && item.disponibilidad\n                            ? 'fa-clock'\n                            : 'fa-ban'\n                        }`}),_vm._v(\"  \"+_vm._s(item.estadoCapacitacion && item.disponibilidad ? \"Finalizada\" : !item.estadoCapacitacion && item.disponibilidad ? \"Pendiente\" : \"Cancelada\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"title\":\"Carga de archivos\",\"id\":\"fileUpload\",\"size\":\"md\",\"hide-footer\":\"\"}},[_c('FileUploadAndPreviewPdf',{attrs:{\"data\":_vm.listaItems,\"item\":_vm.dataFilterDetails,\"folders\":\"users|filesContrato_capacitacion\"}})],1),_c('b-modal',{attrs:{\"title\":\"Detalles Capacitación\",\"id\":\"detailsCap\",\"body-bg-variant\":\"dark\",\"size\":\"xl\",\"hide-footer\":\"\",\"hide-header\":\"\",\"body-class\":\"body-modal-custom\"},model:{value:(_vm.modalShowDetailsCap),callback:function ($$v) {_vm.modalShowDetailsCap=$$v},expression:\"modalShowDetailsCap\"}},[_c('div',[_c('b-card',{attrs:{\"bg-variant\":\"dark\"}},[_c('div',{staticClass:\"row flex-column-reverse flex-lg-row\"},[_c('div',{staticClass:\"col-12 col-lg\"},[(!_vm.dataFilterDetails.disponibilidad)?_c('b-alert',{staticClass:\"overflow-hidden position-relative\",attrs:{\"show\":\"\",\"variant\":\"danger\"}},[_c('i',{staticClass:\"fas fa-ban position-absolute\",style:(`\n                        fontSize: ${\n                          _vm.dataFilterDetails.motivoCancelacion?.length > 200\n                            ? '10em'\n                            : '5em'\n                        };\n                                              right: ${\n                                                _vm.dataFilterDetails\n                                                  .motivoCancelacion?.length >\n                                                200\n                                                  ? '-1rem'\n                                                  : '-.5rem'\n                                              };\n                                              bottom: ${\n                                                _vm.dataFilterDetails\n                                                  .motivoCancelacion?.length >\n                                                200\n                                                  ? '-1rem'\n                                                  : '-.5rem'\n                                              };\n                        opacity: 20%;\n                        `)}),_c('div',{staticClass:\"d-flex flex-column\"},[_c('span',{staticClass:\"font-weight-bold text-danger\"},[_vm._v(\"Motivo cancelación \")]),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                          title: `${_vm.dataFilterDetails.motivoCancelacion}`,\n                          placement: 'bottom',\n                          variant: 'danger',\n                        }),expression:\"{\\n                          title: `${dataFilterDetails.motivoCancelacion}`,\\n                          placement: 'bottom',\\n                          variant: 'danger',\\n                        }\"}],staticClass:\"text-dark\",staticStyle:{\"font-size\":\"1.2rem\"}},[_vm._v(_vm._s(_vm.dataFilterDetails.motivoCancelacion?.length > 200 ? _vm.dataFilterDetails.motivoCancelacion?.slice( 0, 200 ) + \"...\" : _vm.dataFilterDetails.motivoCancelacion)+\" \")])])]):_vm._e(),_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('h4',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                        title: `${_vm.dataFilterDetails.nombre}`,\n                        placement: 'bottom',\n                        variant: 'info',\n                      }),expression:\"{\\n                        title: `${dataFilterDetails.nombre}`,\\n                        placement: 'bottom',\\n                        variant: 'info',\\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(\" \"+_vm._s(_vm.dataFilterDetails.nombre)+\" \")])]),_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-clock\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Duración\")]),_c('span',{staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"1.1rem\"}},[_vm._v(_vm._s(_vm.dataFilterDetails.duracion)+\" h\")])])]),_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 inicio\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm.calcularTextoFecha()))])])]),_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:\"fas fa-arrow-trend-up\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column text-white-50\"},[_c('small',{staticClass:\"font-weight-bold\"},[_vm._v(\"Costo total\")]),_c('span',{staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"1.1rem\"}},[_vm._v(_vm._s(_vm.dataFilterDetails.costoTotal))])])])]),_c('div',{staticClass:\"my-3\"},[_c('p',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                        title: `${_vm.dataFilterDetails.descripcion}`,\n                        placement: 'bottom',\n                        variant: 'info',\n                      }),expression:\"{\\n                        title: `${dataFilterDetails.descripcion}`,\\n                        placement: 'bottom',\\n                        variant: 'info',\\n                      }\"}],staticClass:\"text-white-50\",staticStyle:{\"font-size\":\"1rem\"}},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.descripcion.length > 320 ? _vm.dataFilterDetails.descripcion.slice(0, 320) + \"...\" : _vm.dataFilterDetails.descripcion)+\" \")])]),_c('div',{staticClass:\"d-flex flex-wrap\",staticStyle:{\"gap\":\"0.5rem\"}},_vm._l((_vm.dataFilterDetails.areasCapacitacion),function(area){return _c('small',{key:area.id,staticClass:\"rounded p-1 text-info border\"},[_vm._v(_vm._s(area.descripcion))])}),0),_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\":\"\"}},[_c('em',[_vm._v(\"Ver 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',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Fecha creación\")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#4788ff\"}}),_c('h6',{staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm._f(\"timeSince\")(_vm.dataFilterDetails.createdAt))+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Empresa\")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('h6',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                                title: `${_vm.dataFilterDetails.empresaCapacitadora}`,\n                                placement: 'top',\n                                variant: 'info',\n                              }),expression:\"{\\n                                title: `${dataFilterDetails.empresaCapacitadora}`,\\n                                placement: 'top',\\n                                variant: 'info',\\n                              }\"}],staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.empresaCapacitadora.length > 27 ? _vm.dataFilterDetails.empresaCapacitadora.slice( 0, 27 ) + \"...\" : _vm.dataFilterDetails.empresaCapacitadora)+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Documento\")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('h6',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                                title: `${_vm.dataFilterDetails.tipoDocumento?.descripcion} ${_vm.dataFilterDetails.numeroDocumentoEmpresa}`,\n                                placement: 'top',\n                                variant: 'info',\n                              }),expression:\"{\\n                                title: `${dataFilterDetails.tipoDocumento?.descripcion} ${dataFilterDetails.numeroDocumentoEmpresa}`,\\n                                placement: 'top',\\n                                variant: 'info',\\n                              }\"}],staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.formatTipoDocumento( _vm.dataFilterDetails.tipoDocumento?.descripcion ))+\" \"+_vm._s(_vm.dataFilterDetails.numeroDocumentoEmpresa)+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Tipo empresa \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('h6',{staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.tipoEmpresaCapacitacion ?.descripcion)+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Contrato \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('h6',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                                title: `${_vm.dataFilterDetails.numeroContrato}`,\n                                placement: 'top',\n                                variant: 'info',\n                              }),expression:\"{\\n                                title: `${dataFilterDetails.numeroContrato}`,\\n                                placement: 'top',\\n                                variant: 'info',\\n                              }\"}],staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.numeroContrato.length > 27 ? _vm.dataFilterDetails.numeroContrato.slice( 0, 27 ) + \"...\" : _vm.dataFilterDetails.numeroContrato)+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Fecha contrato \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('h6',{staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.dataFilterDetails.fechaContrato))+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Instructor \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('h6',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                                title: `${_vm.dataFilterDetails.nombreInstructor}`,\n                                placement: 'top',\n                                variant: 'info',\n                              }),expression:\"{\\n                                title: `${dataFilterDetails.nombreInstructor}`,\\n                                placement: 'top',\\n                                variant: 'info',\\n                              }\"}],staticClass:\"pl-1\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\"}},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.nombreInstructor.length > 27 ? _vm.dataFilterDetails.nombreInstructor.slice( 0, 27 ) + \"...\" : _vm.dataFilterDetails.nombreInstructor)+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Certificado finalización \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{style:(`\n                                width: 7px;\n                                height: 7px;\n                                borderRadius: 50%;\n                                backgroundColor: ${\n                                  _vm.dataFilterDetails.certificacion\n                                    ? '#16A275'\n                                    : '#df122e'\n                                }  ;`)}),_c('h6',{staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.certificacion ? \"Si, lo incluye\" : \"No incluye\")+\" \")])])]),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Archivos \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('i',{class:`fas  ${\n                                _vm.dataFilterDetails.estadoUploadFiles\n                                  ? 'fa-circle-check text-success'\n                                  : 'fa-warning text-warning'\n                              }  `}),_c('h6',{staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.estadoUploadFiles ? \"Subidos\" : \"Pendientes\")+\" \")]),(_vm.dataFilterDetails.disponibilidad)?_c('i',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.fileUpload\",modifiers:{\"fileUpload\":true}}],staticClass:\"far fa-folder-open mx-2 zoom\",staticStyle:{\"font-size\":\"1rem\"}}):_vm._e()])]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.detailsListAsistentes\",modifiers:{\"detailsListAsistentes\":true}}],attrs:{\"variant\":\"outline-info\"}},[_c('i',{staticClass:\"fas fa-user-gear\"}),_vm._v(\" Listado de asistentes \")])],1),_c('div',[_c('span',{staticStyle:{\"padding-left\":\"5px\",\"opacity\":\"70%\",\"font-weight\":\"bold\",\"font-size\":\"0.7rem\"}},[_vm._v(\"Finalizar capacitación \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-checkbox',{attrs:{\"name\":\"check-button\",\"size\":\"lg\",\"disabled\":!_vm.dataFilterDetails.disponibilidad,\"switch\":\"\"},on:{\"change\":function($event){return _vm.toggleFinalizarCapacitacion(_vm.dataFilterDetails)}},model:{value:(_vm.dataFilterDetails.estadoCapacitacion),callback:function ($$v) {_vm.$set(_vm.dataFilterDetails, \"estadoCapacitacion\", $$v)},expression:\"dataFilterDetails.estadoCapacitacion\"}}),(\n                                _vm.isConfirmFinishCapMap[_vm.dataFilterDetails.id]\n                              )?_c('i',{staticClass:\"fas fa-spinner fa-spin-pulse\",staticStyle:{\"font-size\":\"1.2rem\",\"margin-bottom\":\"-13px\"}}):_vm._e()],1)])])])],1),_c('b-modal',{attrs:{\"title\":\"Lista asistentes\",\"id\":\"detailsListAsistentes\",\"size\":\"xl\",\"hide-footer\":\"\",\"hide-header\":\"\"},on:{\"shown\":_vm.initializeDataTable}},[_c('table',{staticClass:\"table table-bordered table-responsive-lg table-striped text-center animated-table hidden\",attrs:{\"id\":\"datatable_dataAsistente\"}},[_c('thead',[_c('tr',[_c('th',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\"Usuario\")]),_c('th',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\"Calificación\")]),_c('th',{staticStyle:{\"width\":\"200px\"}},[_vm._v(\"Comentario\")]),_c('th',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\" Confirmación asistencia \")]),_c('th',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\" Asistencia real \"),(\n                                !_vm.dataFilterDetails.dataListAsistents?.every(\n                                  (item) => item.asistenciaReal\n                                )\n                              )?_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",value:({ variant: 'info' }),expression:\"{ variant: 'info' }\",modifiers:{\"hover\":true}}],class:`fas ${\n                                _vm.isConfirmAsistenciaReal\n                                  ? 'fa-spinner fa-spin-pulse'\n                                  : 'fa-check zoom '\n                              } px-2`,staticStyle:{\"font-size\":\"1.2rem\"},attrs:{\"title\":\"Confirmar todas\"},on:{\"click\":function($event){return _vm.toggleConfirmAll(\n                                  _vm.dataFilterDetails.dataListAsistents\n                                )}}}):_vm._e()]),(_vm.dataFilterDetails.certificacion)?_c('th',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\" Certificado \")]):_vm._e()])]),_c('tbody',_vm._l((_vm.dataFilterDetails?.dataListAsistents),function(item){return _c('tr',{key:item?.id},[_c('td',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",value:({ variant: 'info' }),expression:\"{ variant: 'info' }\",modifiers:{\"hover\":true}}],staticClass:\"text-truncate\",attrs:{\"title\":`${item.asistente.nombres} ${item.asistente.apellidos}`}},[_vm._v(\" \"+_vm._s(`${item.asistente.nombres} ${item.asistente.apellidos}`)+\" \")]),_c('td',{staticClass:\"text-truncate\"},[_c('b-form-rating',{staticStyle:{\"background-color\":\"transparent\"},attrs:{\"id\":\"rating-inline\",\"variant\":\"warning\",\"inline\":\"\",\"no-border\":\"\",\"readonly\":\"\",\"value\":item.calificacionCapacitacion}})],1),_c('td',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",value:({ variant: 'info' }),expression:\"{ variant: 'info' }\",modifiers:{\"hover\":true}}],staticClass:\"text-truncate\",attrs:{\"title\":`${item.comentarioAsistente}`}},[_vm._v(\" \"+_vm._s(item.comentarioAsistente)+\" \")]),_c('td',[_c('b-badge',{staticStyle:{\"width\":\"100px\"},attrs:{\"variant\":item.confirmacionAsistente !== 0\n                                  ? 'success'\n                                  : 'warning'}},[_vm._v(\" \"+_vm._s(item.confirmacionAsistente !== 0 ? \"Confirmado\" : \"Pendiente\")+\" \"),_c('i',{class:`fas fa-${\n                                  item.confirmacionAsistente !== 0\n                                    ? 'check'\n                                    : 'clock'\n                                } ml-1`})])],1),_c('td',[[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('b-form-checkbox',{staticClass:\"mb-3\",attrs:{\"name\":\"check-button\",\"size\":\"lg\",\"switch\":\"\"},on:{\"change\":function($event){return _vm.toggleAsistenciaReal(item)}},model:{value:(item.asistenciaReal),callback:function ($$v) {_vm.$set(item, \"asistenciaReal\", $$v)},expression:\"item.asistenciaReal\"}}),(\n                                    _vm.isConfirmAsistenciaRealSingleMap[item.id]\n                                  )?_c('i',{staticClass:\"fas fa-spinner fa-spin-pulse\",staticStyle:{\"font-size\":\"1.2rem\"}}):_vm._e()],1)]],2),(_vm.dataFilterDetails.certificacion)?_c('td',[_c('b-badge',{staticStyle:{\"width\":\"100px\"},attrs:{\"variant\":item.estadoUploadCertificado !== 0\n                                  ? 'primary'\n                                  : 'light'}},[_vm._v(\" \"+_vm._s(item.estadoUploadCertificado !== 0 ? \"Subido\" : \"Pendiente\")+\" \"),_c('i',{staticClass:\"fas fa-cloud-arrow-up ml-1\"})])],1):_vm._e()])}),0)])])],1),_c('div',{staticClass:\"col-12 col-lg\"},[_c('b-card',{staticClass:\"bg-card-r\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('ProgressChart',{attrs:{\"titleCheck\":\"Confirmadas\",\"total\":_vm.dataFilterDetails.listaAsistentesId.length,\"confirmed\":_vm.dataFilterDetails.confirmAsistent?.length}}),_c('h3',{staticClass:\"font-weight-bold mt-3 mb-1 text-uppercase text-center\"},[_vm._v(\" Asistencias Confirmadas \")]),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                            title: `Modalidad`,\n                            placement: 'top',\n                            variant: 'danger',\n                          }),expression:\"{\\n                            title: `Modalidad`,\\n                            placement: 'top',\\n                            variant: 'danger',\\n                          }\"}],staticClass:\"font-weight-bold text-white-50\",staticStyle:{\"font-size\":\"1rem\"}},[_vm._v(\" \"+_vm._s(_vm.dataFilterDetails.modalidadCapacitacion ?.descripcion))])],1),_c('div',{staticClass:\"d-flex justify-content-center mt-4\",staticStyle:{\"gap\":\"2rem\"}},[_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"gap\":\"0.7rem\",\"width\":\"48px\"}},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `Promedio calificaciones - ${_vm.dataFilterDetails.promedioCalificaciones?.data.length} respuestas`,\n                              placement: 'top',\n                              variant: 'info',\n                            }),expression:\"{\\n                              title: `Promedio calificaciones - ${dataFilterDetails.promedioCalificaciones?.data.length} respuestas`,\\n                              placement: 'top',\\n                              variant: 'info',\\n                            }\"}],staticClass:\"d-flex justify-content-center rounded align-items-center bg-warning\",staticStyle:{\"width\":\"48px\",\"height\":\"48px\",\"box-shadow\":\"0px -1px 33px -8px #fe721c\"}},[_c('i',{staticClass:\"fas fa-star-half-stroke 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.dataFilterDetails.promedioCalificaciones ?.promedio)+\" \")]),_c('em',{staticClass:\"text-white-50 text-nowrap\",staticStyle:{\"font-size\":\"0.8rem\"}},[_vm._v(\"valoración\")])])]),_c('div',{staticStyle:{\"width\":\"1px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"gap\":\"0.7rem\",\"width\":\"48px\"}},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                              title: `Comentarios`,\n                              placement: 'top',\n                              variant: 'info',\n                            }),expression:\"{\\n                              title: `Comentarios`,\\n                              placement: 'top',\\n                              variant: 'info',\\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.dataFilterDetails.commentsAsistents?.length)+\" \")]),_c('em',{staticClass:\"text-white-50\",staticStyle:{\"font-size\":\"0.8rem\"}},[_vm._v(\"comentarios\")])])])])])])],1)])])],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\">\r\n                <b>REGISTRO CAPACITACIONES</b>\r\n              </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 capacitacion -->\r\n              <div class=\"col-12 col-md\">\r\n                <BtnAddCardTable\r\n                  text=\"Nueva Capacitación\"\r\n                  url=\"RegistroCapacitaciones_agregar\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- table registroCapacitaciones -->\r\n          <div class=\"px-4 mt-3\">\r\n            <table\r\n              id=\"datatable_registroCapacitaciones\"\r\n              class=\"table table-bordered table-responsive-md table-striped text-center\"\r\n            >\r\n              <thead>\r\n                <tr>\r\n                  <th>Nombre</th>\r\n                  <th>Descripción</th>\r\n                  <th>Fecha Inicio</th>\r\n                  <th>Fecha Fin</th>\r\n                  <th>Más Detalles</th>\r\n                  <th>Disponibilidad</th>\r\n                  <th>Estado Capacitación</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"(item, index) in listaItems\" :key=\"item.id\">\r\n                  <td\r\n                    class=\"text-truncate\"\r\n                    style=\"max-width: 200px\"\r\n                    v-b-tooltip=\"{\r\n                      title: `${item.nombre}`,\r\n                      placement: 'top',\r\n                      variant: 'info',\r\n                    }\"\r\n                  >\r\n                    {{ item.nombre }}\r\n                  </td>\r\n                  <td\r\n                    class=\"text-truncate\"\r\n                    style=\"max-width: 200px\"\r\n                    v-b-tooltip=\"{\r\n                      title: `${item.descripcion}`,\r\n                      placement: 'top',\r\n                      variant: 'info',\r\n                    }\"\r\n                  >\r\n                    {{ item.descripcion }}\r\n                  </td>\r\n                  <td>{{ item.fechaInicio | formatDate }}</td>\r\n                  <td>{{ item.fechaFin | formatDate }}</td>\r\n                  <td>\r\n                    <div class=\"d-flex justify-content-center\">\r\n                      <!-- <b-button\r\n                        class=\"d-flex\"\r\n                        v-b-modal.detailsCap\r\n                        @click=\"filterData(item.id)\"\r\n                      >\r\n                        <i class=\"fas fa-eye\"></i\r\n                      ></b-button> -->\r\n                      <vs-button\r\n                        danger\r\n                        gradient\r\n                        icon\r\n                        v-b-modal.detailsCap\r\n                        @click=\"filterData(item.id)\"\r\n                      >\r\n                        <i class=\"fas fa-eye\"></i\r\n                      ></vs-button>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <template>\r\n                      <div\r\n                        class=\"d-flex align-items-center justify-content-center\"\r\n                      >\r\n                        <b-form-checkbox\r\n                          class=\"mb-3\"\r\n                          v-model=\"item.disponibilidad\"\r\n                          name=\"check-button\"\r\n                          size=\"lg\"\r\n                          :disabled=\"item.estadoCapacitacion == 1\"\r\n                          switch\r\n                          @change=\"toggleDisponible(index, item)\"\r\n                        >\r\n                        </b-form-checkbox>\r\n                        <i\r\n                          v-if=\"isConfirmDisponibilidadSingleMap[item.id]\"\r\n                          class=\"fas fa-spinner fa-spin-pulse\"\r\n                          style=\"font-size: 1.2rem\"\r\n                        ></i>\r\n                      </div>\r\n                    </template>\r\n                  </td>\r\n                  <td>\r\n                    <h4>\r\n                      <b-badge\r\n                        :variant=\"`${\r\n                          item.estadoCapacitacion && item.disponibilidad\r\n                            ? 'success'\r\n                            : !item.estadoCapacitacion && item.disponibilidad\r\n                            ? 'warning'\r\n                            : 'danger'\r\n                        } `\"\r\n                      >\r\n                        <i\r\n                          :class=\"`fas ${\r\n                            item.estadoCapacitacion && item.disponibilidad\r\n                              ? 'fa-check'\r\n                              : !item.estadoCapacitacion && item.disponibilidad\r\n                              ? 'fa-clock'\r\n                              : 'fa-ban'\r\n                          }`\"\r\n                        ></i\r\n                        >&nbsp;\r\n                        {{\r\n                          item.estadoCapacitacion && item.disponibilidad\r\n                            ? \"Finalizada\"\r\n                            : !item.estadoCapacitacion && item.disponibilidad\r\n                            ? \"Pendiente\"\r\n                            : \"Cancelada\"\r\n                        }}\r\n                      </b-badge>\r\n                    </h4>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <!-- modal cargar archivos -->\r\n          <b-modal\r\n            title=\"Carga de archivos\"\r\n            id=\"fileUpload\"\r\n            size=\"md\"\r\n            hide-footer\r\n          >\r\n            <FileUploadAndPreviewPdf\r\n              :data=\"listaItems\"\r\n              :item=\"dataFilterDetails\"\r\n              folders=\"users|filesContrato_capacitacion\"\r\n            />\r\n          </b-modal>\r\n\r\n          <!-- modal ver mas datalles -->\r\n          <b-modal\r\n            title=\"Detalles Capacitación\"\r\n            id=\"detailsCap\"\r\n            v-model=\"modalShowDetailsCap\"\r\n            body-bg-variant=\"dark\"\r\n            size=\"xl\"\r\n            hide-footer\r\n            hide-header\r\n            body-class=\"body-modal-custom\"\r\n          >\r\n            <div>\r\n              <b-card bg-variant=\"dark\">\r\n                <div class=\"row flex-column-reverse flex-lg-row\">\r\n                  <!-- data info capacitacion -->\r\n                  <div class=\"col-12 col-lg\">\r\n                    <!-- alert capacitacion cancelada -->\r\n                    <b-alert\r\n                      v-if=\"!dataFilterDetails.disponibilidad\"\r\n                      show\r\n                      variant=\"danger\"\r\n                      class=\"overflow-hidden position-relative\"\r\n                    >\r\n                      <!-- icon ban -->\r\n                      <i\r\n                        class=\"fas fa-ban position-absolute\"\r\n                        :style=\"`\r\n                          fontSize: ${\r\n                            dataFilterDetails.motivoCancelacion?.length > 200\r\n                              ? '10em'\r\n                              : '5em'\r\n                          };\r\n                                                right: ${\r\n                                                  dataFilterDetails\r\n                                                    .motivoCancelacion?.length >\r\n                                                  200\r\n                                                    ? '-1rem'\r\n                                                    : '-.5rem'\r\n                                                };\r\n                                                bottom: ${\r\n                                                  dataFilterDetails\r\n                                                    .motivoCancelacion?.length >\r\n                                                  200\r\n                                                    ? '-1rem'\r\n                                                    : '-.5rem'\r\n                                                };\r\n                          opacity: 20%;\r\n                          `\"\r\n                      ></i>\r\n                      <!-- motivo cancelacion -->\r\n                      <div class=\"d-flex flex-column\">\r\n                        <span class=\"font-weight-bold text-danger\"\r\n                          >Motivo cancelación\r\n                        </span>\r\n                        <span\r\n                          v-b-tooltip=\"{\r\n                            title: `${dataFilterDetails.motivoCancelacion}`,\r\n                            placement: 'bottom',\r\n                            variant: 'danger',\r\n                          }\"\r\n                          class=\"text-dark\"\r\n                          style=\"font-size: 1.2rem\"\r\n                          >{{\r\n                            dataFilterDetails.motivoCancelacion?.length > 200\r\n                              ? dataFilterDetails.motivoCancelacion?.slice(\r\n                                  0,\r\n                                  200\r\n                                ) + \"...\"\r\n                              : dataFilterDetails.motivoCancelacion\r\n                          }}\r\n                        </span>\r\n                      </div>\r\n                    </b-alert>\r\n\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <div\r\n                        style=\"\r\n                          background-color: #df122e;\r\n                          width: 7px;\r\n                          border-radius: 0 20px 0 20px;\r\n                          height: 30px;\r\n                        \"\r\n                      ></div>\r\n                      <h4\r\n                        v-b-tooltip=\"{\r\n                          title: `${dataFilterDetails.nombre}`,\r\n                          placement: 'bottom',\r\n                          variant: 'info',\r\n                        }\"\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                      >\r\n                        {{ dataFilterDetails.nombre }}\r\n                      </h4>\r\n                    </div>\r\n                    <!-- access info -->\r\n                    <div\r\n                      class=\"d-flex align-items-center flex-wrap mt-3\"\r\n                      style=\"gap: 1.5rem\"\r\n                    >\r\n                      <!-- duracion -->\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div\r\n                          class=\"d-flex justify-content-center align-items-center mr-2\"\r\n                        >\r\n                          <i class=\"far fa-clock\" 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\"\r\n                            >Duración</small\r\n                          >\r\n                          <span style=\"font-weight: bold; font-size: 1.1rem\"\r\n                            >{{ dataFilterDetails.duracion }} h</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n\r\n                      <!-- divisor -->\r\n                      <div\r\n                        style=\"\r\n                          width: 1px;\r\n                          height: 20px;\r\n                          background-color: #102e5f;\r\n                        \"\r\n                      ></div>\r\n\r\n                      <!-- fecha inicio -->\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div\r\n                          class=\"d-flex justify-content-center align-items-center mr-2\"\r\n                        >\r\n                          <i\r\n                            class=\"far fa-calendar-check\"\r\n                            style=\"font-size: 1.5rem\"\r\n                          ></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column\">\r\n                          <small class=\"font-weight-bold text-white-50\"\r\n                            >Fecha inicio</small\r\n                          >\r\n                          <span\r\n                            style=\"font-size: 1.1rem\"\r\n                            class=\"font-weight-bold\"\r\n                          >\r\n                            {{ calcularTextoFecha() }}</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n\r\n                      <!-- divisor -->\r\n                      <div\r\n                        style=\"\r\n                          width: 1px;\r\n                          height: 20px;\r\n                          background-color: #102e5f;\r\n                        \"\r\n                      ></div>\r\n                      <!-- costo total -->\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div\r\n                          class=\"d-flex justify-content-center align-items-center mr-2\"\r\n                        >\r\n                          <i\r\n                            class=\"fas fa-arrow-trend-up\"\r\n                            style=\"font-size: 1.5rem\"\r\n                          ></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column text-white-50\">\r\n                          <small class=\"font-weight-bold\">Costo total</small>\r\n                          <span style=\"font-weight: bold; font-size: 1.1rem\">{{\r\n                            dataFilterDetails.costoTotal\r\n                          }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <!-- descripcion -->\r\n                    <div class=\"my-3\">\r\n                      <p\r\n                        class=\"text-white-50\"\r\n                        style=\"font-size: 1rem\"\r\n                        v-b-tooltip=\"{\r\n                          title: `${dataFilterDetails.descripcion}`,\r\n                          placement: 'bottom',\r\n                          variant: 'info',\r\n                        }\"\r\n                      >\r\n                        {{\r\n                          dataFilterDetails.descripcion.length > 320\r\n                            ? dataFilterDetails.descripcion.slice(0, 320) +\r\n                              \"...\"\r\n                            : dataFilterDetails.descripcion\r\n                        }}\r\n                      </p>\r\n                    </div>\r\n                    <!-- areas capacitacion -->\r\n                    <div class=\"d-flex flex-wrap\" style=\"gap: 0.5rem\">\r\n                      <small\r\n                        class=\"rounded p-1 text-info border\"\r\n                        v-for=\"area in dataFilterDetails.areasCapacitacion\"\r\n                        :key=\"area.id\"\r\n                        >{{ area.descripcion }}</small\r\n                      >\r\n                    </div>\r\n\r\n                    <!-- ver mas detalles -->\r\n                    <div class=\"mt-3\">\r\n                      <b-button\r\n                        v-b-toggle.viewDetails\r\n                        size=\"xl\"\r\n                        style=\"border-radius: 0 25px 0 25px\"\r\n                        block\r\n                      >\r\n                        <em>Ver más detalles</em>\r\n                        <i class=\"fas fa-chevron-down ml-1\"></i\r\n                      ></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                          <!-- fecha creacion -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Fecha creación</span\r\n                            >\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #4788ff;\r\n                                \"\r\n                              ></div>\r\n                              <h6 class=\"pl-1\">\r\n                                {{ dataFilterDetails.createdAt | timeSince }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!-- empresa -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Empresa</span\r\n                            >\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"\r\n                              ></div>\r\n                              <h6\r\n                                v-b-tooltip=\"{\r\n                                  title: `${dataFilterDetails.empresaCapacitadora}`,\r\n                                  placement: 'top',\r\n                                  variant: 'info',\r\n                                }\"\r\n                                class=\"pl-1\"\r\n                              >\r\n                                {{\r\n                                  dataFilterDetails.empresaCapacitadora.length >\r\n                                  27\r\n                                    ? dataFilterDetails.empresaCapacitadora.slice(\r\n                                        0,\r\n                                        27\r\n                                      ) + \"...\"\r\n                                    : dataFilterDetails.empresaCapacitadora\r\n                                }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!-- documento -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Documento</span\r\n                            >\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"\r\n                              ></div>\r\n                              <h6\r\n                                class=\"pl-1\"\r\n                                v-b-tooltip=\"{\r\n                                  title: `${dataFilterDetails.tipoDocumento?.descripcion} ${dataFilterDetails.numeroDocumentoEmpresa}`,\r\n                                  placement: 'top',\r\n                                  variant: 'info',\r\n                                }\"\r\n                              >\r\n                                {{\r\n                                  formatTipoDocumento(\r\n                                    dataFilterDetails.tipoDocumento?.descripcion\r\n                                  )\r\n                                }}\r\n                                {{ dataFilterDetails.numeroDocumentoEmpresa }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!-- tipo empresa-->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Tipo empresa\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"\r\n                              ></div>\r\n                              <h6 class=\"pl-1\">\r\n                                {{\r\n                                  dataFilterDetails.tipoEmpresaCapacitacion\r\n                                    ?.descripcion\r\n                                }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!-- contrato -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Contrato\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"\r\n                              ></div>\r\n                              <h6\r\n                                v-b-tooltip=\"{\r\n                                  title: `${dataFilterDetails.numeroContrato}`,\r\n                                  placement: 'top',\r\n                                  variant: 'info',\r\n                                }\"\r\n                                class=\"pl-1\"\r\n                              >\r\n                                {{\r\n                                  dataFilterDetails.numeroContrato.length > 27\r\n                                    ? dataFilterDetails.numeroContrato.slice(\r\n                                        0,\r\n                                        27\r\n                                      ) + \"...\"\r\n                                    : dataFilterDetails.numeroContrato\r\n                                }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!--fecha contrato -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Fecha contrato\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"\r\n                              ></div>\r\n                              <h6 class=\"pl-1\">\r\n                                {{\r\n                                  dataFilterDetails.fechaContrato | formatDate\r\n                                }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!--instructor -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Instructor\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"\r\n                              ></div>\r\n                              <h6\r\n                                v-b-tooltip=\"{\r\n                                  title: `${dataFilterDetails.nombreInstructor}`,\r\n                                  placement: 'top',\r\n                                  variant: 'info',\r\n                                }\"\r\n                                class=\"pl-1\"\r\n                                style=\"\r\n                                  white-space: nowrap;\r\n                                  overflow: hidden;\r\n                                  text-overflow: ellipsis;\r\n                                \"\r\n                              >\r\n                                {{\r\n                                  dataFilterDetails.nombreInstructor.length > 27\r\n                                    ? dataFilterDetails.nombreInstructor.slice(\r\n                                        0,\r\n                                        27\r\n                                      ) + \"...\"\r\n                                    : dataFilterDetails.nombreInstructor\r\n                                }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!--certificacion -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Certificado finalización\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div\r\n                                :style=\"`\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  borderRadius: 50%;\r\n                                  backgroundColor: ${\r\n                                    dataFilterDetails.certificacion\r\n                                      ? '#16A275'\r\n                                      : '#df122e'\r\n                                  }  ;`\"\r\n                              ></div>\r\n                              <h6 class=\"pl-1\">\r\n                                {{\r\n                                  dataFilterDetails.certificacion\r\n                                    ? \"Si, lo incluye\"\r\n                                    : \"No incluye\"\r\n                                }}\r\n                              </h6>\r\n                            </div>\r\n                          </div>\r\n                          <!--uploadFiles -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Archivos\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <i\r\n                                :class=\"`fas  ${\r\n                                  dataFilterDetails.estadoUploadFiles\r\n                                    ? 'fa-circle-check text-success'\r\n                                    : 'fa-warning text-warning'\r\n                                }  `\"\r\n                              ></i>\r\n                              <h6 class=\"pl-1\">\r\n                                {{\r\n                                  dataFilterDetails.estadoUploadFiles\r\n                                    ? \"Subidos\"\r\n                                    : \"Pendientes\"\r\n                                }}\r\n                              </h6>\r\n\r\n                              <i\r\n                                v-if=\"dataFilterDetails.disponibilidad\"\r\n                                class=\"far fa-folder-open mx-2 zoom\"\r\n                                v-b-modal.fileUpload\r\n                                style=\"font-size: 1rem\"\r\n                              ></i>\r\n                            </div>\r\n                          </div>\r\n                          <!-- list asistentes -->\r\n                          <div class=\"d-flex align-items-center\">\r\n                            <b-button\r\n                              variant=\"outline-info\"\r\n                              v-b-modal.detailsListAsistentes\r\n                            >\r\n                              <i class=\"fas fa-user-gear\"></i>\r\n                              Listado de asistentes\r\n                            </b-button>\r\n                          </div>\r\n                          <!--finalizar capacitacion -->\r\n                          <div>\r\n                            <span\r\n                              style=\"\r\n                                padding-left: 5px;\r\n                                opacity: 70%;\r\n                                font-weight: bold;\r\n                                font-size: 0.7rem;\r\n                              \"\r\n                              >Finalizar capacitación\r\n                            </span>\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <b-form-checkbox\r\n                                v-model=\"dataFilterDetails.estadoCapacitacion\"\r\n                                name=\"check-button\"\r\n                                size=\"lg\"\r\n                                :disabled=\"!dataFilterDetails.disponibilidad\"\r\n                                switch\r\n                                @change=\"\r\n                                  toggleFinalizarCapacitacion(dataFilterDetails)\r\n                                \"\r\n                              >\r\n                              </b-form-checkbox>\r\n                              <i\r\n                                v-if=\"\r\n                                  isConfirmFinishCapMap[dataFilterDetails.id]\r\n                                \"\r\n                                class=\"fas fa-spinner fa-spin-pulse\"\r\n                                style=\"font-size: 1.2rem; margin-bottom: -13px\"\r\n                              ></i>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </b-collapse>\r\n                    </div>\r\n\r\n                    <!-- modal lista asistentes -->\r\n                    <b-modal\r\n                      title=\"Lista asistentes\"\r\n                      id=\"detailsListAsistentes\"\r\n                      size=\"xl\"\r\n                      hide-footer\r\n                      hide-header\r\n                      @shown=\"initializeDataTable\"\r\n                    >\r\n                      <table\r\n                        id=\"datatable_dataAsistente\"\r\n                        class=\"table table-bordered table-responsive-lg table-striped text-center animated-table hidden\"\r\n                      >\r\n                        <thead>\r\n                          <tr>\r\n                            <th style=\"width: 100px\">Usuario</th>\r\n                            <th style=\"width: 100px\">Calificación</th>\r\n                            <th style=\"width: 200px\">Comentario</th>\r\n                            <th style=\"width: 100px\">\r\n                              Confirmación asistencia\r\n                            </th>\r\n                            <th style=\"width: 100px\">\r\n                              Asistencia real\r\n                              <i\r\n                                v-if=\"\r\n                                  !dataFilterDetails.dataListAsistents?.every(\r\n                                    (item) => item.asistenciaReal\r\n                                  )\r\n                                \"\r\n                                v-b-tooltip.hover=\"{ variant: 'info' }\"\r\n                                title=\"Confirmar todas\"\r\n                                :class=\"`fas ${\r\n                                  isConfirmAsistenciaReal\r\n                                    ? 'fa-spinner fa-spin-pulse'\r\n                                    : 'fa-check zoom '\r\n                                } px-2`\"\r\n                                style=\"font-size: 1.2rem\"\r\n                                @click=\"\r\n                                  toggleConfirmAll(\r\n                                    dataFilterDetails.dataListAsistents\r\n                                  )\r\n                                \"\r\n                              ></i>\r\n                            </th>\r\n                            <th\r\n                              v-if=\"dataFilterDetails.certificacion\"\r\n                              style=\"width: 100px\"\r\n                            >\r\n                              Certificado\r\n                            </th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                          <tr\r\n                            v-for=\"item in dataFilterDetails?.dataListAsistents\"\r\n                            :key=\"item?.id\"\r\n                          >\r\n                            <td\r\n                              v-b-tooltip.hover=\"{ variant: 'info' }\"\r\n                              :title=\"`${item.asistente.nombres} ${item.asistente.apellidos}`\"\r\n                              class=\"text-truncate\"\r\n                            >\r\n                              {{\r\n                                `${item.asistente.nombres} ${item.asistente.apellidos}`\r\n                              }}\r\n                            </td>\r\n                            <td class=\"text-truncate\">\r\n                              <b-form-rating\r\n                                id=\"rating-inline\"\r\n                                variant=\"warning\"\r\n                                inline\r\n                                no-border\r\n                                readonly\r\n                                :value=\"item.calificacionCapacitacion\"\r\n                                style=\"background-color: transparent\"\r\n                              ></b-form-rating>\r\n                            </td>\r\n                            <td\r\n                              v-b-tooltip.hover=\"{ variant: 'info' }\"\r\n                              :title=\"`${item.comentarioAsistente}`\"\r\n                              class=\"text-truncate\"\r\n                            >\r\n                              {{ item.comentarioAsistente }}\r\n                            </td>\r\n                            <td>\r\n                              <b-badge\r\n                                style=\"width: 100px\"\r\n                                :variant=\"\r\n                                  item.confirmacionAsistente !== 0\r\n                                    ? 'success'\r\n                                    : 'warning'\r\n                                \"\r\n                              >\r\n                                {{\r\n                                  item.confirmacionAsistente !== 0\r\n                                    ? \"Confirmado\"\r\n                                    : \"Pendiente\"\r\n                                }}\r\n\r\n                                <i\r\n                                  :class=\"`fas fa-${\r\n                                    item.confirmacionAsistente !== 0\r\n                                      ? 'check'\r\n                                      : 'clock'\r\n                                  } ml-1`\"\r\n                                ></i>\r\n                              </b-badge>\r\n                            </td>\r\n                            <td>\r\n                              <template>\r\n                                <div\r\n                                  class=\"d-flex align-items-center justify-content-center\"\r\n                                >\r\n                                  <b-form-checkbox\r\n                                    class=\"mb-3\"\r\n                                    v-model=\"item.asistenciaReal\"\r\n                                    name=\"check-button\"\r\n                                    size=\"lg\"\r\n                                    switch\r\n                                    @change=\"toggleAsistenciaReal(item)\"\r\n                                  >\r\n                                  </b-form-checkbox>\r\n                                  <i\r\n                                    v-if=\"\r\n                                      isConfirmAsistenciaRealSingleMap[item.id]\r\n                                    \"\r\n                                    class=\"fas fa-spinner fa-spin-pulse\"\r\n                                    style=\"font-size: 1.2rem\"\r\n                                  ></i>\r\n                                </div>\r\n                              </template>\r\n                            </td>\r\n                            <td v-if=\"dataFilterDetails.certificacion\">\r\n                              <b-badge\r\n                                style=\"width: 100px\"\r\n                                :variant=\"\r\n                                  item.estadoUploadCertificado !== 0\r\n                                    ? 'primary'\r\n                                    : 'light'\r\n                                \"\r\n                              >\r\n                                {{\r\n                                  item.estadoUploadCertificado !== 0\r\n                                    ? \"Subido\"\r\n                                    : \"Pendiente\"\r\n                                }}\r\n                                <i class=\"fas fa-cloud-arrow-up ml-1\"></i>\r\n                              </b-badge>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </b-modal>\r\n                  </div>\r\n                  <!-- grafic progress confirmacion asistentes  -->\r\n                  <div class=\"col-12 col-lg\">\r\n                    <b-card\r\n                      class=\"bg-card-r\"\r\n                     \r\n                    >\r\n                      <div\r\n                        class=\"d-flex flex-column justify-content-center align-items-center\"\r\n                        style=\"height: 100%\"\r\n                      >\r\n                        <!-- component ProgressChart -->\r\n                        <div\r\n                          class=\"d-flex flex-column justify-content-center align-items-center\"\r\n                        >\r\n                          <ProgressChart\r\n                            titleCheck=\"Confirmadas\"\r\n                            :total=\"dataFilterDetails.listaAsistentesId.length\"\r\n                            :confirmed=\"\r\n                              dataFilterDetails.confirmAsistent?.length\r\n                            \"\r\n                          />\r\n                          <h3\r\n                            class=\"font-weight-bold mt-3 mb-1 text-uppercase text-center\"\r\n                          >\r\n                            Asistencias Confirmadas\r\n                          </h3>\r\n                          <span\r\n                            v-b-tooltip=\"{\r\n                              title: `Modalidad`,\r\n                              placement: 'top',\r\n                              variant: 'danger',\r\n                            }\"\r\n                            class=\"font-weight-bold text-white-50\"\r\n                            style=\"font-size: 1rem\"\r\n                          >\r\n                            {{\r\n                              dataFilterDetails.modalidadCapacitacion\r\n                                ?.descripcion\r\n                            }}</span\r\n                          >\r\n                        </div>\r\n                        <!-- info icons -->\r\n                        <div\r\n                          class=\"d-flex justify-content-center mt-4\"\r\n                          style=\"gap: 2rem\"\r\n                        >\r\n                          <!-- calificacion -->\r\n                          <div\r\n                            class=\"d-flex flex-column align-items-center\"\r\n                            style=\"gap: 0.7rem; width: 48px\"\r\n                          >\r\n                            <div\r\n                              v-b-tooltip=\"{\r\n                                title: `Promedio calificaciones - ${dataFilterDetails.promedioCalificaciones?.data.length} respuestas`,\r\n                                placement: 'top',\r\n                                variant: 'info',\r\n                              }\"\r\n                              class=\"d-flex justify-content-center rounded align-items-center bg-warning\"\r\n                              style=\"\r\n                                width: 48px;\r\n                                height: 48px;\r\n                                box-shadow: 0px -1px 33px -8px #fe721c;\r\n                              \"\r\n                            >\r\n                              <i\r\n                                class=\"fas fa-star-half-stroke fa-fade\"\r\n                                style=\"font-size: 1.2rem\"\r\n                              ></i>\r\n                            </div>\r\n                            <div\r\n                              class=\"d-flex flex-column justify-content-center align-items-center\"\r\n                            >\r\n                              <span style=\"font-size: 1.8rem; font-weight: bold\"\r\n                                >{{\r\n                                  dataFilterDetails.promedioCalificaciones\r\n                                    ?.promedio\r\n                                }}\r\n                              </span>\r\n                              <em\r\n                                class=\"text-white-50 text-nowrap\"\r\n                                style=\"font-size: 0.8rem\"\r\n                                >valoración</em\r\n                              >\r\n                            </div>\r\n                          </div>\r\n\r\n                          <!-- divisor -->\r\n                          <div\r\n                            style=\"width: 1px; background-color: #102e5f\"\r\n                          ></div>\r\n                          <!-- comentarios -->\r\n                          <div\r\n                            class=\"d-flex flex-column align-items-center\"\r\n                            style=\"gap: 0.7rem; width: 48px\"\r\n                          >\r\n                            <div\r\n                              v-b-tooltip=\"{\r\n                                title: `Comentarios`,\r\n                                placement: 'top',\r\n                                variant: 'info',\r\n                              }\"\r\n                              class=\"d-flex justify-content-center rounded align-items-center bg-info\"\r\n                              style=\"\r\n                                width: 48px;\r\n                                height: 48px;\r\n                                box-shadow: 0px -1px 33px -8px #4788ff;\r\n                              \"\r\n                            >\r\n                              <i\r\n                                class=\"fas fa-comments fa-fade\"\r\n                                style=\"font-size: 1.2rem\"\r\n                              ></i>\r\n                            </div>\r\n                            <div\r\n                              class=\"d-flex flex-column justify-content-center align-items-center\"\r\n                            >\r\n                              <span style=\"font-size: 1.8rem; font-weight: bold\"\r\n                                >{{\r\n                                  dataFilterDetails.commentsAsistents?.length\r\n                                }}\r\n                              </span>\r\n                              <em\r\n                                class=\"text-white-50\"\r\n                                style=\"font-size: 0.8rem\"\r\n                                >comentarios</em\r\n                              >\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 { core } from \"../../../config/pluginInit\";\r\nimport moment_timezone from \"moment-timezone\";\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\nimport BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\r\nimport ProgressChart from \"@/components/charts/ProgressChart.vue\";\r\nimport FileUploadAndPreviewPdf from \"./FileUploadAndPreviewPdf.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\nexport default {\r\n  name: \"RegistroCapacitaciones\",\r\n  components: {\r\n    CardTable,\r\n    BtnAddCardTable,\r\n    ProgressChart,\r\n    FileUploadAndPreviewPdf,\r\n  },\r\n  data() {\r\n    return {\r\n      persona: {},\r\n      dataTableInstance: null,\r\n      isHovered: false,\r\n      isConfirmAsistenciaReal: null,\r\n      isConfirmFinishCapMap: {},\r\n      isConfirmAsistenciaRealSingleMap: {},\r\n      isConfirmDisponibilidadSingleMap: {},\r\n      ListaAreasCapacitacion: [],\r\n      listPlanCapacitacionProgreso: [],\r\n      listaItems: [],\r\n      modalShowDetailsCap: false,\r\n      dataFilterDetails: {\r\n        id: \"\",\r\n        nombre: \"\",\r\n        descripcion: \"\",\r\n        areasCapacitacionId: [],\r\n        fechaInicio: \"\",\r\n        fechaFin: \"\",\r\n        duracion: \"\",\r\n        nombreInstructor: \"\",\r\n        empresaCapacitadora: \"\",\r\n        tipoEmpresaId: \"\",\r\n        numeroDocumentoEmpresa: \"\",\r\n        tipoDocumentoEmpresaId: \"\",\r\n        numeroContrato: \"\",\r\n        fechaContrato: \"\",\r\n        modalidadCapacitacionId: \"\",\r\n        costoTotal: \"\",\r\n        listaAsistentesId: [],\r\n        disponibilidad: 1,\r\n        motivoCancelacion: \"\",\r\n        estadoCapacitacion: 0,\r\n        createdAt: \"\",\r\n        responsableId: \"\",\r\n        estadoUploadFiles: 0,\r\n        areasCapacitacion: [],\r\n        certificacion: null,\r\n      },\r\n      dataCards: [\r\n        {\r\n          title: \"Finalizadas\",\r\n          value: () =>\r\n            this.listaItems.filter(\r\n              (cap) => cap.estadoCapacitacion && cap.disponibilidad\r\n            ).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Finalizada\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n        {\r\n          title: \"Pendientes\",\r\n          value: () =>\r\n            this.listaItems.filter(\r\n              (cap) => !cap.estadoCapacitacion && cap.disponibilidad\r\n            ).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: \"Canceladas\",\r\n          value: () =>\r\n            this.listaItems.filter((cap) => !cap.disponibilidad).length,\r\n          iconName: \"ban\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Cancelada\").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 asistentes\",\r\n          value: () =>\r\n            this.listaItems.reduce(\r\n              (totalAsistentes, cap) =>\r\n                totalAsistentes + cap.listaAsistentesId.split(\",\").length,\r\n              0\r\n            ),\r\n          iconName: \"users\",\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    await this.getListCapacitacionProgresoAll();\r\n    await this.getAreaCapacitacion();\r\n    core.index();\r\n\r\n    if (\r\n      window.$.fn.DataTable.isDataTable(\"#datatable_registroCapacitaciones\")\r\n    ) {\r\n      window.$(\"#datatable_registroCapacitaciones\").DataTable().destroy();\r\n    }\r\n    this.dataTableInstance = window\r\n      .$(\"#datatable_registroCapacitaciones\")\r\n      .DataTable({\r\n        language: {\r\n          url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n        },\r\n      });\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    initializeDataTable() {\r\n      if (window.$.fn.DataTable.isDataTable(\"#datatable_dataAsistente\")) {\r\n        window.$(\"#datatable_dataAsistente\").DataTable().destroy();\r\n      }\r\n\r\n      window.$(\"#datatable_dataAsistente\").DataTable({\r\n        language: {\r\n          url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n        },\r\n      });\r\n      window.$(\"#datatable_dataAsistente\").removeClass(\"hidden\");\r\n    },\r\n\r\n    async getListCapacitacionProgresoAll() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"PlanCapacitacionProgreso/ListAll/\",\r\n        });\r\n        console.log(\"list planCapacitacionProgreso...\", res);\r\n        if (res.length > 0) {\r\n          this.listPlanCapacitacionProgreso = res;\r\n        } else {\r\n          this.listPlanCapacitacionProgreso = [];\r\n        }\r\n      } catch (error) {\r\n        this.listPlanCapacitacionProgreso = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    // Método para cambiar el estado de 'capacitacion'\r\n    async toggleAsistenciaReal(item) {\r\n      try {\r\n        this.$set(this.isConfirmAsistenciaRealSingleMap, item.id, true); // Establece el spinner en true para el elemento actual\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"PlanCapacitacionProgreso/ToogleAsistenciaReal/\" + item.id,\r\n        });\r\n        if (res) {\r\n          this.$set(this.isConfirmAsistenciaRealSingleMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n          Swal.fire(\r\n            \"Listo!\",\r\n            \"Se ha cambiado el estado correctamente.\",\r\n            \"success\"\r\n          );\r\n        }\r\n      } catch (error) {\r\n        console.log(error);\r\n        this.$set(this.isConfirmAsistenciaRealSingleMap, item.id, false); // Establece el spinner en false en caso de error\r\n        Swal.fire(\"Error!\", \"Ha ocurrido un error.\", \"error\");\r\n        return null;\r\n      }\r\n    },\r\n    // Método para cambiar el estado de 'asistencia real'\r\n    async toggleFinalizarCapacitacion(item) {\r\n      try {\r\n        this.$set(this.isConfirmFinishCapMap, item.id, true); // Establece el spinner en true para el elemento actual\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path:\r\n            \"PlanRegistroCapacitaciones/TogglePlanCapacitacionEstado/\" +\r\n            item.id,\r\n        });\r\n        if (res.success) {\r\n          this.$set(this.isConfirmFinishCapMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n          this.listaItems.find((cap) => cap.id == item.id).estadoCapacitacion =\r\n            !this.listaItems.find((cap) => cap.id == item.id)\r\n              .estadoCapacitacion;\r\n          console.log(this.listaItems.find((cap) => cap.id == item.id));\r\n          Swal.fire(\r\n            \"Listo!\",\r\n            \"Se ha cambiado el estado correctamente.\",\r\n            \"success\"\r\n          );\r\n        }\r\n      } catch (error) {\r\n        console.log(error);\r\n        this.$set(this.isConfirmFinishCapMap, item.id, false); // Establece el spinner en false en caso de error\r\n        Swal.fire(\"Error!\", \"Ha ocurrido un error.\", \"error\");\r\n        return null;\r\n      }\r\n    },\r\n    // Método para cambiar el estado de 'asistencia real a todos'\r\n    async toggleConfirmAll(data) {\r\n      try {\r\n        this.isConfirmAsistenciaReal = true;\r\n        const promises = data\r\n          .filter((item) => item.asistenciaReal === false) // Filtra solo los elementos con asistenciaReal en false\r\n          .map(async (item) => {\r\n            // Realiza la llamada asincrónica y espera su resolución\r\n            return this.$store.dispatch(\"hl_get\", {\r\n              path: \"PlanCapacitacionProgreso/ToogleAsistenciaReal/\" + item.id,\r\n            });\r\n          });\r\n\r\n        // Espera a que todas las llamadas asincrónicas se completen\r\n        const results = await Promise.all(promises);\r\n\r\n        // Verifica si todas las llamadas fueron exitosas\r\n        const allSuccessful = results.every((result) => result === true);\r\n\r\n        if (allSuccessful) {\r\n          this.isConfirmAsistenciaReal = false;\r\n          data = data.map((item) => {\r\n            item.asistenciaReal = true;\r\n            return item;\r\n          });\r\n          console.log(\"newwwwww\", data);\r\n          Swal.fire(\r\n            \"Listo!\",\r\n            \"Se ha confirmado la asistencia real para todas.\",\r\n            \"success\"\r\n          );\r\n        } else {\r\n          this.isConfirmAsistenciaReal = false;\r\n          Swal.fire(\"Error!\", \"Ha ocurrido un error.\", \"error\");\r\n        }\r\n      } catch (error) {\r\n        console.log(error);\r\n        this.isConfirmAsistenciaReal = false;\r\n        Swal.fire(\"Error!\", \"Ha ocurrido un error.\", \"error\");\r\n        return null;\r\n      }\r\n    },\r\n\r\n    // Método para cambiar el estado de 'disponibilidad'\r\n    async toggleDisponible(rowIndex, item) {\r\n      console.log(item.disponibilidad);\r\n      if (!item.disponibilidad) {\r\n        const result = await Swal.fire({\r\n          input: \"textarea\",\r\n          inputLabel: \"Motivo cancelación\",\r\n          inputPlaceholder: \"Escriba un comentario...\",\r\n          inputAttributes: {\r\n            \"aria-label\": \"Escriba un comentario\",\r\n            style: \"color:#fff\",\r\n          },\r\n          showCancelButton: true,\r\n          confirmButtonText: \"Enviar\",\r\n          cancelButtonText: \"Cancelar\",\r\n        });\r\n\r\n        if (result.isConfirmed) {\r\n          this.$set(this.isConfirmDisponibilidadSingleMap, item.id, true); // Establece el spinner en true para el elemento actual\r\n          const text = result.value;\r\n          if (text) {\r\n            let res = await this.$store.dispatch(\"hl_post\", {\r\n              path: \"PlanRegistroCapacitaciones/ToggleDisponibilidad/\",\r\n              data: {\r\n                planId: item.id,\r\n                motivoCancelacion: text,\r\n              },\r\n            });\r\n            if (res.success) {\r\n              this.$set(this.isConfirmDisponibilidadSingleMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n              // Redibuja solo la fila que cambió\r\n              this.dataTableInstance.row(rowIndex).invalidate().draw();\r\n              Swal.fire(\r\n                \"Listo!\",\r\n                \"Se ha cancelado la capacitación correctamente.\",\r\n                \"success\"\r\n              );\r\n              item.motivoCancelacion = text;\r\n            } else {\r\n              this.$set(this.isConfirmDisponibilidadSingleMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n              item.disponibilidad = true;\r\n            }\r\n          } else {\r\n            this.$set(this.isConfirmDisponibilidadSingleMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n            Swal.fire(\r\n              \"Recomendación!\",\r\n              \"Por favor agrege un motivo.\",\r\n              \"warning\"\r\n            );\r\n            item.disponibilidad = true;\r\n          }\r\n        } else {\r\n          // El usuario hizo clic en \"Cancelar\"\r\n          item.disponibilidad = true;\r\n        }\r\n      } else {\r\n        this.$set(this.isConfirmDisponibilidadSingleMap, item.id, true); // Establece el spinner en true para el elemento actual\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"PlanRegistroCapacitaciones/ToggleDisponibilidad/\",\r\n          data: {\r\n            planId: item.id,\r\n            motivoCancelacion: \"\",\r\n          },\r\n        });\r\n        if (res.success) {\r\n          this.$set(this.isConfirmDisponibilidadSingleMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n          // Redibuja solo la fila que cambió\r\n          this.dataTableInstance.row(rowIndex).invalidate().draw();\r\n          Swal.fire(\r\n            \"Listo!\",\r\n            \"Se ha activado nuevamente esta capacitación.\",\r\n            \"success\"\r\n          );\r\n        } else {\r\n          this.$set(this.isConfirmDisponibilidadSingleMap, item.id, false); // Establece el spinner en false después de la operación exitosa\r\n          item.disponibilidad = false;\r\n        }\r\n      }\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: `${\r\n            this.persona.rol.nivel == 4\r\n              ? \"PlanRegistroCapacitaciones/\"\r\n              : \"PlanRegistroCapacitaciones/ByResponsableId/\" + this.persona.id\r\n          }`,\r\n        });\r\n        console.log(\"list PlanRegistroCapcitaciones...\", res);\r\n        if (res.length > 0) {\r\n          this.listaItems = res.map((cap) => {\r\n            cap.disponibilidad = cap.disponibilidad == 1 ? true : false;\r\n            cap.estadoCapacitacion = cap.estadoCapacitacion == 1 ? true : false;\r\n            cap.certificacion = cap.certificacion == 1 ? true : false;\r\n            return cap;\r\n          });\r\n        } else {\r\n          this.listaItems = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaItems = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n\r\n    async getAreaCapacitacion() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"AreaCapacitacion/ListAreaCapacitacion\",\r\n        });\r\n        // console.log(\"------>\", res);\r\n        if (res.length > 0) {\r\n          this.ListaAreasCapacitacion = res;\r\n          ////console.log(res)\r\n        } else {\r\n          this.ListaAreasCapacitacion = [];\r\n        }\r\n      } catch (error) {\r\n        this.ListaAreasCapacitacion = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    filterData(id) {\r\n      this.modalShowDetailsCap = !this.modalShowDetailsCap;\r\n\r\n      console.log(this.modalShowDetailsCap);\r\n\r\n      const filteredData = this.listaItems.filter((cap) => cap.id === id);\r\n\r\n      const dataListAsistents = this.listPlanCapacitacionProgreso\r\n        .filter((item) => item.capacitacionId === id)\r\n        .map((item) => {\r\n          item.asistenciaReal = item.asistenciaReal == 1 ? true : false;\r\n          return item;\r\n        });\r\n\r\n      console.log(\"dataListAsistessssssssssss--->\", dataListAsistents);\r\n\r\n      const confirmAsistentIds = this.listPlanCapacitacionProgreso\r\n        .filter(\r\n          (item) =>\r\n            item.capacitacionId === id && item.confirmacionAsistente == 1\r\n        )\r\n        .map((item) => item.asistenteId);\r\n\r\n      const commentsAsistents = this.listPlanCapacitacionProgreso\r\n        .filter(\r\n          (item) =>\r\n            item.capacitacionId === id && item.comentarioAsistente !== \"\"\r\n        )\r\n        .map((item) => item);\r\n\r\n      const calificationsAsistents = this.listPlanCapacitacionProgreso\r\n        .filter(\r\n          (item) =>\r\n            item.capacitacionId === id && item.calificacionCapacitacion !== 0\r\n        )\r\n        .map((item) => item);\r\n\r\n      // Calcula la suma de todas las calificaciones\r\n      const sumaCalificaciones = calificationsAsistents.reduce(\r\n        (total, data) => total + data.calificacionCapacitacion,\r\n        0\r\n      );\r\n\r\n      // Calcula el promedio dividiendo la suma por la cantidad de calificaciones y redondea a dos decimales\r\n      const promedioCalificaciones = (\r\n        sumaCalificaciones / calificationsAsistents.length\r\n      ).toFixed(1);\r\n\r\n      // Convierte el resultado en un número (ya que toFixed devuelve una cadena)\r\n      const promedioRedondeado = parseFloat(promedioCalificaciones);\r\n\r\n      console.log(\"confirmacio asistente\", confirmAsistentIds);\r\n      console.log(\"comentarios asistentes\", commentsAsistents);\r\n      console.log(\r\n        \"calificaciones asistentes\",\r\n        calificationsAsistents,\r\n        isNaN(promedioRedondeado) ? 0 : promedioRedondeado\r\n      );\r\n\r\n      if (filteredData.length > 0) {\r\n        const firstMatchingObject = filteredData[0];\r\n        this.dataFilterDetails = {\r\n          ...firstMatchingObject,\r\n          listaAsistentesId: firstMatchingObject.listaAsistentesId.split(\",\"),\r\n          areasCapacitacionId:\r\n            firstMatchingObject.areasCapacitacionId.split(\",\"),\r\n          areasCapacitacion: this.ListaAreasCapacitacion.filter((area) =>\r\n            firstMatchingObject.areasCapacitacionId.includes(area.id)\r\n          ),\r\n          confirmAsistent: confirmAsistentIds,\r\n          commentsAsistents: commentsAsistents,\r\n          promedioCalificaciones: {\r\n            data: calificationsAsistents,\r\n            promedio: isNaN(promedioRedondeado) ? 0 : promedioRedondeado,\r\n          },\r\n          dataListAsistents: dataListAsistents,\r\n        };\r\n        console.log(this.dataFilterDetails);\r\n      } else {\r\n        this.dataFilterDetails = { ...this.dataFilterDetails };\r\n      }\r\n    },\r\n    formatTipoDocumento(tipoDocumento) {\r\n      switch (tipoDocumento) {\r\n        case \"Cedula de ciudadania\":\r\n          return \"CC\";\r\n        case \"Tarjeta de identidad\":\r\n          return \"TI\";\r\n        case \"Registro Civil\":\r\n          return \"RC\";\r\n        case \"Pasaporte\":\r\n          return \"PA\";\r\n        case \"Cedula de extranjeria\":\r\n          return \"CE\";\r\n        case \"Tarjeta de extranjeria\":\r\n          return \"CE\";\r\n        case \"NIT de otro pais\":\r\n          return \"NIT/OP\";\r\n        case \"Documento de identificacion extranjero\":\r\n          return \"DIE\";\r\n        case \"No Aplica\":\r\n          return \"N/A\";\r\n        default:\r\n          return tipoDocumento;\r\n      }\r\n    },\r\n    calcularTextoFecha() {\r\n      const diferenciaDias = this.diferenciaDias;\r\n\r\n      if (diferenciaDias > 0) {\r\n        if (diferenciaDias === 1) {\r\n          return \"Falta 1 día\";\r\n        } else if (diferenciaDias < 7) {\r\n          return `Faltan ${diferenciaDias} días`;\r\n        } else if (diferenciaDias < 30) {\r\n          const semanas = Math.floor(diferenciaDias / 7);\r\n          return `Faltan ${semanas} semana${semanas === 1 ? \"\" : \"s\"}`;\r\n        } else if (diferenciaDias < 365) {\r\n          const meses = Math.floor(diferenciaDias / 30);\r\n          return `Faltan ${meses} mes${meses === 1 ? \"\" : \"es\"}`;\r\n        } else {\r\n          const anios = Math.floor(diferenciaDias / 365);\r\n          return `Faltan ${anios} año${anios === 1 ? \"\" : \"s\"}`;\r\n        }\r\n      } else if (diferenciaDias < 0) {\r\n        const absDias = Math.abs(diferenciaDias);\r\n        if (absDias === 1) {\r\n          return \"Hace 1 día\";\r\n        } else if (absDias < 7) {\r\n          return `Hace ${absDias} días`;\r\n        } else if (absDias < 30) {\r\n          const semanas = Math.floor(absDias / 7);\r\n          return `Hace ${semanas} semana${semanas === 1 ? \"\" : \"s\"}`;\r\n        } else if (absDias < 365) {\r\n          const meses = Math.floor(absDias / 30);\r\n          return `Hace ${meses} mes${meses === 1 ? \"\" : \"es\"}`;\r\n        } else {\r\n          const anios = Math.floor(absDias / 365);\r\n          return `Hace ${anios} año${anios === 1 ? \"\" : \"s\"}`;\r\n        }\r\n      } else {\r\n        return \"Hoy\";\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    diferenciaDias() {\r\n      const fechaInicio = moment_timezone(this.dataFilterDetails.fechaInicio);\r\n      const fechaActual = moment_timezone();\r\n\r\n      const diferencia = fechaInicio.diff(fechaActual, \"days\");\r\n\r\n      return diferencia;\r\n    },\r\n  },\r\n  filters: {\r\n    formatDate(date) {\r\n      const formattedDate = new Date(date).toLocaleDateString(\"es-ES\");\r\n      return formattedDate;\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};\r\n</script>\r\n\r\n<style scoped>\r\n.bg-card-r{\r\n  height: 100%;\r\n  background-image: url('/img/blob-scene-haikei-l.svg');\r\n  background-size: cover;\r\n  background-position: center;\r\n  box-shadow: -3px 4px 9px 1px rgba(47, 61, 104, 0.52);\r\n-webkit-box-shadow: -3px 4px 9px 1px rgba(47, 61, 104, 0.52);\r\n-moz-box-shadow: -3px 4px 9px 1px rgba(47, 61, 104, 0.52);\r\n  /* box-shadow: -3px 4px 9px 1px rgba(14, 25, 61, 0.52);\r\n-webkit-box-shadow: -3px 4px 9px 1px rgba(14, 25, 61, 0.52);\r\n-moz-box-shadow: -3px 4px 9px 1px rgba(14, 25, 61, 0.52); */\r\n}\r\n.dark .bg-card-r{\r\n  height: 100%;\r\n  background-image: url('/img/blob-scene-haikei.svg');\r\n  background-size: cover;\r\n  background-position: center; \r\n   box-shadow: -3px 4px 9px 1px rgba(15, 19, 34, 0.603);\r\n-webkit-box-shadow: -3px 4px 9px 1px rgba(15, 19, 34, 0.603);\r\n-moz-box-shadow: -3px 4px 9px 1px rgba(15, 19, 34, 0.603);\r\n}\r\n.animated-table {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  transition: opacity 0.3s ease-in-out;\r\n}\r\n\r\n.animated-table.hidden {\r\n  opacity: 0;\r\n  visibility: hidden;\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!./RegistroCapacitaciones.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!./RegistroCapacitaciones.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RegistroCapacitaciones.vue?vue&type=template&id=f04b3324&scoped=true\"\nimport script from \"./RegistroCapacitaciones.vue?vue&type=script&lang=js\"\nexport * from \"./RegistroCapacitaciones.vue?vue&type=script&lang=js\"\nimport style0 from \"./RegistroCapacitaciones.vue?vue&type=style&index=0&id=f04b3324&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  \"f04b3324\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}