{"version":3,"sources":["webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue?ff53","webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?3ff7","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./node_modules/core-js/modules/esnext.iterator.every.js","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?9142","webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue","webpack:///src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue","webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue?69c5","webpack:///./src/views/Helexium/Capacitaciones/RegistroCapacitaciones.vue?286f"],"names":["render","_vm","this","_c","_self","staticClass","attrs","variant","url","on","handleClick","$event","isHovered","class","icon","staticStyle","_v","_s","text","staticRenderFns","props","type","String","default","data","methods","$emit","component","$","iterate","aCallable","anObject","getIteratorDirect","target","proto","real","every","predicate","record","counter","value","stop","IS_RECORD","INTERRUPTED","stopped","_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","dataCards","_l","listaItems","item","index","key","id","directives","name","rawName","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","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","fn","DataTable","isDataTable","destroy","language","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-45242882.cb50e282.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=6b7f2f89&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"click\":_vm.handleClick,\"mouseover\":function($event){_vm.isHovered = true},\"mouseleave\":function($event){_vm.isHovered = false}}},[_c('i',{class:`fas fa-${_vm.icon} position-absolute ${_vm.isHovered ? 'fa-beat' : ''}`,staticStyle:{\"right\":\"0\",\"top\":\"0\",\"font-size\":\"1.5rem\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--btn add card table -->\r\n<template>\r\n  <vs-button\r\n    @click=\"handleClick\"\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    :success=\"variant === 'success'\"\r\n    :danger=\"variant === 'danger'\"\r\n    :warn=\"variant === 'warn'\"\r\n    class=\"btn-add\"\r\n    :to=\"`${url}`\"\r\n  >\r\n    <i\r\n      :class=\"`fas fa-${icon} position-absolute ${isHovered ? 'fa-beat' : ''}`\"\r\n      style=\"right: 0; top: 0; font-size: 1.5rem\"\r\n    ></i>\r\n    {{ text }}\r\n  </vs-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"circle-plus\",\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: \"Click Me!\",\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isHovered: false,\r\n    };\r\n  },\r\n  methods: {\r\n    handleClick() {\r\n      // Emitir un evento personalizado cuando se hace clic en el botón\r\n      this.$emit(\"click\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 100%;\r\n  width: 100%;\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  margin: 0;\r\n  overflow: visible;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btnAddCardTable.vue?vue&type=template&id=9ddaed84&scoped=true\"\nimport script from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nexport * from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./btnAddCardTable.vue?vue&type=style&index=0&id=9ddaed84&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9ddaed84\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.every` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  every: function every(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return !iterate(record, function (value, stop) {\n      if (!predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=style&index=0&id=9ddaed84&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Registro de Capacitaciones\"}},[_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(\"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\":\"\",\"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:{\"id\":\"detailsCap\",\"title\":\"Detalles Capacitación\",\"size\":\"xl\",\"hide-footer\":\"\"},model:{value:(_vm.modalShowDetailsCap),callback:function ($$v) {_vm.modalShowDetailsCap=$$v},expression:\"modalShowDetailsCap\"}},[_c('div',[_c('b-card',[_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-primary 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\":\"\"}},[_vm._v(\" Más detalles \"),_c('i',{staticClass:\"fas fa-chevron-down ml-1\"})]),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"viewDetails\"}},[_c('div',{staticClass:\"mt-2 d-flex flex-wrap\",staticStyle:{\"gap\":\"1.5rem\"}},[_c('div',[_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:{\"id\":\"detailsListAsistentes\",\"title\":\"Listado de asistentes\",\"size\":\"xl\",\"hide-footer\":\"\"},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 bg-dark\"},[_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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <HXContentCard title=\"Registro de Capacitaciones\">\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>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                        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            id=\"detailsCap\"\r\n            title=\"Detalles Capacitación\"\r\n            v-model=\"modalShowDetailsCap\"\r\n            size=\"xl\"\r\n            hide-footer\r\n          >\r\n            <div>\r\n              <b-card>\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-primary 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                        Más detalles\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                      id=\"detailsListAsistentes\"\r\n                      title=\"Listado de asistentes\"\r\n                      size=\"xl\"\r\n                      hide-footer\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 class=\"bg-card-r bg-dark\">\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  </HXContentCard>\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} */\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} */\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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegistroCapacitaciones.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RegistroCapacitaciones.vue?vue&type=template&id=6b7f2f89&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=6b7f2f89&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  \"6b7f2f89\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}