{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.reduce.js","webpack:///./node_modules/core-js/internals/engine-is-node.js","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaVideos.vue","webpack:///src/views/Helexium/Ayuda/Academia/AcademiaVideos.vue","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaVideos.vue?9d12","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaVideos.vue?c10d","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///./src/views/Helexium/Ayuda/Academia/AcademiaVideos.vue?e0e1"],"names":["$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","target","proto","forced","reduce","callbackfn","length","arguments","this","undefined","global","classof","module","exports","process","render","_vm$cursoAcademia$pre","_vm$cursoAcademia$cat","_vm","_c","_self","staticClass","cursoAcademia","attrs","previewImagenUrl","titulo","staticStyle","_v","_s","descripcion","categoriaCurso","responsable","nombres","apellidos","scopedSlots","_u","key","fn","privacidad","proxy","class","_f","ultimaActualizacion","listaClases","totalHoras","clase","parseInt","duracion","_e","isVideoURLValid","selectedVideo","urlClaseVideo","index","directives","name","rawName","modifiers","previousVideoTitle","on","previousVideo","nextVideoTitle","nextVideo","ref","_l","id","style","transition","boxShadow","cursor","$event","clickHandle","ultimaAcatualizacion","activeSidebar","toggleSidebar","substring","opacity","staticRenderFns","data","responsableId","certificadoFinalizacion","clases","categoriaCursoId","crusoAcademiaId","$isLoading","getListClasesCursoAcademia","$route","params","methods","cursoId","res","$store","dispatch","path","success","validateVideoURL","error","video","url","container","$refs","classListContainer","element","children","containerCenter","clientHeight","elementCenter","offsetTop","scrollTop","videoURL","fetch","method","mode","computed","filteredVideos","slice","filters","formatLastUpdateDate","fechaOriginal","moment_timezone","tz","format","component","fails","METHOD_NAME","argument","call","aCallable","toObject","IndexedObject","lengthOfArrayLike","$TypeError","TypeError","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","i","right"],"mappings":"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","file":"js/chunk-fff4348e.713b97a3.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar CHROME_VERSION = require('../internals/engine-v8-version');\nvar IS_NODE = require('../internals/engine-is-node');\n\n// Chrome 80-82 has a critical bug\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982\nvar CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;\nvar FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');\n\n// `Array.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    var length = arguments.length;\n    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);\n  }\n});\n","'use strict';\nvar global = require('../internals/global');\nvar classof = require('../internals/classof-raw');\n\nmodule.exports = classof(global.process) === 'process';\n","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',{attrs:{\"bg-variant\":\"dark\"}},[_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.categoriaCurso?.descripcion))]),_c('span',{staticClass:\"custom-punto d-flex align-items-center text-capitalize\"},[_vm._v(\"Por \"+_vm._s(_vm.cursoAcademia.responsable.nombres)+\" \"+_vm._s(_vm.cursoAcademia.responsable.apellidos))]),_c('vs-tooltip',{scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(_vm._s(_vm.cursoAcademia.privacidad === 1 ? \"Curso público\" : \"Curso privado\"))]},proxy:true}],null,false,3031549308)},[_c('i',{class:`fas fa-${\n                  _vm.cursoAcademia.privacidad === 1 ? 'earth-americas' : 'lock'\n                }`})])],1),_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-info 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.listaClases.reduce( (totalHoras, clase) => totalHoras + parseInt(clase.duracion), 0 ))+\"h\")]),_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.isVideoURLValid)?_c('div',{staticClass:\"w-100\"},[_c('b-embed',{staticClass:\"rounded\",attrs:{\"type\":\"iframe\",\"aspect\":\"16by9\",\"src\":_vm.selectedVideo.urlClaseVideo,\"allowfullscreen\":\"\"}}),_c('div',{staticClass:\"row mt-4\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-lg 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.selectedVideo.index + 1)+\"/\"+_vm._s(_vm.listaClases.length))]),_c('h3',{staticClass:\"text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm.selectedVideo.titulo)+\" \")])])]),_c('div',{staticClass:\"col-12 col-lg-3\"},[_c('vs-button-group',[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"px-4 py-2\",attrs:{\"title\":_vm.previousVideoTitle,\"disabled\":_vm.selectedVideo.index === 0,\"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,\"disabled\":_vm.selectedVideo.index === _vm.listaClases.length - 1,\"flat\":\"\",\"icon\":\"\"},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\"}),_c('p',{staticClass:\"h4\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" \"+_vm._s(_vm.selectedVideo.descripcion)+\" \")])])])],1):_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',{staticClass:\"col-4 d-none d-lg-block content-list-class\"},[_c('div',{ref:\"classListContainer\",staticClass:\"row list-clases classListContainer\"},_vm._l((_vm.listaClases),function(clase,index){return _c('div',{key:clase.id,staticClass:\"col-12 d-flex align-items-center py-2 bg-dark rounded card-class\",style:({\n                transition: 'box-shadow 0.3s ease',\n                boxShadow:\n                  index === _vm.selectedVideo.index\n                    ? 'inset 0 0 0 2px #1A5CFF'\n                    : 'none',\n                cursor: 'default',\n              }),on:{\"click\":function($event){return _vm.clickHandle(clase, index)}}},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-12 col-xl d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"bg-secondary p-3 rounded-circle\",staticStyle:{\"box-shadow\":\"0px -1px 33px -8px #d70027\",\"-webkit-box-shadow\":\"0px -1px 33px -8px #d70027\",\"-moz-box-shadow\":\"0px -1px 33px -8px #d70027\"}},[_c('i',{staticClass:\"far fa-circle-play\",staticStyle:{\"font-size\":\"2rem\"}})])]),_c('div',{staticClass:\"col-12 col-xl-9 my-3 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-info\"},[_vm._v(_vm._s(_vm._f(\"formatLastUpdateDate\")(clase.ultimaAcatualizacion)))])]),_c('i',{staticClass:\"fas fa-clock mr-1\"}),_c('code',{staticClass:\"text-white\"},[_vm._v(_vm._s(clase.duracion)+\"h\")])])])])])}),0)]),_c('vs-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-variant\",modifiers:{\"sidebar-variant\":true}}],staticClass:\"sidebar-toggle-btn\",class:{ 'd-none': !_vm.activeSidebar },attrs:{\"transparent\":\"\",\"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-info\",staticStyle:{\"font-size\":\"1rem\"}},[_vm._v(_vm._s(_vm.selectedVideo.index + 1)+\"/\"+_vm._s(_vm.listaClases.length))])]},proxy:true}],null,false,3953696003)},[_c('div',{staticClass:\"row mx-auto\"},[_c('ul',{staticClass:\"col\"},[_c('li',_vm._l((_vm.listaClases),function(clase,index){return _c('vs-button',{key:clase.id,staticClass:\"w-100 py-2 my-2\",attrs:{\"flat\":index !== _vm.selectedVideo.index,\"gradient\":index === _vm.selectedVideo.index},on:{\"click\":function($event){return _vm.clickHandle(clase, index)}}},[_c('div',{staticClass:\"row w-100 d-flex align-items-center\"},[_c('div',{staticClass:\"col-2 position-relative\"},[(index === _vm.selectedVideo.index)?_c('i',{class:`fas fa-play ${\n                          index === _vm.selectedVideo.index ? 'text-white' : ''\n                        }`,staticStyle:{\"font-size\":\"1.5rem\"}}):_c('i',{staticClass:\"fas fa-circle-play font-weight-bold h1 text-primary position-absolute\",staticStyle:{\"transform\":\"translate(-50%, -50%)\",\"top\":\"50%\",\"left\":\"50%\",\"opacity\":\"50%\",\"font-size\":\"3rem\",\"overflow\":\"hidden\"}})]),_c('div',{staticClass:\"col text-left\"},[_c('span',{class:`font-weight-bold text-capitalize ${\n                          index === _vm.selectedVideo.index\n                            ? 'text-white'\n                            : 'text-white-50'\n                        }`},[_vm._v(\" \"+_vm._s(clase.titulo.length > 25 ? clase.titulo.substring(0, 25) + \"...\" : clase.titulo)+\" \")]),_c('p',{staticClass:\"m-0\",style:({\n                          opacity:\n                            index === _vm.selectedVideo.index ? '90%' : '50%',\n                        })},[_vm._v(\" \"+_vm._s(clase.descripcion.length > 60 ? clase.descripcion.substring(0, 60) + \"...\" : clase.descripcion)+\" \")])])])])}),1)])])])],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      <!-- info curso card -->\r\n      <b-card v-if=\"cursoAcademia !== null\" bg-variant=\"dark\">\r\n        <div class=\"row\">\r\n          <div class=\"col-12 col-lg-3 d-flex align-items-center\">\r\n            <img\r\n              class=\"rounded w-100\"\r\n              :src=\"\r\n                cursoAcademia.previewImagenUrl ?? '/img/image_cursos_alt.png'\r\n              \"\r\n              :alt=\"cursoAcademia.titulo\"\r\n            />\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\r\n              class=\"text-white-50 m-0 h4 custom-descripcion mb-1\"\r\n              style=\"line-height: 1.5\"\r\n            >\r\n              {{ cursoAcademia.descripcion }}\r\n            </p>\r\n            <div class=\"d-flex align-items-center my-1 flex-wrap\">\r\n              <span\r\n                class=\"custom-punto d-flex align-items-center font-weight-bold text-success\"\r\n                >{{ cursoAcademia.categoriaCurso?.descripcion }}</span\r\n              >\r\n              <span\r\n                class=\"custom-punto d-flex align-items-center text-capitalize\"\r\n                >Por {{ cursoAcademia.responsable.nombres }}\r\n                {{ cursoAcademia.responsable.apellidos }}</span\r\n              >\r\n              <vs-tooltip>\r\n                <i\r\n                  :class=\"`fas fa-${\r\n                    cursoAcademia.privacidad === 1 ? 'earth-americas' : 'lock'\r\n                  }`\"\r\n                ></i>\r\n                <template #tooltip>{{\r\n                  cursoAcademia.privacidad === 1\r\n                    ? \"Curso público\"\r\n                    : \"Curso privado\"\r\n                }}</template>\r\n              </vs-tooltip>\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-info ml-1\">\r\n                  {{\r\n                    cursoAcademia.ultimaActualizacion | formatLastUpdateDate\r\n                  }}</span\r\n                >\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                >{{\r\n                  listaClases.reduce(\r\n                    (totalHoras, clase) =>\r\n                      totalHoras + parseInt(clase.duracion),\r\n                    0\r\n                  )\r\n                }}h</span\r\n              >\r\n              <i class=\"fas fa-play-circle mr-1\"></i>\r\n              <span class=\"text-white-50\"\r\n                >{{ listaClases.length }}\r\n                {{ listaClases.length > 1 ? \"clases\" : \"clase\" }}</span\r\n              >\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          <!-- main content clases -->\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=\"w-100\" v-if=\"isVideoURLValid\">\r\n                <b-embed\r\n                  class=\"rounded\"\r\n                  type=\"iframe\"\r\n                  aspect=\"16by9\"\r\n                  :src=\"selectedVideo.urlClaseVideo\"\r\n                  allowfullscreen\r\n                ></b-embed>\r\n                <div class=\"row mt-4\">\r\n                  <div class=\"col-12\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-12 col-lg d-flex align-items-center\">\r\n                        <i\r\n                          class=\"fas fa-circle-play mr-2\"\r\n                          style=\"font-size: 2rem\"\r\n                        />\r\n                        <div>\r\n                          <small class=\"text-white-50\" style=\"font-size: 1rem\"\r\n                            >{{ selectedVideo.index + 1 }}/{{\r\n                              listaClases.length\r\n                            }}</small\r\n                          >\r\n                          <h3 class=\"text-capitalize\">\r\n                            {{ selectedVideo.titulo }}\r\n                          </h3>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col-12 col-lg-3\">\r\n                        <vs-button-group>\r\n                          <vs-button\r\n                            v-b-tooltip.hover\r\n                            :title=\"previousVideoTitle\"\r\n                            class=\"px-4 py-2\"\r\n                            @click=\"previousVideo\"\r\n                            :disabled=\"selectedVideo.index === 0\"\r\n                            flat\r\n                            icon\r\n                          >\r\n                            <i class=\"fas fa-step-backward\"></i>\r\n                          </vs-button>\r\n                          <vs-button\r\n                            v-b-tooltip.hover\r\n                            :title=\"nextVideoTitle\"\r\n                            :disabled=\"\r\n                              selectedVideo.index === listaClases.length - 1\r\n                            \"\r\n                            class=\"px-4 py-2\"\r\n                            @click=\"nextVideo\"\r\n                            flat\r\n                            icon\r\n                          >\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>\r\n                  <!-- descripcion -->\r\n                  <div class=\"col-12 mt-4 w-100\">\r\n                    <span\r\n                      class=\"py-2 text-white-50 font-weight-bold border rounded-top px-2\"\r\n                      style=\"font-size: medium\"\r\n                    >\r\n                      Descripción\r\n                      <i class=\"fas fa-info-circle\" />\r\n                    </span>\r\n                    <hr class=\"mt-2\" />\r\n                    <p class=\"h4\" style=\"line-height: 1.5\">\r\n                      {{ selectedVideo.descripcion }}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"text-center\" v-else>\r\n                <p class=\"text-danger\">Error al cargar el video.</p>\r\n                <i\r\n                  class=\"fas fa-video-slash\"\r\n                  style=\"opacity: 75%; font-size: 2rem\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- content list clases -->\r\n          <div class=\"col-4 d-none d-lg-block content-list-class\">\r\n            <div\r\n              class=\"row list-clases classListContainer\"\r\n              ref=\"classListContainer\"\r\n            >\r\n              <div\r\n                v-for=\"(clase, index) in listaClases\"\r\n                :key=\"clase.id\"\r\n                class=\"col-12 d-flex align-items-center py-2 bg-dark rounded card-class\"\r\n                :style=\"{\r\n                  transition: 'box-shadow 0.3s ease',\r\n                  boxShadow:\r\n                    index === selectedVideo.index\r\n                      ? 'inset 0 0 0 2px #1A5CFF'\r\n                      : 'none',\r\n                  cursor: 'default',\r\n                }\"\r\n                @click=\"clickHandle(clase, index)\"\r\n              >\r\n                <div class=\"row w-100\">\r\n                  <div\r\n                    class=\"col-12 col-xl d-flex justify-content-center align-items-center\"\r\n                  >\r\n                    <div\r\n                      class=\"bg-secondary p-3 rounded-circle\"\r\n                      style=\"\r\n                        box-shadow: 0px -1px 33px -8px #d70027;\r\n                        -webkit-box-shadow: 0px -1px 33px -8px #d70027;\r\n                        -moz-box-shadow: 0px -1px 33px -8px #d70027;\r\n                      \"\r\n                    >\r\n                      <i class=\"far fa-circle-play\" style=\"font-size: 2rem\"></i>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"col-12 col-xl-9 my-3 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\r\n                      class=\"d-flex align-items-center text-white-50 flex-wrap mt-2\"\r\n                    >\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-info\">{{\r\n                          clase.ultimaAcatualizacion | formatLastUpdateDate\r\n                        }}</span>\r\n                      </small>\r\n                      <i class=\"fas fa-clock mr-1\"></i>\r\n                      <code class=\"text-white\">{{ clase.duracion }}h</code>\r\n                    </div>\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\r\n            v-b-toggle.sidebar-variant\r\n            transparent\r\n            :active=\"activeSidebar\"\r\n            @click=\"toggleSidebar\"\r\n            :class=\"{ 'd-none': !activeSidebar }\"\r\n            class=\"sidebar-toggle-btn\"\r\n          >\r\n            <i class=\"fas fa-chevron-right\"></i>\r\n          </vs-button>\r\n\r\n          <!-- sidebar list clases -->\r\n          <b-sidebar\r\n            id=\"sidebar-variant\"\r\n            bg-variant=\"dark\"\r\n            text-variant=\"light\"\r\n            backdrop\r\n            shadow\r\n            @hidden=\"toggleSidebar\"\r\n          >\r\n            <template v-slot:title>\r\n              <small>Clases del curso...</small>\r\n              <small class=\"text-info\" style=\"font-size: 1rem\"\r\n                >{{ selectedVideo.index + 1 }}/{{ listaClases.length }}</small\r\n              >\r\n            </template>\r\n            <div class=\"row mx-auto\">\r\n              <!-- lista completa de videos -->\r\n              <ul class=\"col\">\r\n                <li>\r\n                  <vs-button\r\n                    :flat=\"index !== selectedVideo.index\"\r\n                    :gradient=\"index === selectedVideo.index\"\r\n                    v-for=\"(clase, index) in listaClases\"\r\n                    :key=\"clase.id\"\r\n                    @click=\"clickHandle(clase, index)\"\r\n                    class=\"w-100 py-2 my-2\"\r\n                  >\r\n                    <div class=\"row w-100 d-flex align-items-center\">\r\n                      <!-- icons -->\r\n                      <div class=\"col-2 position-relative\">\r\n                        <i\r\n                          v-if=\"index === selectedVideo.index\"\r\n                          :class=\"`fas fa-play ${\r\n                            index === selectedVideo.index ? 'text-white' : ''\r\n                          }`\"\r\n                          style=\"font-size: 1.5rem\"\r\n                        ></i>\r\n                        <i\r\n                          class=\"fas fa-circle-play font-weight-bold h1 text-primary position-absolute\"\r\n                          style=\"\r\n                            transform: translate(-50%, -50%);\r\n                            top: 50%;\r\n                            left: 50%;\r\n                            opacity: 50%;\r\n                            font-size: 3rem;\r\n                            overflow: hidden;\r\n                          \"\r\n                          v-else\r\n                        >\r\n                        </i>\r\n                      </div>\r\n                      <!-- info class -->\r\n                      <div class=\"col text-left\">\r\n                        <span\r\n                          :class=\"`font-weight-bold text-capitalize ${\r\n                            index === selectedVideo.index\r\n                              ? 'text-white'\r\n                              : 'text-white-50'\r\n                          }`\"\r\n                        >\r\n                          {{\r\n                            clase.titulo.length > 25\r\n                              ? clase.titulo.substring(0, 25) + \"...\"\r\n                              : clase.titulo\r\n                          }}\r\n                        </span>\r\n                        <p\r\n                          class=\"m-0\"\r\n                          :style=\"{\r\n                            opacity:\r\n                              index === selectedVideo.index ? '90%' : '50%',\r\n                          }\"\r\n                        >\r\n                          {{\r\n                            clase.descripcion.length > 60\r\n                              ? clase.descripcion.substring(0, 60) + \"...\"\r\n                              : clase.descripcion\r\n                          }}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </vs-button>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </b-sidebar>\r\n        </div>\r\n      </b-card>\r\n      <div\r\n        v-else\r\n        class=\"d-flex justify-content-center align-items-center font-italic h3\"\r\n      >\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 moment_timezone from \"moment-timezone\";\r\nexport default {\r\n  name: \"AcademiaVideos\",\r\n  data() {\r\n    return {\r\n      activeSidebar: true,\r\n      cursoAcademia: {\r\n        id: null,\r\n        titulo: \"\",\r\n        descripcion: \"\",\r\n        previewImagenUrl: null,\r\n        privacidad: null,\r\n        responsableId: null,\r\n        responsable: {},\r\n        certificadoFinalizacion: null,\r\n        categoriaCurso: {},\r\n        clases: [],\r\n        categoriaCursoId: null,\r\n        ultimaActualizacion: null,\r\n      },\r\n      listaClases: [\r\n        {\r\n          id: null,\r\n          titulo: \"\",\r\n          descripcion: \"\",\r\n          duracion: \"\",\r\n          urlClaseVideo: \"\",\r\n          crusoAcademiaId: null,\r\n          ultimaAcatualizacion: \"\",\r\n          responsableId: null,\r\n          responsable: {},\r\n          cursoAcademia: {},\r\n        },\r\n      ],\r\n      selectedVideo: null,\r\n      isVideoURLValid: false,\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.cursoAcademia = null;\r\n    this.listaClases = [];\r\n    await this.getListClasesCursoAcademia(this.$route.params.id);\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\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/All/${cursoId}`,\r\n        });\r\n        console.log(\"list clases cursoAcademia...\", res);\r\n        if (res.success) {\r\n          this.cursoAcademia = res.data[0].cursoAcademia;\r\n\r\n          console.log(this.cursoAcademia);\r\n          this.listaClases = res.data;\r\n          this.selectedVideo = { ...res.data[0], index: 0 };\r\n          this.validateVideoURL(this.selectedVideo.urlClaseVideo);\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    clickHandle(video, index) {\r\n      this.selectedVideo = video;\r\n      this.selectedVideo.index = index;\r\n      this.validateVideoURL(video.url);\r\n\r\n      // Obtener el contenedor de la lista de clases\r\n      const container = this.$refs.classListContainer;\r\n\r\n      // Obtener el elemento de la lista correspondiente al video seleccionado\r\n      const element = container.children[index];\r\n\r\n      // Calcular la posición del centro del contenedor\r\n      const containerCenter = container.clientHeight / 2;\r\n\r\n      // Calcular la posición del elemento seleccionado\r\n      const elementCenter = element.offsetTop + element.clientHeight / 2;\r\n\r\n      // Ajustar el scroll para que la clase seleccionada quede centrada verticalmente\r\n      container.scrollTop = elementCenter - containerCenter;\r\n    },\r\n    nextVideo() {\r\n      if (this.selectedVideo.index < this.listaClases.length - 1) {\r\n        this.clickHandle(\r\n          this.listaClases[this.selectedVideo.index + 1],\r\n          this.selectedVideo.index + 1\r\n        );\r\n      }\r\n    },\r\n    previousVideo() {\r\n      if (this.selectedVideo.index > 0) {\r\n        this.clickHandle(\r\n          this.listaClases[this.selectedVideo.index - 1],\r\n          this.selectedVideo.index - 1\r\n        );\r\n      }\r\n    },\r\n    async validateVideoURL(videoURL) {\r\n      try {\r\n        await fetch(videoURL, { method: \"HEAD\", mode: \"no-cors\" });\r\n        this.isVideoURLValid = true;\r\n      } catch (error) {\r\n        console.error(\"Error al validar URL:\", error);\r\n        this.isVideoURLValid = false;\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    filteredVideos() {\r\n      return this.listaClases.slice(0, 3); // Retorna solo los primeros 5 videos\r\n    },\r\n    nextVideoTitle() {\r\n      if (this.selectedVideo.index < this.listaClases.length - 1) {\r\n        return this.listaClases[this.selectedVideo.index + 1].titulo;\r\n      }\r\n      return \"\";\r\n    },\r\n    previousVideoTitle() {\r\n      if (this.selectedVideo.index > 0) {\r\n        return this.listaClases[this.selectedVideo.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.content-list-class {\r\n  position: relative;\r\n  max-height: 500px;\r\n  overflow: hidden;\r\n}\r\n.list-clases {\r\n  max-height: 500px;\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  to {\r\n    opacity: 1;\r\n    scale: 100%;\r\n  }\r\n}\r\n\r\n.card-class {\r\n  view-timeline-name: --clase;\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  left: 0;\r\n  z-index: 99995;\r\n}\r\n.sidebar-toggle-btn:hover {\r\n  transform: translate(-20%, -50%);\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  opacity: 0;\r\n}\r\n\r\n.circle-badge {\r\n  border-radius: 50%;\r\n  /* Esto hace que sea un círculo */\r\n  width: 24px;\r\n  /* Define el ancho. Puedes ajustar según necesidades */\r\n  height: 24px;\r\n  /* Define el alto. Debe ser igual al ancho para un círculo perfecto */\r\n  display: flex;\r\n  /* Centrar el contenido en horizontal */\r\n  justify-content: center;\r\n  /* Centrar el contenido en horizontal */\r\n  align-items: center;\r\n  /* Centrar el contenido en vertical */\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; /* Número de líneas a mostrar */\r\n  -webkit-box-orient: vertical;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AcademiaVideos.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AcademiaVideos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AcademiaVideos.vue?vue&type=template&id=3bdd8a32&scoped=true\"\nimport script from \"./AcademiaVideos.vue?vue&type=script&lang=js\"\nexport * from \"./AcademiaVideos.vue?vue&type=script&lang=js\"\nimport style0 from \"./AcademiaVideos.vue?vue&type=style&index=0&id=3bdd8a32&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  \"3bdd8a32\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call -- required for testing\n    method.call(null, argument || function () { return 1; }, 1);\n  });\n};\n","'use strict';\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\nvar $TypeError = TypeError;\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = lengthOfArrayLike(O);\n    aCallable(callbackfn);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw new $TypeError('Reduce of empty array with no initial value');\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\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!./AcademiaVideos.vue?vue&type=style&index=0&id=3bdd8a32&prod&scoped=true&lang=css\""],"sourceRoot":""}