{"version":3,"sources":["webpack:///./src/components/helexium/YouTubePlayer.vue","webpack:///src/components/helexium/YouTubePlayer.vue","webpack:///./src/components/helexium/YouTubePlayer.vue?3079","webpack:///./src/components/helexium/YouTubePlayer.vue?eb55","webpack:///./node_modules/core-js/modules/esnext.iterator.every.js","webpack:///./src/components/helexium/YouTubePlayer.vue?5673","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaCurso.vue?d54a","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaCurso.vue","webpack:///src/views/Helexium/Ayuda/Academia/AcademiaCurso.vue","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaCurso.vue?2afd","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaCurso.vue?3983"],"names":["render","_vm","this","_self","_c","_m","staticRenderFns","attrs","props","videoId","type","String","required","data","player","minutes","watch","newVal","oldVal","extractVideoId","createPlayer","mounted","loadYouTubeAPI","methods","url","match","window","YT","Player","script","document","createElement","src","async","defer","onload","onYouTubeIframeAPIReady","head","appendChild","error","destroy","height","width","playerVars","rel","modestbranding","events","onReady","onPlayerReady","event","duration","target","getDuration","roundedMinutes","eventBus","$emit","component","$","iterate","aCallable","anObject","getIteratorDirect","proto","real","every","predicate","record","counter","value","stop","IS_RECORD","INTERRUPTED","stopped","_vm$cursoAcademia$pre","_vm$ContenidoVisualiz","_vm$ContenidoVisualiz2","_vm$ContenidoVisualiz3","_vm$ContenidoVisualiz4","_vm$ContenidoVisualiz5","_vm$ContenidoVisualiz6","_vm$ContenidoVisualiz7","_vm$ContenidoVisualiz8","_vm$ContenidoVisualiz9","staticClass","cursoAcademia","_v","$route","params","id","previewImagenUrl","titulo","staticStyle","_s","descripcion","categoriaCursoDescripcion","responsable","directives","name","rawName","modifiers","privacidad","class","_f","ultimaActualizacion","duracion","listaClases","length","_e","ContenidoSeleccionado","isURLValid","ContenidoVisualizacion","UrlContenidoCurso","includes","Tipo","Completado","on","$event","ContenidoCompletado","ID","index","listaContenidos","Titulo","previousVideoTitle","disablePrev","ClaseSeleccionada","previousVideo","nextVideoTitle","disableNext","nextVideo","Descripcion","ref","_l","clase","key","style","transition","boxShadow","cursor","seleccionarClase","ultimaAcatualizacion","LoadingContenidos","listaEvaluaciones","contenido","indexContenido","SeleccionarContenido","hoveredItem","substring","UltimaActualizacion","Duracion","evaluacion","indexEvaluacion","nota","RealizarEvaluacion","hoveredItemEvaluacion","CantidadPreguntas","TiempoEvaluacionMinutos","FechaApertura","FechaCierre","CertificadoFinalizacion","$router","push","CursoId","persona","activeSidebar","toggleSidebar","scopedSlots","_u","fn","Number","proxy","slice","components","YouTubePlayer","EvaluacionesCompletadas","PonderadoActual","NotaMinimaCurso","$isLoading","JSON","parse","localStorage","getItem","getCertificado","getListClasesCursoAcademia","responseNota","$store","dispatch","path","respuesta","evaluacionesYContenidosCompletados","todosLosContenidosVistos","todasLasEvaluacionesRealizadas","cursoId","res","Clases","i","contenidoNoCompletado","find","evaluacionRealizada","evaluaciones","Aplicada","Swal","fire","title","text","icon","showCancelButton","confirmButtonText","cancelButtonText","then","result","isConfirmed","video","validateVideoURL","Promise","all","contenidoResponse","evaluacionResponse","catch","alert","container","$refs","classListContainer","element","children","scrollTop","offsetTop","indexClase","videoURL","fetch","method","mode","contenidoId","cnt","computed","filters","formatLastUpdateDate","fechaOriginal","moment_timezone","tz","format"],"mappings":"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","file":"js/chunk-c2723ea6.cc6ccbd846a7b4ca1510.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"player\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"player\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { eventBus } from \"../../main\"; // Asegúrate de que el path es correcto\r\n\r\nexport default {\r\n  props: {\r\n    videoId: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      player: null,\r\n      minutes: null,\r\n    };\r\n  },\r\n  watch: {\r\n    videoId(newVal, oldVal) {\r\n      if (newVal && newVal !== oldVal) {\r\n        const videoId = this.extractVideoId(newVal);\r\n        if (videoId) {\r\n          console.log('Cambiando videoId:', videoId);\r\n          this.createPlayer(videoId);\r\n        }\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    console.log('mounted');\r\n    this.loadYouTubeAPI();\r\n  },\r\n  methods: {\r\n    extractVideoId(url) {\r\n      const match = url.match(/[?&]v=([^&#]+)/) || url.match(/youtu\\.be\\/([^?]+)/);\r\n      return match ? match[1] : url;\r\n    },\r\n    loadYouTubeAPI() {\r\n      try {\r\n        if (window.YT && window.YT.Player) {\r\n          console.log('Entró a loadYouTubeAPI');\r\n          this.createPlayer(this.extractVideoId(this.videoId));\r\n        } else {\r\n          console.log('No entró a loadYouTubeAPI');\r\n          const script = document.createElement(\"script\");\r\n          script.src = \"https://www.youtube.com/iframe_api\";\r\n          script.async = true;\r\n          script.defer = true;\r\n          script.onload = () => {\r\n            window.onYouTubeIframeAPIReady = () => this.createPlayer(this.extractVideoId(this.videoId));\r\n          };\r\n          document.head.appendChild(script);\r\n        }\r\n      } catch (error) {\r\n        console.log('Error en loadYouTubeAPI:', error);\r\n      }\r\n    },\r\n    createPlayer(videoId) {\r\n      try {\r\n        console.log('----CreatePlayer');\r\n        \r\n        if (this.player) {\r\n          console.log('Destruyendo reproductor anterior');\r\n          this.player.destroy();\r\n        }\r\n        \r\n        this.player = new window.YT.Player(\"player\", {\r\n          height: \"100%\", // Cambia el alto a un porcentaje\r\n          width: \"100%\",  // Mantiene el ancho al 100%\r\n          videoId: videoId,\r\n          playerVars: {\r\n            rel: 0,\r\n            modestbranding: 1\r\n          },\r\n          events: {\r\n            onReady: this.onPlayerReady\r\n          }\r\n        });\r\n      } catch (error) {\r\n        console.log('Error en createPlayer:', error);\r\n      }\r\n    },\r\n    onPlayerReady(event) {\r\n      try {\r\n        console.log('Reproductor listo');\r\n        \r\n        let duration = event.target.getDuration();\r\n        let minutes = (duration / 60) + 0.5; // Sumar 0.5 para redondear manualmente\r\n        let roundedMinutes = (minutes | 0) || 1; // Truncar y asegurar mínimo 1\r\n\r\n        console.log('Duración del video:', roundedMinutes, 'minutos');\r\n        \r\n        this.minutes = roundedMinutes;\r\n        eventBus.$emit(\"videoDurationYT\", this.minutes);\r\n      } catch (error) {\r\n        console.log('Error en onPlayerReady:', error);\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n#player {\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  aspect-ratio: 16 / 9; /* Mantiene la proporción 16:9 */\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!./YouTubePlayer.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!./YouTubePlayer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./YouTubePlayer.vue?vue&type=template&id=a89e248e&scoped=true\"\nimport script from \"./YouTubePlayer.vue?vue&type=script&lang=js\"\nexport * from \"./YouTubePlayer.vue?vue&type=script&lang=js\"\nimport style0 from \"./YouTubePlayer.vue?vue&type=style&index=0&id=a89e248e&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  \"a89e248e\",\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!./YouTubePlayer.vue?vue&type=style&index=0&id=a89e248e&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AcademiaCurso.vue?vue&type=style&index=0&id=4ab57d51&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('div',{staticClass:\"custom-container\"},[(_vm.cursoAcademia !== null)?_c('b-card',{staticClass:\"bg-academia\"},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('vs-button',{staticClass:\"m-0 mb-2\",attrs:{\"size\":\"large\",\"transparent\":\"\",\"to\":\"/helex/Ayuda/Academia/\"}},[_c('i',{staticClass:\"fas fa-chevron-left mr-1\"}),_vm._v(\" Volver a cursos \")]),_c('vs-button',{staticClass:\"m-0\",attrs:{\"size\":\"large\",\"transparent\":\"\",\"to\":`/helex/Ayuda/Academia/Notas/${this.$route.params.id}`}},[_vm._v(\" Ver notas \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-lg-3 d-flex align-items-center\"},[_c('img',{staticClass:\"rounded w-100\",attrs:{\"src\":_vm.cursoAcademia.previewImagenUrl ?? '/img/image_cursos_alt.png',\"alt\":_vm.cursoAcademia.titulo}})]),_c('div',{staticClass:\"col mt-3 mt-md-0 d-flex flex-column\",staticStyle:{\"gap\":\"0.5rem\"}},[_c('h2',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm.cursoAcademia.titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 h4 custom-descripcion mb-1\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" \"+_vm._s(_vm.cursoAcademia.descripcion)+\" \")]),_c('div',{staticClass:\"d-flex align-items-center my-1 flex-wrap\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center font-weight-bold text-success\"},[_vm._v(\" \"+_vm._s(_vm.cursoAcademia.categoriaCursoDescripcion)+\" \")]),_c('span',{staticClass:\"custom-punto d-flex align-items-center text-capitalize\"},[_vm._v(\" Por \"+_vm._s(_vm.cursoAcademia.responsable)+\" \")]),_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":`${_vm.cursoAcademia.privacidad === 1 ? 'Curso público' : 'Curso privado'}`}},[_c('i',{class:`fas fa-${_vm.cursoAcademia.privacidad === 1 ? 'earth-americas' : 'lock'}`})])]),_c('div',{staticClass:\"d-flex flex-wrap align-items-center\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center\"},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_vm._v(\" Última actualización: \"),_c('span',{staticClass:\"text-primary ml-1\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatLastUpdateDate\")(_vm.cursoAcademia.ultimaActualizacion)))])]),_c('i',{staticClass:\"fas fa-clock mr-1\"}),_c('span',{staticClass:\"text-white-50 custom-punto d-flex align-items-center\"},[_vm._v(\" \"+_vm._s(_vm.cursoAcademia.duracion)+\"m\")]),_c('i',{staticClass:\"fas fa-play-circle mr-1\"}),_c('span',{staticClass:\"text-white-50\"},[_vm._v(\" \"+_vm._s(_vm.listaClases.length)+\" \"+_vm._s(_vm.listaClases.length > 1 ? \"clases\" : \"clase\")+\" \")])])])])]):_vm._e(),(_vm.listaClases.length > 0)?_c('b-card',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-lg\"},[_c('div',{staticClass:\"d-flex flex-column w-100 align-items-center\"},[(!_vm.ContenidoSeleccionado)?_c('div',{staticClass:\"text-center\"},[_c('p',{staticClass:\"text-danger\"},[_vm._v(\"Seleccione uno de los contenidos disponibles en las clases.\")]),_c('i',{staticClass:\"far fa-arrow-alt-circle-right\",staticStyle:{\"opacity\":\"75%\",\"font-size\":\"2rem\"}})]):_c('div',{staticClass:\"w-100\"},[(!_vm.isURLValid)?_c('div',{staticClass:\"text-center\"},[_c('p',{staticClass:\"text-danger\"},[_vm._v(\"Error al cargar el video.\")]),_c('i',{staticClass:\"fas fa-video-slash\",staticStyle:{\"opacity\":\"75%\",\"font-size\":\"2rem\"}})]):_c('div',[_c('div',[(_vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('ted.com') || _vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('vimeo.com') || _vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('loom.com'))?_c('div',{staticClass:\"video-container\"},[_c('iframe',{staticClass:\"rounded iframe2\",attrs:{\"src\":_vm.ContenidoVisualizacion.UrlContenidoCurso,\"frameborder\":\"0\",\"allowfullscreen\":\"\"}})]):_vm._e(),_c('div',[(_vm.ContenidoVisualizacion.UrlContenidoCurso && _vm.ContenidoVisualizacion.UrlContenidoCurso.length === 11  )?_c('div',{staticClass:\"video-container-yt\"},[_c('YouTubePlayer',{staticClass:\"rounded responsive-iframe-yt\",attrs:{\"videoId\":_vm.ContenidoVisualizacion.UrlContenidoCurso}})],1):_vm._e()]),(_vm.ContenidoVisualizacion.Tipo === 'video' && _vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('helexiumfiles')  )?_c('div',{staticClass:\"rounded p-3\"},[_c('video',{staticClass:\"rounded\",staticStyle:{\"height\":\"300px\",\"width\":\"100%\"},attrs:{\"controls\":\"\",\"poster\":_vm.ContenidoVisualizacion.UrlContenidoCurso}},[_c('source',{attrs:{\"src\":_vm.ContenidoVisualizacion.UrlContenidoCurso,\"type\":\"video/mp4\"}}),_vm._v(\" Tu navegador no soporta la etiqueta de video. \")])]):_vm._e(),(_vm.ContenidoVisualizacion.Tipo === 'documento'  )?_c('iframe',{staticClass:\"rounded\",staticStyle:{\"height\":\"500px\",\"width\":\"100%\"},attrs:{\"allowfullscreen\":\"\",\"src\":'https://docs.google.com/gview?url=' + _vm.ContenidoVisualizacion.UrlContenidoCurso + '&embedded=true'}}):_vm._e(),(_vm.ContenidoVisualizacion.Tipo === 'imagen' )?_c('div',{staticClass:\"p-3 rounded\"},[_c('img',{staticClass:\"rounded\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\",\"max-height\":\"500px\"},attrs:{\"src\":_vm.ContenidoVisualizacion.UrlContenidoCurso}})]):_vm._e(),(_vm.ContenidoVisualizacion.Tipo !== 'imagen' && _vm.ContenidoVisualizacion.Tipo !== 'documento' &&\n                  _vm.ContenidoVisualizacion.Tipo !== 'video' )?_c('div',{staticClass:\"rounded\"},[_c('p',{staticClass:\"text-center justify-content-center\"},[_vm._v(\"No se ah encontrado vista preliminar\")])]):_vm._e(),(_vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('youtube') && _vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('watch?v=') && !_vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('ted.com') && !_vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('vimeo.com') && !_vm.ContenidoVisualizacion?.UrlContenidoCurso?.includes('loom.com'))?_c('div',{staticClass:\"d-flex justify-content-center align-items-center\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"color\":\"white\"}},[_vm._v(\" No se ha detectado la vista previa \")]):_vm._e()]),(!_vm.ContenidoVisualizacion.Completado)?_c('div',{staticClass:\"d-flex justify-content-end mt-4 mt-1\",staticStyle:{\"display\":\"block\"}},[_c('vs-button',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.ContenidoCompletado(_vm.ContenidoVisualizacion.ID)}}},[_vm._v(\"Marcar como Finalizada \"),_c('i',{staticClass:\"fa-solid fa-circle-check ml-2\"})])],1):_vm._e(),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center flex-wrap w-100\",staticStyle:{\"gap\":\"7px\"}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('i',{staticClass:\"fas fa-circle-play mr-2\",staticStyle:{\"font-size\":\"2rem\"}}),_c('div',[_c('small',{staticClass:\"text-white-50\",staticStyle:{\"font-size\":\"1rem\"}},[_vm._v(\" \"+_vm._s(_vm.ContenidoVisualizacion.index + 1)+\"/\"+_vm._s(_vm.listaContenidos.length)+\" \")]),_c('h3',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(_vm.ContenidoVisualizacion.Titulo))])])]),_c('div',[_c('vs-button-group',[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"px-4 py-2 mr-2\",attrs:{\"title\":_vm.previousVideoTitle,\"disabled\":_vm.disablePrev(_vm.ContenidoVisualizacion.index, _vm.ClaseSeleccionada.index),\"flat\":\"\",\"icon\":\"\"},on:{\"click\":_vm.previousVideo}},[_c('i',{staticClass:\"fas fa-step-backward\"})]),_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"px-4 py-2\",attrs:{\"title\":_vm.nextVideoTitle,\"flat\":\"\",\"icon\":\"\",\"disabled\":_vm.disableNext(_vm.ContenidoVisualizacion.index, _vm.ClaseSeleccionada.index)},on:{\"click\":_vm.nextVideo}},[_c('i',{staticClass:\"fas fa-step-forward\"})])],1)],1)]),_c('div',{staticClass:\"col-12 mt-4 w-100\"},[_c('span',{staticClass:\"py-2 text-white-50 font-weight-bold border rounded-top px-2\",staticStyle:{\"font-size\":\"medium\"}},[_vm._v(\" Descripción \"),_c('i',{staticClass:\"fas fa-info-circle\"})]),_c('hr',{staticClass:\"mt-2\"}),(_vm.listaContenidos.length > 0 && this.ContenidoSeleccionado == true)?_c('p',{staticClass:\"h4\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(_vm._s(_vm.listaContenidos[this.ContenidoVisualizacion.index].Descripcion))]):_c('h3',[_vm._v(\" Selecciona un contenido\")])])])])])])]),_c('div',{staticClass:\"col-4 d-none d-lg-block content-list-class p-0\"},[_c('div',{ref:\"classListContainer\",staticClass:\"list-clases classListContainer\"},[_vm._l((_vm.listaClases),function(clase,index){return _c('div',{key:index,staticClass:\"d-flex w-100 align-items-center rounded p-2 card-class\"},[_c('div',{staticStyle:{\"width\":\"100% !important\"}},[_c('div',{staticClass:\"row bg-dark m-0 pl-2 py-1\",staticStyle:{\"border-radius\":\"5px\"},style:({\n                    transition: 'box-shadow 0.3s ease',\n                    boxShadow: index === _vm.ClaseSeleccionada.index ? 'inset 0 0 0 2px #6653d1' : 'none', cursor: 'default'\n                  }),on:{\"click\":function($event){return _vm.seleccionarClase(clase, index)}}},[_c('div',{staticClass:\"col-3 d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle\",staticStyle:{\"box-shadow\":\"0 -1px 33px -8px rgba(122,215,0,0.69)\",\"-webkit-box-shadow\":\"0 -1px 33px -8px rgba(122,215,0,0.69)\",\"-moz-box-shadow\":\"0 -1px 33px -8px rgba(122,215,0,0.69)\",\"background-color\":\"rgba(122,215,0,0.69)\"}},[_c('i',{staticClass:\"fa fa-book\",staticStyle:{\"font-size\":\"1.5rem\"}})])]),_c('div',{staticClass:\"col-9 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(clase.titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\" \"+_vm._s(clase.descripcion)+\" \")]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\"},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_c('small',{staticClass:\"custom-punto d-flex align-items-center\"},[_vm._v(\" última actualización \"),_c('span',{staticClass:\"ml-1 text-primary\"},[_vm._v(_vm._s(_vm._f(\"formatLastUpdateDate\")(clase.ultimaAcatualizacion)))])]),_c('i',{staticClass:\"fas fa-clock mr-1\"}),_c('code',[_vm._v(_vm._s(clase.duracion)+\"m\")])])])]),_c('div',{staticClass:\"col-12 pr-0\"},[_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":'collapse-' + index,\"visible\":_vm.ClaseSeleccionada.index === index}},[(_vm.LoadingContenidos)?_c('div',[_c('i',{staticClass:\"fas fa-spinner fa-spin fa-2x text-primary\"})]):_c('div',[(_vm.listaContenidos.length === 0 && _vm.listaEvaluaciones.length === 0)?_c('div',[_vm._v(\" No hay contenidos aun cargados \")]):(_vm.listaContenidos.length > 0)?_c('div',_vm._l((_vm.listaContenidos),function(contenido,indexContenido){return _c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],key:indexContenido,staticClass:\"col-12 pr-0 mb-2\",attrs:{\"title\":contenido.Completado ? 'Contenido Finalizado' : ''},on:{\"click\":function($event){return _vm.SeleccionarContenido(contenido, indexContenido)}}},[_c('div',{staticClass:\"col-12 position-relative d-flex align-items-center py-2 rounded pointer\",class:contenido.Completado ? \"bg-primary-transparent\" : \"bg-dark\",style:({\n                            transition: 'box-shadow 0.3s ease',\n                            boxShadow: _vm.ContenidoVisualizacion.ID === contenido.ID ?\n                            _vm.ContenidoVisualizacion.Tipo === 'video' ? 'inset 0 0 0 2px #f21343' :\n                            _vm.ContenidoVisualizacion.Tipo === 'documento' ? 'inset 0 0 0 2px #085ec5' :\n                            'inset 0 0 0 2px #fe721c' : 'none'\n                          })},[_c('div',{staticClass:\"row pl-2\",on:{\"mouseenter\":function($event){_vm.hoveredItem = indexContenido},\"mouseleave\":function($event){_vm.hoveredItem = null}}},[_c('div',{staticClass:\"col-2 d-flex justify-content-center align-items-center\"},[(contenido.Completado && _vm.hoveredItem === indexContenido)?_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-primary transition\",staticStyle:{\"width\":\"50px\",\"height\":\"50px\"}},[(contenido.Completado)?_c('i',{staticClass:\"text-white fa-solid fa-check transition\",staticStyle:{\"font-size\":\"1.5rem\"}}):_vm._e()]):_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center transition\",class:contenido.Tipo === 'video' ? 'bg-danger' :\n                                    contenido.Tipo === 'documento' ? 'bg-primary' : contenido.Tipo === 'imagen' ? 'bg-warning' : 'bg-purple',staticStyle:{\"width\":\"50px\",\"height\":\"50px\"}},[_c('i',{staticClass:\"transition\",class:contenido.Tipo === 'video' ? 'fa fa-play' :\n                                    contenido.Tipo === 'documento' ? 'fa fa-file-text' : 'fa-solid fa-image',staticStyle:{\"font-size\":\"1.5rem\"}})])]),_c('div',{staticClass:\"col-10 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold\",class:contenido.Completado ? 'text-primary-saturate' : ''},[_vm._v(\" \"+_vm._s(contenido.Titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\",class:contenido.Completado ? 'text-primary-saturate' : ''},[_vm._v(\" \"+_vm._s(contenido.Descripcion.length > 30 ? contenido.Descripcion.substring(0, 30) + '...' : contenido.Descripcion)+\" \")]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\",class:contenido.Completado ? 'text-primary-saturate' : ''},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_c('small',{staticClass:\"custom-punto d-flex align-items-center\",class:contenido.Completado ? 'text-primary-saturate' : ''},[_vm._v(\" última actualización \"),_c('span',{staticClass:\"ml-1\",class:contenido.Completado ? 'text-primary-saturate' : 'text-primary'},[_vm._v(\" \"+_vm._s(_vm._f(\"formatLastUpdateDate\")(contenido.UltimaActualizacion))+\" \")])]),_c('i',{staticClass:\"fas fa-clock mr-1\",class:contenido.Completado ? 'text-primary-saturate' : ''}),_c('code',{class:contenido.Completado ? 'text-primary-saturate' : ''},[_vm._v(_vm._s(contenido.Duracion)+\"m\")])])])])])])}),0):_vm._e(),(_vm.listaEvaluaciones.length > 0)?_c('div',[_c('h3',{staticClass:\"ml-3 py-2\"},[_vm._v(\"Evaluaciones\")]),_vm._l((_vm.listaEvaluaciones),function(evaluacion,indexEvaluacion){return _c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],key:indexEvaluacion,staticClass:\"col-12 pr-0 mb-2\",attrs:{\"title\":evaluacion.nota !== 0 ? 'Evaluación Finalizada' : ''},on:{\"click\":function($event){return _vm.RealizarEvaluacion(evaluacion)}}},[_c('div',{staticClass:\"col-12 d-flex align-items-center py-2 rounded position-relative\",class:evaluacion.nota !== 0 ? \"bg-primary-transparent\" : \"bg-dark\",on:{\"mouseenter\":function($event){_vm.hoveredItemEvaluacion = indexEvaluacion},\"mouseleave\":function($event){_vm.hoveredItemEvaluacion = null}}},[_c('div',{staticClass:\"row pl-2\"},[_c('div',{staticClass:\"col-2 d-flex justify-content-center align-items-center\"},[(evaluacion.nota !== 0 && _vm.hoveredItemEvaluacion === indexEvaluacion)?_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-primary transition\",staticStyle:{\"width\":\"50px\",\"height\":\"50px\"}},[_c('i',{staticClass:\"text-white fa-solid fa-check transition\",staticStyle:{\"font-size\":\"1.5rem\"}})]):_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-success\",staticStyle:{\"width\":\"50px\",\"height\":\"50px\"}},[_c('i',{staticClass:\"fa-solid fa-file-pen\",staticStyle:{\"font-size\":\"1.4rem\"}})])]),_c('div',{staticClass:\"col-10 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\",class:evaluacion.nota !== 0 ? 'text-primary-saturate' : ''},[_vm._v(\" \"+_vm._s(evaluacion.Titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\",class:evaluacion.nota !== 0 ? 'text-primary-saturate' : ''},[_vm._v(\" \"+_vm._s(evaluacion.Descripcion)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\",class:evaluacion.nota !== 0 ? 'text-primary-saturate' : ''},[_vm._v(\" N° preguntas: \"+_vm._s(evaluacion.CantidadPreguntas)+\" \")]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\"},[_c('span',{class:evaluacion.nota !== 0 ? 'text-primary-saturate' : ''},[_vm._v(\"Tiempo máximo: \")]),_c('code',{class:evaluacion.nota !== 0 ? 'text-primary-saturate' : '',staticStyle:{\"font-size\":\".8rem\",\"margin-left\":\"2px\"}},[_vm._v(_vm._s(evaluacion.TiempoEvaluacionMinutos)+\" min\")]),_c('i',{staticClass:\"fas fa-clock ml-1\"})]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\",class:evaluacion.nota !== 0 ? 'text-primary-saturate' : ''},[_c('span',{staticClass:\"text-primary ml-1\",class:evaluacion.nota !== 0 ? 'text-primary-saturate' : ''},[_vm._v(_vm._s(_vm._f(\"formatLastUpdateDate\")(evaluacion.FechaApertura))+\" - \"+_vm._s(_vm._f(\"formatLastUpdateDate\")(evaluacion.FechaCierre)))])])])])])])})],2):_vm._e()])])],1)])])}),(_vm.CertificadoFinalizacion)?_c('div',{staticClass:\"d-flex w-100 align-items-center rounded p-2 card-class pointer\"},[_c('div',{staticClass:\"row bg-dark m-0 pl-2 py-2\",staticStyle:{\"border-radius\":\"5px\",\"width\":\"100% !important\"},on:{\"click\":function($event){return _vm.$router.push('/helex/CertificadoDeFinalizacion/' + _vm.CursoId + '/' + _vm.persona.id)}}},[_c('div',{staticClass:\"col-3 px-0 d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"rounded-circle d-flex justify-content-center align-items-center\",staticStyle:{\"width\":\"4rem\",\"height\":\"4rem\",\"box-shadow\":\"0 -1px 33px -8px var(--cyan)\",\"-webkit-box-shadow\":\"0 -1px 33px -8px var(--cyan)\",\"-moz-box-shadow\":\"0 -1px 33px -8px var(--cyan)\",\"background-color\":\"var(--cyan)\"}},[_c('i',{staticClass:\"fa fa-graduation-cap\",staticStyle:{\"font-size\":\"2rem\"}})])]),_c('div',{staticClass:\"col-9 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" Certificado de Finalización \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\"¡Felicidades por tu Certificado de Finalización! \")])])])]):_vm._e()],2)]),_c('vs-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-variant\",modifiers:{\"sidebar-variant\":true}}],staticClass:\"sidebar-toggle-btn d-lg-none\",class:{ 'd-none': !_vm.activeSidebar },attrs:{\"danger\":\"\",\"active\":_vm.activeSidebar},on:{\"click\":_vm.toggleSidebar}},[_c('i',{staticClass:\"fas fa-chevron-right\"})]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-variant\",\"bg-variant\":\"dark\",\"text-variant\":\"light\",\"backdrop\":\"\",\"shadow\":\"\"},on:{\"hidden\":_vm.toggleSidebar},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('small',[_vm._v(\"Clases del curso...\")]),_c('small',{staticClass:\"text-primary\",staticStyle:{\"font-size\":\"1rem\"}},[_vm._v(\" \"+_vm._s(Number(_vm.ContenidoVisualizacion.index) + 1 || 0)+\"/\"+_vm._s(_vm.listaContenidos.length)+\" \")])]},proxy:true}],null,false,3571488158)},[_c('div',{staticClass:\"row mx-auto\"},[_c('div',[_c('div',{ref:\"classListContainer\",staticClass:\"list-clases classListContainer\"},[_vm._l((_vm.listaClases),function(clase,index){return _c('div',{key:index,staticClass:\"d-flex w-100 align-items-center rounded p-2 card-class\"},[_c('div',{staticStyle:{\"width\":\"100% !important\"}},[_c('div',{staticClass:\"row bg-dark m-0 pl-2 py-1\",staticStyle:{\"border-radius\":\"5px\"},style:({\n                        transition: 'box-shadow 0.3s ease',\n                        boxShadow: index === _vm.ClaseSeleccionada.index ? 'inset 0 0 0 2px #6653d1' : 'none', cursor: 'default'\n                      }),on:{\"click\":function($event){return _vm.seleccionarClase(clase, index)}}},[_c('div',{staticClass:\"col-3 px-0 d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"rounded-circle d-flex justify-content-center align-items-center\",staticStyle:{\"width\":\"4rem\",\"height\":\"4rem\",\"box-shadow\":\"0 -1px 33px -8px rgba(122,215,0,0.69)\",\"-webkit-box-shadow\":\"0 -1px 33px -8px rgba(122,215,0,0.69)\",\"-moz-box-shadow\":\"0 -1px 33px -8px rgba(122,215,0,0.69)\",\"background-color\":\"rgba(122,215,0,0.69)\"}},[_c('i',{staticClass:\"fa fa-book\",staticStyle:{\"font-size\":\"2rem\"}})])]),_c('div',{staticClass:\"col-9 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(clase.titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\" \"+_vm._s(clase.descripcion.slice(0, 25))+\" \"+_vm._s(clase.descripcion.length > 25 ? '...' : '')+\" \")]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\"},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_c('small',{staticClass:\"custom-punto d-flex align-items-center\"},[_vm._v(\" última actualización \"),_c('span',{staticClass:\"ml-1 text-primary\"},[_vm._v(_vm._s(_vm._f(\"formatLastUpdateDate\")(clase.ultimaAcatualizacion)))])]),_c('i',{staticClass:\"fas fa-clock mr-1\"}),_c('code',[_vm._v(_vm._s(clase.duracion)+\"m\")])])])]),_c('div',{staticClass:\"col-12 pr-0\"},[_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":'collapse-' + index,\"visible\":_vm.ClaseSeleccionada.index === index}},[(_vm.LoadingContenidos)?_c('div',[_c('i',{staticClass:\"fas fa-spinner fa-spin fa-2x text-primary\"})]):_c('div',[(_vm.listaContenidos.length === 0 && _vm.listaEvaluaciones.length === 0)?_c('div',[_vm._v(\" No hay contenidos aun cargados \")]):(_vm.listaContenidos.length > 0)?_c('div',_vm._l((_vm.listaContenidos),function(contenido,indexContenido){return _c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],key:indexContenido,staticClass:\"pr-0 mb-2 pl-0\",attrs:{\"title\":contenido.Completado ? 'Contenido Finalizado' : ''},on:{\"click\":function($event){return _vm.SeleccionarContenido(contenido, indexContenido)}}},[_c('div',{staticClass:\"col-12 position-relative d-flex align-items-center py-2 rounded pointer\",class:contenido.Completado ? \"bg-primary-transparent\" : \"bg-dark\",style:({\n                            transition: 'box-shadow 0.3s ease',\n                            boxShadow: _vm.ContenidoVisualizacion.ID === contenido.ID ?\n                            _vm.ContenidoVisualizacion.Tipo === 'video' ? 'inset 0 0 0 2px #f21343' :\n                            _vm.ContenidoVisualizacion.Tipo === 'documento' ? 'inset 0 0 0 2px #085ec5' :\n                            'inset 0 0 0 2px #fe721c' : 'none'\n                          })},[(contenido.Completado)?_c('div',{staticClass:\"position-absolute\",staticStyle:{\"top\":\"50%\",\"right\":\".5rem\",\"transform\":\"translateY(-50%)\"}},[_c('i',{staticClass:\"fa-solid fa-circle-check\",staticStyle:{\"font-size\":\"1.7rem\"}})]):_vm._e(),_c('div',{staticClass:\"w-100 d-flex align-items-center pl-2\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center\",class:contenido.Tipo === 'video' ? 'bg-danger' :\n                                        contenido.Tipo === 'documento' ? 'bg-primary' : 'bg-warning',staticStyle:{\"width\":\"40px\",\"height\":\"40px\"}},[_c('i',{class:contenido.Tipo === 'video' ? 'fa fa-play' :\n                                        contenido.Tipo === 'documento' ? 'fa fa-file-text' : 'fa-solid fa-image',staticStyle:{\"font-size\":\"1.5rem\"}})])]),_c('div',{staticClass:\"col-10 my-2 overflow-hidden pr-0\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(contenido.Titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\" \"+_vm._s(contenido.Descripcion.slice(0, 30))+\" \"+_vm._s(contenido.Descripcion.length > 30 ? '...' : '')+\" \")]),_c('div',{staticClass:\"text-white-50 mt-1\"},[_c('small',{staticClass:\"custom-punto d-flex align-items-center\"},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_vm._v(\" última actualización \"),_c('span',{staticClass:\"ml-1 text-primary\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatLastUpdateDate\")(contenido.UltimaActualizacion))+\" \")])]),_c('i',{staticClass:\"fas fa-clock mr-1\"}),_c('code',[_vm._v(_vm._s(contenido.Duracion)+\"m\")])])])])])])}),0):_vm._e(),(_vm.listaEvaluaciones.length > 0)?_c('div',[_c('h3',{staticClass:\"py-2\"},[_vm._v(\"Evaluaciones\")]),_vm._l((_vm.listaEvaluaciones),function(evaluacion,indexEvaluacion){return _c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],key:indexEvaluacion,staticClass:\"col-12 pr-0 pl-0 mb-2\",attrs:{\"title\":evaluacion.nota !== 0 ? 'Evaluación Finalizada' : ''},on:{\"click\":function($event){return _vm.RealizarEvaluacion(evaluacion)}}},[_c('div',{staticClass:\"col-12 d-flex align-items-center py-2 rounded position-relative\",class:evaluacion.nota !== 0 ? \"bg-primary-transparent\" : \"bg-dark\",on:{\"mouseenter\":function($event){_vm.hoveredItemEvaluacion = indexEvaluacion},\"mouseleave\":function($event){_vm.hoveredItemEvaluacion = null}}},[(evaluacion.nota !== 0)?_c('div',{staticClass:\"position-absolute\",staticStyle:{\"top\":\"50%\",\"right\":\".5rem\",\"transform\":\"translateY(-50%)\"}},[_c('i',{staticClass:\"fa-solid fa-circle-check\",staticStyle:{\"font-size\":\"1.7rem\"}})]):_vm._e(),_c('div',{staticClass:\"d-flex align-content-center pl-2\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-success\",staticStyle:{\"width\":\"40px\",\"height\":\"40px\"}},[_c('i',{staticClass:\"fa-solid fa-file-pen\",staticStyle:{\"font-size\":\"1.4rem\"}})])]),_c('div',{staticClass:\"col-10 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(evaluacion.Titulo)+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\" \"+_vm._s(evaluacion.Descripcion.slice(0, 25))+\" \"+_vm._s(evaluacion.Descripcion.length > 30 ? '...' : '')+\" \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\" N° preguntas: \"+_vm._s(evaluacion.CantidadPreguntas)+\" \")]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\"},[_c('span',[_vm._v(\"Tiempo máximo: \")]),_c('code',{staticStyle:{\"font-size\":\".8rem\",\"margin-left\":\"2px\"}},[_vm._v(_vm._s(evaluacion.TiempoEvaluacionMinutos)+\" min\")]),_c('i',{staticClass:\"fas fa-clock ml-1\"})]),_c('div',{staticClass:\"d-flex align-items-center text-white-50 flex-wrap mt-2\"},[_c('span',{staticClass:\"text-primary ml-1\"},[_vm._v(_vm._s(_vm._f(\"formatLastUpdateDate\")(evaluacion.FechaApertura))+\" - \"+_vm._s(_vm._f(\"formatLastUpdateDate\")(evaluacion.FechaCierre)))])])])])])])})],2):_vm._e()])])],1)])])}),(_vm.CertificadoFinalizacion)?_c('div',{staticClass:\"d-flex w-100 align-items-center rounded p-2 card-class pointer\"},[_c('div',{staticClass:\"row bg-dark m-0 pl-2 py-2\",staticStyle:{\"border-radius\":\"5px\",\"width\":\"100% !important\"},on:{\"click\":function($event){return _vm.$router.push('/helex/CertificadoDeFinalizacion/' + _vm.CursoId + '/' + _vm.persona.id)}}},[_c('div',{staticClass:\"col-3 px-0 d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"rounded-circle d-flex justify-content-center align-items-center\",staticStyle:{\"width\":\"4rem\",\"height\":\"4rem\",\"box-shadow\":\"0 -1px 33px -8px var(--cyan)\",\"-webkit-box-shadow\":\"0 -1px 33px -8px var(--cyan)\",\"-moz-box-shadow\":\"0 -1px 33px -8px var(--cyan)\",\"background-color\":\"var(--cyan)\"}},[_c('i',{staticClass:\"fa fa-graduation-cap\",staticStyle:{\"font-size\":\"2rem\"}})])]),_c('div',{staticClass:\"col-9 my-2 overflow-hidden\"},[_c('h4',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" Certificado de Finalización \")]),_c('p',{staticClass:\"text-white-50 m-0 custom-descripcion\"},[_vm._v(\"¡Felicidades por tu Certificado de Finalización! \")])])])]):_vm._e()],2)])])])],1)]):_c('div',{staticClass:\"d-flex justify-content-center align-items-center font-italic h3\"},[_c('i',{staticClass:\"fas fa-spinner fa-spin mr-1\"}),_vm._v(\" Cargando datos... \")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <div class=\"custom-container\">\r\n      <b-card v-if=\"cursoAcademia !== null\" class=\"bg-academia\">\r\n\r\n        <div class=\"d-flex justify-content-between\">\r\n          <vs-button size=\"large\" transparent class=\"m-0 mb-2\" to=\"/helex/Ayuda/Academia/\">\r\n            <i class=\"fas fa-chevron-left mr-1\"></i> Volver a cursos\r\n          </vs-button>\r\n          <vs-button size=\"large\" transparent class=\"m-0\" :to=\"`/helex/Ayuda/Academia/Notas/${this.$route.params.id}`\">\r\n            Ver notas\r\n          </vs-button>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-12 col-lg-3 d-flex align-items-center\">\r\n            <img class=\"rounded w-100\" :src=\"cursoAcademia.previewImagenUrl ?? '/img/image_cursos_alt.png'\"\r\n              :alt=\"cursoAcademia.titulo\" />\r\n          </div>\r\n          <div class=\"col mt-3 mt-md-0 d-flex flex-column\" style=\"gap: 0.5rem\">\r\n            <h2 class=\"font-weight-bold text-capitalize\">\r\n              {{ cursoAcademia.titulo }}\r\n            </h2>\r\n            <p class=\"text-white-50 m-0 h4 custom-descripcion mb-1\" style=\"line-height: 1.5\">\r\n              {{ cursoAcademia.descripcion }}\r\n            </p>\r\n            <div class=\"d-flex align-items-center my-1 flex-wrap\">\r\n              <span class=\"custom-punto d-flex align-items-center font-weight-bold text-success\">\r\n                {{ cursoAcademia.categoriaCursoDescripcion }}\r\n              </span>\r\n              <span class=\"custom-punto d-flex align-items-center text-capitalize\">\r\n                Por {{ cursoAcademia.responsable }}\r\n              </span>\r\n              <div v-b-tooltip.hover :title=\"`${cursoAcademia.privacidad === 1 ? 'Curso público' : 'Curso privado'}`\">\r\n                <i :class=\"`fas fa-${cursoAcademia.privacidad === 1 ? 'earth-americas' : 'lock'}`\"></i>\r\n              </div>\r\n            </div>\r\n            <div class=\"d-flex flex-wrap align-items-center\">\r\n              <span class=\"custom-punto d-flex align-items-center\">\r\n                <i class=\"fas fa-circle-check mr-1\"></i> Última actualización:\r\n                <span class=\"text-primary ml-1\"> {{ cursoAcademia.ultimaActualizacion | formatLastUpdateDate }}</span>\r\n              </span>\r\n              <i class=\"fas fa-clock mr-1\"></i>\r\n              <span class=\"text-white-50 custom-punto d-flex align-items-center\">\r\n                {{ cursoAcademia.duracion }}m</span>\r\n              <i class=\"fas fa-play-circle mr-1\"></i>\r\n              <span class=\"text-white-50\">\r\n                {{ listaClases.length }} {{ listaClases.length > 1 ? \"clases\" : \"clase\" }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </b-card>\r\n      <b-card v-if=\"listaClases.length > 0\">\r\n        <div class=\"row\">\r\n          <!-- Visualización -->\r\n          <div class=\"col-12 col-lg\">\r\n            <div class=\"d-flex flex-column w-100 align-items-center\">\r\n              <div class=\"text-center\" v-if=\"!ContenidoSeleccionado\">\r\n                <p class=\"text-danger\">Seleccione uno de los contenidos disponibles en las clases.</p>\r\n                <i class=\"far fa-arrow-alt-circle-right\" style=\"opacity: 75%; font-size: 2rem\" />\r\n              </div>\r\n              <div class=\"w-100\" v-else>\r\n                <div class=\"text-center\" v-if=\"!isURLValid\">\r\n                  <p class=\"text-danger\">Error al cargar el video.</p>\r\n                  <i class=\"fas fa-video-slash\" style=\"opacity: 75%; font-size: 2rem\" />\r\n                </div>\r\n                <div v-else>\r\n                  <div>\r\n                    <div class=\"video-container\" v-if=\"ContenidoVisualizacion?.UrlContenidoCurso?.includes('ted.com') || ContenidoVisualizacion?.UrlContenidoCurso?.includes('vimeo.com') || ContenidoVisualizacion?.UrlContenidoCurso?.includes('loom.com')\"  >\r\n                      <iframe :src=\"ContenidoVisualizacion.UrlContenidoCurso\"  class=\"rounded iframe2\"   frameborder=\"0\" allowfullscreen></iframe>\r\n                    </div>\r\n                    <div>\r\n                      <div  v-if=\"ContenidoVisualizacion.UrlContenidoCurso && ContenidoVisualizacion.UrlContenidoCurso.length === 11  \" class=\"video-container-yt\">\r\n                        <YouTubePlayer class=\"rounded responsive-iframe-yt\" :videoId=\"ContenidoVisualizacion.UrlContenidoCurso\"\r\n                         />\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div class=\"  rounded p-3 \"\r\n                      v-if=\"ContenidoVisualizacion.Tipo === 'video' && ContenidoVisualizacion?.UrlContenidoCurso?.includes('helexiumfiles')  \">\r\n                      <video class=\"rounded\" style=\"height: 300px; width: 100%;\" controls :poster=\"ContenidoVisualizacion.UrlContenidoCurso\">\r\n                        <source :src=\"ContenidoVisualizacion.UrlContenidoCurso\" type=\"video/mp4\">\r\n                        Tu navegador no soporta la etiqueta de video.\r\n                      </video>\r\n                    </div>\r\n                    <iframe v-if=\"ContenidoVisualizacion.Tipo === 'documento'  \" allowfullscreen class=\"rounded\"\r\n                      style=\"height: 500px; width: 100%;\"\r\n                      :src=\"'https://docs.google.com/gview?url=' + ContenidoVisualizacion.UrlContenidoCurso + '&embedded=true'\"></iframe>\r\n                    <div class=\"  p-3 rounded\"\r\n                      v-if=\"ContenidoVisualizacion.Tipo === 'imagen' \">\r\n                      <img class=\"rounded\" :src=\"ContenidoVisualizacion.UrlContenidoCurso\"\r\n                        style=\"height: 100%; width: 100%; max-height: 500px;\" />\r\n\r\n                    </div>\r\n                    <div v-if=\"ContenidoVisualizacion.Tipo !== 'imagen' && ContenidoVisualizacion.Tipo !== 'documento' &&\r\n                    ContenidoVisualizacion.Tipo !== 'video' \"\r\n                      class=\" rounded\">\r\n                      <p class=\"text-center justify-content-center\">No se ah encontrado vista preliminar</p>\r\n                    </div>\r\n                    <div\r\n                      v-if=\"ContenidoVisualizacion?.UrlContenidoCurso?.includes('youtube') && ContenidoVisualizacion?.UrlContenidoCurso?.includes('watch?v=') && !ContenidoVisualizacion?.UrlContenidoCurso?.includes('ted.com') && !ContenidoVisualizacion?.UrlContenidoCurso?.includes('vimeo.com') && !ContenidoVisualizacion?.UrlContenidoCurso?.includes('loom.com')\"\r\n                      class=\"  d-flex justify-content-center align-items-center\"\r\n                      style=\"width: 100%; height: 100%; color: white;\">\r\n                      No se ha detectado la vista previa\r\n                    </div>\r\n                  </div>\r\n                  <div v-if='!ContenidoVisualizacion.Completado' class=\"d-flex justify-content-end mt-4 mt-1\" style=\"display: block\">\r\n                    <vs-button icon @click=\"ContenidoCompletado(ContenidoVisualizacion.ID)\">Marcar como\r\n                      Finalizada <i class=\"fa-solid fa-circle-check ml-2\"></i></vs-button>\r\n                  </div>\r\n                  <div class=\"mt-4\">\r\n                    <div class='d-flex justify-content-between align-items-center flex-wrap w-100' style='gap: 7px;'>\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <i class=\"fas fa-circle-play mr-2\" style=\"font-size: 2rem\" />\r\n                        <div>\r\n                          <small class=\"text-white-50\" style=\"font-size: 1rem\">\r\n                            {{ ContenidoVisualizacion.index + 1 }}/{{ listaContenidos.length }}\r\n                          </small>\r\n                          <h3 class=\"text-capitalize\">{{ ContenidoVisualizacion.Titulo }}</h3>\r\n                        </div>\r\n                      </div>\r\n                      <div>\r\n                        <vs-button-group>\r\n                          <vs-button class=\"px-4 py-2 mr-2\" v-b-tooltip.hover :title=\"previousVideoTitle\" @click=\"previousVideo\"\r\n                                     :disabled=\"disablePrev(ContenidoVisualizacion.index, ClaseSeleccionada.index)\" flat icon>\r\n                            <i class=\"fas fa-step-backward\"></i>\r\n                          </vs-button>\r\n                          <vs-button class=\"px-4 py-2\" v-b-tooltip.hover :title=\"nextVideoTitle\" flat icon\r\n                            :disabled=\"disableNext(ContenidoVisualizacion.index, ClaseSeleccionada.index)\" @click=\"nextVideo\">\r\n                            <i class=\"fas fa-step-forward\"></i>\r\n                          </vs-button>\r\n                        </vs-button-group>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-12 mt-4 w-100\">\r\n                      <span class=\"py-2 text-white-50 font-weight-bold border rounded-top px-2\"\r\n                        style=\"font-size: medium\">\r\n                        Descripción\r\n                        <i class=\"fas fa-info-circle\" />\r\n                      </span>\r\n                      <hr class=\"mt-2\" />\r\n                      <p v-if=\"listaContenidos.length > 0 && this.ContenidoSeleccionado == true\" class=\"h4\" style=\"line-height: 1.5\">{{listaContenidos[this.ContenidoVisualizacion.index].Descripcion }}</p>\r\n                      <h3 v-else> Selecciona un contenido</h3>\r\n                      <!-- {{listaContenidos}} -->\r\n                      <!-- <p v-if=\"listaContenidos.length > 0\" class=\"h4\" style=\"line-height: 1.5\">{{ ContenidoVisualizacion.descripcion }}</p>\r\n                      <h3 v-else> Selecciona un contenido</h3> -->\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Lista de las clases -->\r\n          <div class=\"col-4 d-none d-lg-block content-list-class p-0\">\r\n            <div class=\"list-clases classListContainer\" ref=\"classListContainer\">\r\n              <div v-for=\"(clase, index) in listaClases\" :key=\"index\"\r\n                class=\"d-flex w-100 align-items-center rounded p-2 card-class\">\r\n                <div style='width: 100% !important;'>\r\n                  <div class=\"row bg-dark m-0 pl-2 py-1\" style='border-radius: 5px;'\r\n                    @click=\"seleccionarClase(clase, index)\" :style=\"{\r\n                      transition: 'box-shadow 0.3s ease',\r\n                      boxShadow: index === ClaseSeleccionada.index ? 'inset 0 0 0 2px #6653d1' : 'none', cursor: 'default'\r\n                    }\">\r\n                    <div class=\"col-3 d-flex justify-content-center align-items-center\">\r\n                      <div class=\"p-2 p-lg-3 rounded-circle\" style=\"box-shadow: 0 -1px 33px -8px rgba(122,215,0,0.69);\r\n                           -webkit-box-shadow: 0 -1px 33px -8px rgba(122,215,0,0.69);\r\n                           -moz-box-shadow: 0 -1px 33px -8px rgba(122,215,0,0.69);\r\n                           background-color: rgba(122,215,0,0.69)\">\r\n                        <i class=\"fa fa-book\" style=\"font-size: 1.5rem\"></i>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-9 my-2 overflow-hidden\">\r\n                      <h4 class=\"font-weight-bold text-capitalize\">\r\n                        {{ clase.titulo }}\r\n                      </h4>\r\n                      <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                        {{ clase.descripcion }}\r\n                      </p>\r\n                      <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                        <i class=\"fas fa-circle-check mr-1\"></i>\r\n                        <small class=\"custom-punto d-flex align-items-center\">\r\n                          última actualización\r\n                          <span class=\"ml-1 text-primary\">{{ clase.ultimaAcatualizacion | formatLastUpdateDate }}</span>\r\n                        </small>\r\n                        <i class=\"fas fa-clock mr-1\"></i>\r\n                        <code>{{ clase.duracion }}m</code>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-12 pr-0\">\r\n                    <b-collapse :id=\"'collapse-' + index\" :visible=\"ClaseSeleccionada.index === index\" class=\"mt-2\">\r\n                      <div v-if=\"LoadingContenidos\">\r\n                        <i class=\"fas fa-spinner fa-spin fa-2x text-primary\"></i>\r\n                      </div>\r\n                      <div v-else>\r\n                        <div v-if=\"listaContenidos.length === 0 && listaEvaluaciones.length === 0\">\r\n                          No hay contenidos aun cargados\r\n                        </div>\r\n                        <div v-else-if='listaContenidos.length > 0'>\r\n                          <div v-b-tooltip.hover  :title=\"contenido.Completado ? 'Contenido Finalizado' : ''\" v-for=\"(contenido, indexContenido) in listaContenidos\" :key=\"indexContenido\"\r\n                            @click=\"SeleccionarContenido(contenido, indexContenido)\" class=\"col-12 pr-0 mb-2 \">\r\n                            <div class=\"col-12 position-relative d-flex align-items-center py-2 rounded pointer\" :style=\"{\r\n                              transition: 'box-shadow 0.3s ease',\r\n                              boxShadow: ContenidoVisualizacion.ID === contenido.ID ?\r\n                              ContenidoVisualizacion.Tipo === 'video' ? 'inset 0 0 0 2px #f21343' :\r\n                              ContenidoVisualizacion.Tipo === 'documento' ? 'inset 0 0 0 2px #085ec5' :\r\n                              'inset 0 0 0 2px #fe721c' : 'none'\r\n                            }\" :class='contenido.Completado ? \"bg-primary-transparent\" : \"bg-dark\"' >\r\n\r\n                              <div class=\"row pl-2\"    @mouseenter=\"hoveredItem = indexContenido\" @mouseleave=\"hoveredItem = null\">\r\n                                <div class=\"col-2 d-flex justify-content-center align-items-center\">\r\n\r\n                                  <div\r\n                                    v-if=\"contenido.Completado && hoveredItem === indexContenido\"\r\n\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-primary transition \"\r\n                                    style=\"width: 50px; height: 50px\" >\r\n\r\n                                    <i class=\" text-white fa-solid fa-check transition\"\r\n                                      v-if='contenido.Completado'\r\n                                      style=\"font-size: 1.5rem\"></i>\r\n\r\n                                  </div>\r\n                                  <div v-else\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center transition\"\r\n                                    style=\"width: 50px; height: 50px\" :class=\"contenido.Tipo === 'video' ? 'bg-danger' :\r\n                                      contenido.Tipo === 'documento' ? 'bg-primary' : contenido.Tipo === 'imagen' ? 'bg-warning' : 'bg-purple'\">\r\n\r\n\r\n                                    <i class=\"transition\" :class=\"contenido.Tipo === 'video' ? 'fa fa-play' :\r\n                                      contenido.Tipo === 'documento' ? 'fa fa-file-text' : 'fa-solid fa-image'\"\r\n                                      style=\"font-size: 1.5rem\"></i>\r\n                                  </div>\r\n\r\n                                </div>\r\n                                <div class=\"col-10 my-2 overflow-hidden\">\r\n                                  <h4 :class=\"contenido.Completado ? 'text-primary-saturate' : '' \" class=\"font-weight-bold \">\r\n                                    {{ contenido.Titulo }}\r\n                                  </h4>\r\n                                  <p :class=\"contenido.Completado ? 'text-primary-saturate' : ''\" class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    {{ contenido.Descripcion.length > 30 ? contenido.Descripcion.substring(0, 30) + '...' : contenido.Descripcion }}\r\n                                  </p>\r\n\r\n                                  <div :class=\"contenido.Completado ? 'text-primary-saturate' : ''\" class=\"d-flex align-items-center text-white-50 flex-wrap mt-2 \">\r\n                                    <i class=\"fas fa-circle-check mr-1\"></i>\r\n                                    <small :class=\"contenido.Completado ? 'text-primary-saturate' : ''\" class=\"custom-punto d-flex align-items-center\">\r\n                                      última actualización\r\n                                      <span class=\"ml-1 \" :class=\"contenido.Completado ? 'text-primary-saturate' : 'text-primary' \" >\r\n                                        {{ contenido.UltimaActualizacion | formatLastUpdateDate }}\r\n                                      </span>\r\n                                    </small>\r\n                                    <i :class=\"contenido.Completado ? 'text-primary-saturate' : '' \" class=\"fas fa-clock mr-1\"></i>\r\n                                    <code :class=\"contenido.Completado ? 'text-primary-saturate' : '' \">{{ contenido.Duracion }}m</code>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <!-- <div class=\"row pl-2\">\r\n                                <div class=\"col-2 d-flex justify-content-center align-items-center\">\r\n                                \r\n                                  <div\r\n                                    v-if=\"contenido.Completado\"\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-white\"\r\n                                    style=\"width: 50px; height: 50px\" >\r\n\r\n                                    <i class=\"text-primary fa-solid fa-check\" \r\n                                      v-if='contenido.Completado'\r\n                                      style=\"font-size: 2rem\"></i>\r\n                                     \r\n                                  </div>\r\n                                  <div\r\n                                  v-else\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center\"\r\n                                    style=\"width: 50px; height: 50px\" :class=\"contenido.Tipo === 'video' ? 'bg-danger' :\r\n                                      contenido.Tipo === 'documento' ? 'bg-primary' : contenido.Tipo === 'imagen' ? 'bg-warning' : 'bg-purple'\">\r\n\r\n                                   \r\n                                    <i :class=\"contenido.Tipo === 'video' ? 'fa fa-play' :\r\n                                      contenido.Tipo === 'documento' ? 'fa fa-file-text' : 'fa-solid fa-image'\"\r\n                                      style=\"font-size: 1.5rem\"></i>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"col-10 my-2 overflow-hidden\">\r\n                                  <h4 :class=\"contenido.Completado ? 'text-white' : '' \" class=\"font-weight-bold \">\r\n                                    {{ contenido.Titulo }}\r\n                                  </h4>\r\n                                  <p :class=\"contenido.Completado ? 'text-white' : ''\" class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    {{ contenido.Descripcion.length > 30 ? contenido.Descripcion.substring(0, 30) + '...' : contenido.Descripcion }}\r\n                                  </p>\r\n                                   \r\n                                  <div :class=\"contenido.Completado ? 'text-white' : ''\" class=\"d-flex align-items-center text-white-50 flex-wrap mt-2 \">\r\n                                    <i class=\"fas fa-circle-check mr-1\"></i>\r\n                                    <small :class=\"contenido.Completado ? 'text-white' : ''\" class=\"custom-punto d-flex align-items-center\">\r\n                                      última actualización\r\n                                      <span class=\"ml-1 \" :class=\"contenido.Completado ? 'text-white' : 'text-primary' \" >\r\n                                        {{ contenido.UltimaActualizacion | formatLastUpdateDate }}\r\n                                      </span>\r\n                                    </small>\r\n                                    <i :class=\"contenido.Completado ? 'text-white' : '' \" class=\"fas fa-clock mr-1\"></i>\r\n                                    <code :class=\"contenido.Completado ? 'text-white' : '' \">{{ contenido.Duracion }}m</code>\r\n                                  </div>\r\n                                </div>\r\n                              </div> -->\r\n                              <!-- <div class=\"row pl-2\">\r\n                                <div class=\"col-2 d-flex justify-content-center align-items-center\">\r\n                                  <div\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center\"\r\n                                    style=\"width: 50px; height: 50px\" :class=\"contenido.Tipo === 'video' ? 'bg-danger' :\r\n                                      contenido.Tipo === 'documento' ? 'bg-primary' : 'bg-warning'\">\r\n                                    <i :class=\"contenido.Tipo === 'video' ? 'fa fa-play' :\r\n                                      contenido.Tipo === 'documento' ? 'fa fa-file-text' : 'fa-solid fa-image'\"\r\n                                      style=\"font-size: 1.5rem\"></i>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"col-10 my-2 overflow-hidden\">\r\n                                  <h4 class=\"font-weight-bold text-capitalize\">\r\n                                    {{ contenido.Titulo }}\r\n                                  </h4>\r\n                                  <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    {{ contenido.Descripcion.length > 30 ? contenido.Descripcion.substring(0, 30) + '...' : contenido.Descripcion }}\r\n                                  </p>\r\n                                   \r\n                                  <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                    <i class=\"fas fa-circle-check mr-1\"></i>\r\n                                    <small class=\"custom-punto d-flex align-items-center\">\r\n                                      última actualización\r\n                                      <span class=\"ml-1 text-primary\">\r\n                                        {{ contenido.UltimaActualizacion | formatLastUpdateDate }}\r\n                                      </span>\r\n                                    </small>\r\n                                    <i class=\"fas fa-clock mr-1\"></i>\r\n                                    <code>{{ contenido.Duracion }}m</code>\r\n                                  </div>\r\n                                </div>\r\n                              </div> -->\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div v-if='listaEvaluaciones.length > 0'>\r\n                          <h3 class='ml-3 py-2'>Evaluaciones</h3>\r\n                          <div v-b-tooltip.hover  :title=\"evaluacion.nota !== 0 ? 'Evaluación Finalizada' : ''\"  v-for='(evaluacion, indexEvaluacion) in listaEvaluaciones' :key='indexEvaluacion'\r\n                            @click='RealizarEvaluacion(evaluacion)' class=\"col-12 pr-0 mb-2\">\r\n                            <div  @mouseenter=\"hoveredItemEvaluacion = indexEvaluacion\" @mouseleave=\"hoveredItemEvaluacion = null\" class=\"col-12 d-flex align-items-center py-2 rounded position-relative\"\r\n                              :class='evaluacion.nota !== 0 ? \"bg-primary-transparent\" : \"bg-dark\"'>\r\n                              <!-- <div class='position-absolute' v-if='evaluacion.nota !== 0'\r\n                                style='top: 50%; right: .5rem;transform: translateY(-50%);'>\r\n                                <i class=\"fa-solid fa-circle-check\" style='font-size: 1.7rem;'></i>\r\n                              </div> -->\r\n                              <div class=\"row pl-2\">\r\n                                <div class=\"col-2 d-flex justify-content-center align-items-center\">\r\n                                  <div\r\n                                    v-if=\"evaluacion.nota !== 0 && hoveredItemEvaluacion === indexEvaluacion\"\r\n\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-primary transition \"\r\n                                    style=\"width: 50px; height: 50px\" >\r\n\r\n                                    <i class=\" text-white fa-solid fa-check transition\"\r\n\r\n                                      style=\"font-size: 1.5rem\"></i>\r\n\r\n                                  </div>\r\n                                  <div v-else\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-success\"\r\n                                    style=\"width: 50px; height: 50px\">\r\n                                    <i class=\"fa-solid fa-file-pen\" style='font-size: 1.4rem;'></i>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"col-10 my-2 overflow-hidden\">\r\n                                  <h4 :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \" class=\"font-weight-bold text-capitalize\">\r\n                                    {{ evaluacion.Titulo }}\r\n                                  </h4>\r\n                                  <p :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \" class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    {{ evaluacion.Descripcion }}\r\n                                  </p>\r\n                                  <p :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \" class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    N° preguntas: {{ evaluacion.CantidadPreguntas }}\r\n                                  </p>\r\n                                  <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                    <span :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \">Tiempo máximo: </span>\r\n                                    <code\r\n                                    :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \"\r\n                                      style='font-size: .8rem;margin-left: 2px;'>{{ evaluacion.TiempoEvaluacionMinutos }} min</code>\r\n                                    <i class=\"fas fa-clock ml-1\"></i>\r\n                                  </div>\r\n                                  <div :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \" class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                    <span :class=\"evaluacion.nota !== 0 ? 'text-primary-saturate' : '' \" class=\"text-primary ml-1\">{{ evaluacion.FechaApertura | formatLastUpdateDate\r\n                                    }} - {{ evaluacion.FechaCierre | formatLastUpdateDate }}</span>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <!-- <div v-for='(evaluacion, indexEvaluacion) in listaEvaluaciones' :key='indexEvaluacion'\r\n                            @click='RealizarEvaluacion(evaluacion)' class=\"col-12 pr-0 mb-2\">\r\n                            <div class=\"col-12 d-flex align-items-center py-2 rounded position-relative\"\r\n                              :class='evaluacion.nota !== 0 ? \"bg-blue\" : \"bg-dark\"'>\r\n                              <div class='position-absolute' v-if='evaluacion.Aplicada'\r\n                                style='top: 50%; right: .5rem;transform: translateY(-50%);'>\r\n                                <i class=\"fa-solid fa-circle-check\" style='font-size: 1.7rem;'></i>\r\n                              </div>\r\n                              <div class=\"row pl-2\">\r\n                                <div class=\"col-2 d-flex justify-content-center align-items-center\">\r\n                                  <div\r\n                                    class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-success\"\r\n                                    style=\"width: 50px; height: 50px\">\r\n                                    <i class=\"fa-solid fa-file-pen\" style='font-size: 1.4rem;'></i>\r\n                                  </div>\r\n                                </div>\r\n                                <div class=\"col-10 my-2 overflow-hidden\">\r\n                                  <h4 class=\"font-weight-bold text-capitalize\">\r\n                                    {{ evaluacion.Titulo }}\r\n                                  </h4>\r\n                                  <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    {{ evaluacion.Descripcion }}\r\n                                  </p>\r\n                                  <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                                    N° preguntas: {{ evaluacion.CantidadPreguntas }}\r\n                                  </p>\r\n                                  <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                    <span>Tiempo máximo: </span>\r\n                                    <code\r\n                                      style='font-size: .8rem;margin-left: 2px;'>{{ evaluacion.TiempoEvaluacionMinutos }} min</code>\r\n                                    <i class=\"fas fa-clock ml-1\"></i>\r\n                                  </div>\r\n                                  <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                    <span class=\"text-primary ml-1\">{{ evaluacion.FechaApertura | formatLastUpdateDate\r\n                                    }} - {{ evaluacion.FechaCierre | formatLastUpdateDate }}</span>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div> -->\r\n                        </div>\r\n                      </div>\r\n                    </b-collapse>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <!-- <div v-if=\"EvaluacionesCompletadas > 0 \"  class=\"d-flex w-100 align-items-center rounded p-2 card-class pointer\"> -->\r\n              <div v-if=\"CertificadoFinalizacion\"  class=\"d-flex w-100 align-items-center rounded p-2 card-class pointer\">\r\n\r\n                <div @click=\"$router.push('/helex/CertificadoDeFinalizacion/' + CursoId + '/' + persona.id)\"\r\n                     class=\"row bg-dark m-0 pl-2 py-2\" style='border-radius: 5px; width: 100% !important;'>\r\n                    <div class=\"col-3  px-0 d-flex justify-content-center align-items-center\">\r\n                      <div class=\"rounded-circle d-flex justify-content-center align-items-center\"\r\n                          style=\"width: 4rem; height: 4rem;\r\n                                  box-shadow: 0 -1px 33px -8px var(--cyan);\r\n                                  -webkit-box-shadow: 0 -1px 33px -8px var(--cyan);\r\n                                  -moz-box-shadow: 0 -1px 33px -8px var(--cyan);\r\n                                  background-color: var(--cyan)\">\r\n                          <i class=\"fa fa-graduation-cap\" style=\"font-size: 2rem;  \"></i>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-9 my-2 overflow-hidden\">\r\n                      <h4 class=\"font-weight-bold text-capitalize\">\r\n                          Certificado de Finalización\r\n                      </h4>\r\n                      <p class=\"text-white-50 m-0 custom-descripcion\">¡Felicidades por tu Certificado de Finalización!\r\n                      </p>\r\n\r\n                    </div>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- btn sidebar -->\r\n          <vs-button v-b-toggle.sidebar-variant danger :active=\"activeSidebar\" @click=\"toggleSidebar\"\r\n            :class=\"{ 'd-none': !activeSidebar }\" class=\"sidebar-toggle-btn d-lg-none\">\r\n            <i class=\"fas fa-chevron-right\"></i>\r\n          </vs-button>\r\n\r\n          <!-- sidebar list clases -->\r\n          <b-sidebar id=\"sidebar-variant\" bg-variant=\"dark\" text-variant=\"light\" backdrop shadow\r\n            @hidden=\"toggleSidebar\">\r\n            <template v-slot:title>\r\n              <small>Clases del curso...</small>\r\n              <small class=\"text-primary\" style=\"font-size: 1rem\">\r\n                {{ Number(ContenidoVisualizacion.index) + 1 || 0 }}/{{ listaContenidos.length }}\r\n              </small>\r\n            </template>\r\n            <div class=\"row mx-auto\">\r\n              <!-- lista completa de videos -->\r\n              <div>\r\n                <div class=\"list-clases classListContainer\" ref=\"classListContainer\">\r\n                  <div v-for=\"(clase, index) in listaClases\" :key=\"index\"\r\n                    class=\"d-flex w-100 align-items-center rounded p-2 card-class\">\r\n                    <div style='width: 100% !important;'>\r\n                      <div class=\"row bg-dark m-0 pl-2 py-1\" style='border-radius: 5px;'\r\n                        @click=\"seleccionarClase(clase, index)\" :style=\"{\r\n                          transition: 'box-shadow 0.3s ease',\r\n                          boxShadow: index === ClaseSeleccionada.index ? 'inset 0 0 0 2px #6653d1' : 'none', cursor: 'default'\r\n                        }\">\r\n                        <div class=\"col-3  px-0 d-flex justify-content-center align-items-center\">\r\n                          <div class=\"rounded-circle d-flex justify-content-center align-items-center\"\r\n                              style=\"width: 4rem; height: 4rem;\r\n                                      box-shadow: 0 -1px 33px -8px rgba(122,215,0,0.69);\r\n                                      -webkit-box-shadow: 0 -1px 33px -8px rgba(122,215,0,0.69);\r\n                                      -moz-box-shadow: 0 -1px 33px -8px rgba(122,215,0,0.69);\r\n                                      background-color: rgba(122,215,0,0.69)\">\r\n                              <i class=\"fa fa-book\" style=\"font-size: 2rem;  \"></i>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"col-9 my-2 overflow-hidden\">\r\n                          <h4 class=\"font-weight-bold text-capitalize\">\r\n                            {{ clase.titulo }}\r\n                          </h4>\r\n                          <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                            {{ clase.descripcion.slice(0, 25) }} {{ clase.descripcion.length > 25 ? '...' : '' }}\r\n                          </p>\r\n                          <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                            <i class=\"fas fa-circle-check mr-1\"></i>\r\n                            <small class=\"custom-punto d-flex align-items-center\">\r\n                              última actualización\r\n                              <span class=\"ml-1 text-primary\">{{ clase.ultimaAcatualizacion | formatLastUpdateDate\r\n                              }}</span>\r\n                            </small>\r\n                            <i class=\"fas fa-clock mr-1\"></i>\r\n                            <code>{{ clase.duracion }}m</code>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col-12 pr-0\">\r\n                        <b-collapse :id=\"'collapse-' + index\" :visible=\"ClaseSeleccionada.index === index\" class=\"mt-2\">\r\n                          <div v-if=\"LoadingContenidos\">\r\n                            <i class=\"fas fa-spinner fa-spin fa-2x text-primary\"></i>\r\n                          </div>\r\n                          <div v-else>\r\n                            <div v-if=\"listaContenidos.length === 0 && listaEvaluaciones.length === 0\">\r\n                              No hay contenidos aun cargados\r\n                            </div>\r\n                            <div v-else-if='listaContenidos.length > 0'>\r\n                              <div v-b-tooltip.hover  :title=\"contenido.Completado ? 'Contenido Finalizado' : ''\" v-for=\"(contenido, indexContenido) in listaContenidos\" :key=\"indexContenido\"\r\n                                @click=\"SeleccionarContenido(contenido, indexContenido)\" class=\"pr-0 mb-2 pl-0\">\r\n                                <div class=\"col-12 position-relative d-flex align-items-center py-2 rounded pointer\" :style=\"{\r\n                              transition: 'box-shadow 0.3s ease',\r\n                              boxShadow: ContenidoVisualizacion.ID === contenido.ID ?\r\n                              ContenidoVisualizacion.Tipo === 'video' ? 'inset 0 0 0 2px #f21343' :\r\n                              ContenidoVisualizacion.Tipo === 'documento' ? 'inset 0 0 0 2px #085ec5' :\r\n                              'inset 0 0 0 2px #fe721c' : 'none'\r\n                            }\" :class='contenido.Completado ? \"bg-primary-transparent\" : \"bg-dark\"'>\r\n                                  <div v-if='contenido.Completado' class='position-absolute'\r\n                                    style='top: 50%; right: .5rem;transform: translateY(-50%);'>\r\n                                    <i class=\"fa-solid fa-circle-check\" style='font-size: 1.7rem;'></i>\r\n                                  </div>\r\n                                  <div class=\"w-100 d-flex align-items-center pl-2\">\r\n                                    <div class=\"d-flex justify-content-center align-items-center\">\r\n                                      <div\r\n                                        class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center\"\r\n                                        style=\"width: 40px; height: 40px\" :class=\"contenido.Tipo === 'video' ? 'bg-danger' :\r\n                                          contenido.Tipo === 'documento' ? 'bg-primary' : 'bg-warning'\">\r\n                                        <i :class=\"contenido.Tipo === 'video' ? 'fa fa-play' :\r\n                                          contenido.Tipo === 'documento' ? 'fa fa-file-text' : 'fa-solid fa-image'\"\r\n                                          style=\"font-size: 1.5rem\"></i>\r\n                                      </div>\r\n                                    </div>\r\n                                    <div class=\"col-10 my-2 overflow-hidden pr-0\">\r\n                                      <h4 class=\"font-weight-bold text-capitalize\">\r\n                                        {{ contenido.Titulo }}\r\n                                      </h4>\r\n                                      <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                                        {{ contenido.Descripcion.slice(0, 30) }} {{ contenido.Descripcion.length > 30 ?\r\n                                          '...' : '' }}\r\n                                      </p>\r\n                                      <div class=\"text-white-50 mt-1\">\r\n                                        <small class=\"custom-punto d-flex align-items-center\">\r\n                                          <i class=\"fas fa-circle-check mr-1\"></i>\r\n                                          última actualización\r\n                                          <span class=\"ml-1 text-primary\">\r\n                                            {{ contenido.UltimaActualizacion | formatLastUpdateDate }}\r\n                                          </span>\r\n                                        </small>\r\n                                        <i class=\"fas fa-clock mr-1\"></i>\r\n                                        <code>{{ contenido.Duracion }}m</code>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div v-if='listaEvaluaciones.length > 0'>\r\n                              <h3 class='py-2'>Evaluaciones</h3>\r\n                              <div v-b-tooltip.hover  :title=\"evaluacion.nota !== 0 ? 'Evaluación Finalizada' : ''\" v-for='(evaluacion, indexEvaluacion) in listaEvaluaciones' :key='indexEvaluacion'\r\n                                @click='RealizarEvaluacion(evaluacion)' class=\"col-12 pr-0 pl-0 mb-2\">\r\n                                <div  @mouseenter=\"hoveredItemEvaluacion = indexEvaluacion\" @mouseleave=\"hoveredItemEvaluacion = null\" class=\"col-12 d-flex align-items-center py-2 rounded position-relative\"\r\n                                      :class='evaluacion.nota !== 0 ? \"bg-primary-transparent\" : \"bg-dark\"'>\r\n                                  <div class='position-absolute' v-if='evaluacion.nota !== 0'\r\n                                    style='top: 50%; right: .5rem;transform: translateY(-50%);'>\r\n                                    <i class=\"fa-solid fa-circle-check\" style='font-size: 1.7rem;'></i>\r\n                                  </div>\r\n                                  <div class=\"d-flex align-content-center pl-2\">\r\n                                    <div class=\"d-flex justify-content-center align-items-center\">\r\n                                      <div\r\n                                        class=\"p-2 p-lg-3 rounded-circle d-flex justify-content-center align-items-center bg-success\"\r\n                                        style=\"width: 40px; height: 40px\">\r\n                                        <i class=\"fa-solid fa-file-pen\" style='font-size: 1.4rem;'></i>\r\n                                      </div>\r\n                                    </div>\r\n                                    <div class=\"col-10 my-2 overflow-hidden\">\r\n                                      <h4 class=\"font-weight-bold text-capitalize\">\r\n                                        {{ evaluacion.Titulo }}\r\n                                      </h4>\r\n                                      <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                                        {{ evaluacion.Descripcion.slice(0, 25) }} {{ evaluacion.Descripcion.length > 30\r\n                                          ?\r\n                                          '...' : ''\r\n                                        }}\r\n                                      </p>\r\n                                      <p class=\"text-white-50 m-0 custom-descripcion\">\r\n                                        N° preguntas: {{ evaluacion.CantidadPreguntas }}\r\n                                      </p>\r\n                                      <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                        <span>Tiempo máximo: </span>\r\n                                        <code style='font-size: .8rem;margin-left: 2px;'>{{ evaluacion.TiempoEvaluacionMinutos }}\r\n                              min</code>\r\n                                        <i class=\"fas fa-clock ml-1\"></i>\r\n                                      </div>\r\n                                      <div class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\">\r\n                                        <span class=\"text-primary ml-1\">{{ evaluacion.FechaApertura |\r\n                                          formatLastUpdateDate\r\n                                        }} - {{ evaluacion.FechaCierre | formatLastUpdateDate }}</span>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </b-collapse>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div v-if=\"CertificadoFinalizacion\"  class=\"d-flex w-100 align-items-center rounded p-2 card-class pointer\">\r\n                    <!-- <p> listaItems --- {{listaItems[0].Nota}} </p> -->\r\n                    <div @click=\"$router.push('/helex/CertificadoDeFinalizacion/' + CursoId + '/' + persona.id)\" class=\"row bg-dark m-0 pl-2 py-2\" style='border-radius: 5px; width: 100% !important;'>\r\n                      <div class=\"col-3  px-0 d-flex justify-content-center align-items-center\">\r\n                        <div class=\"rounded-circle d-flex justify-content-center align-items-center\"\r\n                             style=\"width: 4rem; height: 4rem;\r\n                                  box-shadow: 0 -1px 33px -8px var(--cyan);\r\n                                  -webkit-box-shadow: 0 -1px 33px -8px var(--cyan);\r\n                                  -moz-box-shadow: 0 -1px 33px -8px var(--cyan);\r\n                                  background-color: var(--cyan)\">\r\n                          <i class=\"fa fa-graduation-cap\" style=\"font-size: 2rem;  \"></i>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col-9 my-2 overflow-hidden\">\r\n                        <h4 class=\"font-weight-bold text-capitalize\">\r\n                          Certificado de Finalización\r\n                        </h4>\r\n                        <p class=\"text-white-50 m-0 custom-descripcion\">¡Felicidades por tu Certificado de Finalización!\r\n                        </p>\r\n\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </b-sidebar>\r\n        </div>\r\n      </b-card>\r\n      <div v-else class=\"d-flex justify-content-center align-items-center font-italic h3\">\r\n        <i class=\"fas fa-spinner fa-spin mr-1\"></i>\r\n        Cargando datos...\r\n      </div>\r\n    </div>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport YouTubePlayer from \"../../../../components/helexium/YouTubePlayer.vue\";\r\n  import moment_timezone from \"moment-timezone\";\r\n  import Swal from 'sweetalert2';\r\n\r\n  export default {\r\n    name: \"AcademiaVideos\",\r\n    components: {\r\n      YouTubePlayer\r\n    },\r\n    data() {\r\n      return {\r\n        hoveredItem: null,\r\n        hoveredItemEvaluacion: null,\r\n        CursoId: null,\r\n        activeSidebar: true,\r\n        cursoAcademia: {},\r\n        listaClases: [],\r\n        listaContenidos: [],\r\n        listaEvaluaciones: [],\r\n        isURLValid: false,\r\n        persona: {},\r\n        ContenidoSeleccionado: false,\r\n        ContenidoVisualizacion: {},\r\n        ClaseSeleccionada: {},\r\n        LoadingContenidos: false,\r\n        EvaluacionesCompletadas: [],\r\n        PonderadoActual: null,\r\n        NotaMinimaCurso: null,\r\n        CertificadoFinalizacion: null\r\n      };\r\n    },\r\n    async mounted() {\r\n      this.$isLoading(true);\r\n      this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n      this.cursoAcademia = null;\r\n      this.listaClases = [];\r\n      this.CursoId = this.$route.params.id\r\n      await this.getCertificado();\r\n\r\n\r\n      await this.getListClasesCursoAcademia(this.CursoId);\r\n      // await this.getListClasesCursoAcademia(this.$route.params.id);\r\n      console.log(\"visualizacion: \", this.ContenidoVisualizacion);\r\n      this.$isLoading(false);\r\n    },\r\n    methods: {\r\n      async getCertificado() {\r\n        try {\r\n          let responseNota = await this.$store.dispatch(\"hl_get\", {\r\n            path: `CursosAcademia/CertificadoDisponible/${this.$route.params.id}/persona/${this.persona.id}`,\r\n          })\r\n          if (responseNota.respuesta) {\r\n            this.CertificadoFinalizacion = responseNota.data;\r\n          }\r\n        } catch (error) {\r\n          console.error(\"Error: \" + error);\r\n        }\r\n      },\r\n\r\n      // async infoNota(){\r\n      //   try {\r\n      //     await this.$store.dispatch('hl_get',{\r\n      //       path: `EvaluacionesAcademia/ObtenerIntentosEvaluacion/${this.listaEvaluaciones.Id}/persona/${this.persona.id}`,\r\n      //     }).then(res => {\r\n      //       if (res.respuesta){\r\n      //         this.InfoEvaluacion = res.data.InfoEvaluacion;\r\n      //         // this.intentos = res.data.Intentos;\r\n      //       }\r\n      //     })\r\n      //   }catch (error){\r\n      //     console.log(\"error:\"+error)\r\n      //   }\r\n      // },\r\n      evaluacionesYContenidosCompletados() {\r\n\r\n      console.log(\"Lista de Contenidos:\", this.listaContenidos);\r\n      console.log(\"Lista de Evaluaciones:\", this.listaEvaluaciones);\r\n\r\n      if (this.listaContenidos.length === 0 || this.listaEvaluaciones.length === 0) {\r\n        console.log(\"No hay contenidos o evaluaciones suficientes.\");\r\n        return false;\r\n      }\r\n\r\n      const todosLosContenidosVistos = this.listaContenidos.every(contenido => contenido.Completado === true);\r\n      console.log(\"Todos los contenidos vistos:\", todosLosContenidosVistos);\r\n\r\n      const todasLasEvaluacionesRealizadas = this.listaEvaluaciones.every(evaluacion => evaluacion.nota > 0);\r\n      console.log(\"Todas las evaluaciones realizadas:\", todasLasEvaluacionesRealizadas);\r\n\r\n      return todosLosContenidosVistos && todasLasEvaluacionesRealizadas;\r\n    },\r\n      toggleSidebar() {\r\n        this.activeSidebar = !this.activeSidebar;\r\n      },\r\n      async getListClasesCursoAcademia(cursoId) {\r\n        try {\r\n          let res = await this.$store.dispatch(\"hl_get\", {\r\n            path: `ClasesCursosAcademia/ObtenerInformacionCurso/${cursoId}/persona/${this.persona.id}`,\r\n          });\r\n          if (res.respuesta) {\r\n            this.cursoAcademia = res.data;\r\n            this.listaClases = res.data.Clases;\r\n            let i = 0;\r\n            while (i < res.data.Clases.length) {\r\n              try {\r\n                await this.seleccionarClase(res.data.Clases[i], i);\r\n\r\n                let contenidoNoCompletado = this.listaContenidos.find(contenido => contenido.Completado === false);\r\n\r\n                if (this.listaContenidos.length === 0) {\r\n                  this.ClaseSeleccionada = { ...this.listaClases[i], index: i };\r\n                  break;\r\n                }\r\n\r\n                if (this.listaEvaluaciones.length > 0) {\r\n                  if (contenidoNoCompletado) {\r\n                    this.ClaseSeleccionada = { ...this.listaClases[i], index: i };\r\n                    await this.SeleccionarContenido(contenidoNoCompletado, i);\r\n                    break;\r\n                  }\r\n                  let evaluacionRealizada = this.listaEvaluaciones.find(evaluaciones => !evaluaciones.Aplicada);\r\n                  if (evaluacionRealizada) {\r\n                    this.ClaseSeleccionada = { ...this.listaClases[i], index: i };\r\n                    Swal.fire({\r\n                      title: 'Evaluación pendiente',\r\n                      text: 'Tienes evaluaciones pendiente por realizar, ¿Deseas realizarla ahora?',\r\n                      icon: 'info',\r\n                      showCancelButton: true,\r\n                      confirmButtonText: 'Sí',\r\n                      cancelButtonText: 'No',\r\n                    }).then((result) => {\r\n                      if (result.isConfirmed) {\r\n                        this.RealizarEvaluacion(evaluacionRealizada);\r\n                      }\r\n                    });\r\n                    break;\r\n                  }\r\n                } else {\r\n                  if (contenidoNoCompletado) {\r\n                    this.ClaseSeleccionada = { ...this.listaClases[i], index: i };\r\n                    await this.SeleccionarContenido(contenidoNoCompletado, i);\r\n                    break;\r\n                  }\r\n                }\r\n              } catch (error) {\r\n                console.log(\"error capturado: \", error);\r\n              }\r\n              i++;\r\n            }\r\n          }\r\n        } catch (error) {\r\n          console.log(\"error capturado: \", error);\r\n        }\r\n      },\r\n      async SeleccionarContenido(video, index) {\r\n        this.ContenidoVisualizacion = {};\r\n        this.ContenidoSeleccionado = true;\r\n        this.ContenidoVisualizacion = video;\r\n        this.ContenidoVisualizacion.index = index;\r\n        console.log(\"Contenido seleccionado: \", this.ContenidoVisualizacion);\r\n        await this.validateVideoURL(video.UrlContenidoCurso);\r\n      },\r\n      async RealizarEvaluacion(evaluacion) {\r\n        await this.$router.push(`/helex/Ayuda/Academia/InformacionEvaluacion/${evaluacion.ID}`)\r\n      },\r\n      async seleccionarClase(clase, index) {\r\n        this.ContenidoVisualizacion = {};\r\n        this.ContenidoSeleccionado = false;\r\n        this.LoadingContenidos = true\r\n        this.ClaseSeleccionada = clase;\r\n        this.ClaseSeleccionada.index = index;\r\n\r\n        await Promise.all([\r\n          this.$store.dispatch('hl_get', {\r\n            path: `ContenidoClasesCursosAcademia/ObtenerContenidos/${clase.id}/persona/${this.persona.id}`\r\n          }),\r\n          this.$store.dispatch('hl_get', {\r\n            path: `EvaluacionesAcademia/ObtenerEvaluacionesClasePersona/${clase.id}/persona/${this.persona.id}`\r\n          })\r\n        ]).then(([contenidoResponse, evaluacionResponse]) => {\r\n          if (contenidoResponse.respuesta) {\r\n            this.listaContenidos = contenidoResponse.data;\r\n            this.LoadingContenidos = false;\r\n          }\r\n          if (evaluacionResponse.respuesta) {\r\n            this.listaEvaluaciones = evaluacionResponse.data;\r\n            console.log(\"evaluaciones: \", this.listaEvaluaciones);\r\n            this.LoadingContenidos = false;\r\n          }\r\n        }).catch(error => {\r\n          this.LoadingContenidos = false;\r\n          alert('Error al cargar datos:', error);\r\n        });\r\n        const container = this.$refs.classListContainer;\r\n\r\n        const element = container.children[index];\r\n        container.scrollTop = element.offsetTop;\r\n        this.LoadingContenidos = false;\r\n      },\r\n      async nextVideo() {\r\n        if (this.ContenidoVisualizacion.index < this.listaContenidos.length - 1) {\r\n          let index = this.ContenidoVisualizacion.index + 1;\r\n          this.ContenidoVisualizacion = this.listaContenidos[this.ContenidoVisualizacion.index + 1];\r\n          this.ContenidoVisualizacion.index = index;\r\n          this.validateVideoURL(this.ContenidoVisualizacion.UrlContenidoCurso);\r\n        }\r\n        else {\r\n          await this.seleccionarClase(this.listaClases[this.ClaseSeleccionada.index+1],this.ClaseSeleccionada.index+1);\r\n          await this.SeleccionarContenido(this.listaContenidos[0],0);\r\n        }\r\n      },\r\n      async previousVideo() {\r\n        if (this.ContenidoVisualizacion.index > 0) {\r\n          let index = this.ContenidoVisualizacion.index - 1;\r\n          this.ContenidoVisualizacion = this.listaContenidos[this.ContenidoVisualizacion.index - 1];\r\n          this.ContenidoVisualizacion.index = index;\r\n          await this.validateVideoURL(this.ContenidoVisualizacion.UrlContenidoCurso);\r\n        }else{\r\n          await this.seleccionarClase(this.listaClases[this.ClaseSeleccionada.index -1], this.ClaseSeleccionada.index -1);\r\n          await this.SeleccionarContenido(this.listaContenidos[this.listaContenidos.length-1],this.listaContenidos.length-1);\r\n        }\r\n      },\r\n      disableNext(indexContenido, indexClase) {\r\n        return indexContenido === this.listaContenidos.length - 1 && indexClase === this.listaClases.length - 1;\r\n      },\r\n      disablePrev(indexContenido, indexClase){\r\n        return indexContenido === 0 && indexClase === 0;\r\n      },\r\n      async validateVideoURL(videoURL) {\r\n        try {\r\n          console.log(\"Video url:   \" + videoURL)\r\n          await fetch(videoURL, { method: \"HEAD\", mode: \"no-cors\" });\r\n          this.isURLValid = true;\r\n        } catch (error) {\r\n          this.isURLValid = false;\r\n        }\r\n      },\r\n      async ContenidoCompletado(contenidoId) {\r\n        this.listaContenidos.find(cnt => cnt.ID === contenidoId).Completado = true;\r\n        await this.$store.dispatch(\"hl_post\", {\r\n          path: `SeguimientoPersonasCursos/IniciarSeguimientoClaseContenido/${contenidoId}/persona/${this.persona.id}`,\r\n        });\r\n        await this.getCertificado();\r\n        await this.nextVideo();\r\n      },\r\n    },\r\n    computed: {\r\n      nextVideoTitle() {\r\n        if (this.ContenidoVisualizacion.index < this.listaContenidos.length - 1) {\r\n          return this.listaContenidos[this.ContenidoVisualizacion.index + 1].Titulo;\r\n        }\r\n        return \"\";\r\n      },\r\n      previousVideoTitle() {\r\n        if (this.ContenidoVisualizacion.index > 0) {\r\n          return this.listaContenidos[this.ContenidoVisualizacion.index - 1].Titulo;\r\n        }\r\n        return \"\";\r\n      },\r\n    },\r\n    filters: {\r\n      formatLastUpdateDate(fechaOriginal) {\r\n        return moment_timezone\r\n          .tz(fechaOriginal, \"America/Bogota\")\r\n          .format(\"MMM D, YYYY\");\r\n      },\r\n    },\r\n  };\r\n</script>\r\n\r\n<style scoped>\r\n .transition{\r\n  transition: 0.2s;\r\n }\r\n\r\n.video-container {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-top: 56.25%; /* Proporción 16:9 (9 / 16 = 0.5625 o 56.25%) */\r\n  margin-top: 20px;\r\n}\r\n\r\n.responsive-iframe {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: auto;\r\n  border: none;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.video-container-yt {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-top: 56.25%; /* Proporción 16:9 (9 / 16 = 0.5625 o 56.25%) */\r\n  margin-top: 20px;\r\n}\r\n\r\n.responsive-iframe-yt {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100% !important;\r\n  border: none;\r\n  border-radius: 8px;\r\n  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */\r\n}\r\n\r\n.iframe2 {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n  .content-list-class {\r\n    position: relative;\r\n    max-height: 90vh;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .list-clases {\r\n    max-height: 90vh;\r\n    overflow-y: scroll;\r\n    gap: 1rem;\r\n    padding-bottom: 200px;\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  /*------------- .content-list-class se encuentra en la vista _dark.scss y en custom.css-------------------- */\r\n\r\n  /* .content-list-class::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 100px;\r\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(16, 36, 68));\r\n  pointer-events: none;\r\n} */\r\n\r\n  @keyframes show {\r\n    from {\r\n      opacity: 0;\r\n      scale: 25%;\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      scale: 100%;\r\n    }\r\n  }\r\n\r\n  .card-class {\r\n    view-timeline-axis: block;\r\n\r\n    animation-timeline: --clase;\r\n    animation-name: show;\r\n    animation-range: entry 25% cover 50%;\r\n    animation-fill-mode: both;\r\n  }\r\n\r\n  .sidebar-toggle-btn {\r\n    height: 10rem;\r\n    position: fixed;\r\n    top: 50%;\r\n    transform: translate(-40%, -50%);\r\n    margin-left: -35px;\r\n\r\n    /* left: 0; */\r\n    z-index: 0;\r\n  }\r\n\r\n  .sidebar-toggle-btn:hover {\r\n    transform: translate(-20%, -50%);\r\n  }\r\n\r\n  /* .active {\r\n  background-color: #059668;\r\n} */\r\n  .active {\r\n    background-color: rgba(5, 150, 104, 0.8);\r\n  }\r\n\r\n  /* Fade transition */\r\n  .fade-enter-active,\r\n  .fade-leave-active {\r\n    transition: opacity 0.5s;\r\n  }\r\n\r\n  .fade-enter,\r\n  .fade-leave-to\r\n\r\n  /* .fade-leave-active in <2.1.8 */\r\n    {\r\n    opacity: 0;\r\n  }\r\n\r\n  .circle-badge {\r\n    border-radius: 50%;\r\n    width: 24px;\r\n    height: 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .custom-descripcion {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    word-wrap: break-word;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 4;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n  /* .bg-academia {\r\n  background-image: url(/img/blob-scene-haikei-l.svg);\r\n\r\n  background-size: cover;\r\n  background-position: top;\r\n}\r\n.dark .bg-academia {\r\n  background-image: url('/img/blob-scene-haikei.svg');\r\n\r\n  background-size: cover;\r\n  background-position: top;\r\n} */\r\n \r\n@media screen and (max-width: 768px) {\r\n\r\n  .video-container-yt {\r\n  /* position: relative; */\r\n  width: 100%;\r\n  padding-top: 56.25%; /* Proporción 16:9 (9 / 16 = 0.5625 o 56.25%) */\r\n  margin-top: 20px;\r\n}\r\n\r\n.responsive-iframe-yt {\r\n  /* position: absolute; */\r\n  /* top: 0;\r\n  left: 0;\r\n  width: 100%; */\r\n  height: 100% !important;\r\n  /* min-height: 300px; */\r\n  /* border: none;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */\r\n}\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AcademiaCurso.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!./AcademiaCurso.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AcademiaCurso.vue?vue&type=template&id=4ab57d51&scoped=true\"\nimport script from \"./AcademiaCurso.vue?vue&type=script&lang=js\"\nexport * from \"./AcademiaCurso.vue?vue&type=script&lang=js\"\nimport style0 from \"./AcademiaCurso.vue?vue&type=style&index=0&id=4ab57d51&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  \"4ab57d51\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}