{"version":3,"sources":["webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue","webpack:///src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?9a81","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?665a","webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?7355"],"names":["render","_vm$infoCurso$preview","_vm","this","_c","_self","staticClass","infoCurso","staticStyle","attrs","_v","_s","titulo","descripcion","categoriaCursoDescripcion","scopedSlots","_u","key","fn","privacidad","proxy","class","_f","ultimaActualizacion","responsable","previewImagenUrl","duracion","certificadoFinalizacion","_e","on","iniciarCurso","Seguimiento","listaClases","length","_l","clase","id","staticRenderFns","name","data","responsableId","categoriaCurso","clases","categoriaCursoId","urlClaseVideo","crusoAcademiaId","ultimaAcatualizacion","cursoAcademia","persona","$isLoading","JSON","parse","localStorage","getItem","getListClasesCursoAcademia","$route","params","methods","cursoId","res","$store","dispatch","path","respuesta","Clases","error","$router","push","e","filters","formatLastUpdateDate","fechaOriginal","moment_timezone","tz","format","component"],"mappings":"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","file":"js/chunk-dd7b35ae.87b2baefcc9b5ecb9d33.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('div',{staticClass:\"custom-container\"},[(_vm.infoCurso !== null)?_c('div',{staticClass:\"banner-info position-relative rounded\"},[_c('div',{staticClass:\"p-3 d-flex flex-column content-banner\",staticStyle:{\"width\":\"60%\",\"gap\":\"10px\"}},[_c('div',[_c('vs-button',{staticClass:\"m-0\",attrs:{\"size\":\"large\",\"transparent\":\"\",\"to\":\"/helex/Ayuda/Academia/\"}},[_c('i',{staticClass:\"fas fa-chevron-left mr-1\"}),_vm._v(\" Volver a cursos \")])],1),_c('h1',{staticClass:\"font-weight-bold text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm.infoCurso.titulo)+\" \")]),_c('p',{staticClass:\"h4 text-white-50\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" \"+_vm._s(_vm.infoCurso.descripcion)+\" \")]),_c('div',[_c('div',{staticClass:\"d-flex my-2\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center text-success font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.infoCurso.categoriaCursoDescripcion)+\" \")]),_c('vs-tooltip',{scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(_vm._s(!_vm.infoCurso.privacidad ? \"Curso público\" : \"Curso privado\"))]},proxy:true}],null,false,1962705176)},[_c('i',{class:`fas fa-${!_vm.infoCurso.privacidad ? 'earth-americas' : 'lock'}`})])],1),_c('div',{staticClass:\"d-flex flex-wrap\"},[_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.infoCurso.ultimaActualizacion))+\" \")])]),_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"Por \"+_vm._s(_vm.infoCurso.responsable))])])])]),_c('div',{staticClass:\"position-absolute custom-card\",staticStyle:{\"top\":\"20%\",\"right\":\"5%\",\"z-index\":\"2\"}},[_c('b-card',{staticClass:\"mb-2\",staticStyle:{\"max-width\":\"25rem\"},attrs:{\"title\":\"Este curso incluye:\",\"img-src\":_vm.infoCurso.previewImagenUrl ?? '/img/image_cursos_alt.png',\"img-alt\":_vm.infoCurso.titulo,\"img-top\":\"\",\"tag\":\"article\",\"bg-variant\":\"dark\"}},[_c('b-card-text',[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"gap\":\"10px\"}},[_c('div',{staticClass:\"border rounded-circle d-flex align-items-center justify-content-center\",staticStyle:{\"width\":\"40px\",\"height\":\"40px\"}},[_c('i',{staticClass:\"fas fa-clock\"})]),_c('span',[_vm._v(_vm._s(_vm.infoCurso.duracion)+\" minutos de vídeo bajo demanda\")])]),(_vm.infoCurso.certificadoFinalizacion === 1)?_c('div',{staticClass:\"d-flex align-items-center mt-2\",staticStyle:{\"gap\":\"10px\"}},[_c('div',{staticClass:\"border rounded-circle d-flex align-items-center justify-content-center\",staticStyle:{\"width\":\"40px\",\"height\":\"40px\"}},[_c('i',{staticClass:\"fas fa-trophy\"})]),_c('span',[_vm._v(\"Certificado de finalización\")])]):_vm._e()]),_c('vs-button',{attrs:{\"animation-type\":\"vertical\",\"block\":\"\",\"danger\":\"\",\"size\":\"large\"},on:{\"click\":_vm.iniciarCurso},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-play mr-2\"})]},proxy:true}],null,false,658471270)},[_vm._v(\" \"+_vm._s((_vm.infoCurso.Seguimiento)?\"Continua donde lo dejaste\" : \"Iniciar ahora\")+\" \")])],1)],1)]):_vm._e(),(_vm.listaClases.length > 0)?_c('div',{staticClass:\"p-3 content-curso\",staticStyle:{\"width\":\"60%\"}},[_c('h3',[_vm._v(\"Contenido del curso\")]),_c('div',{staticClass:\"d-flex my-2\"},[_c('span',{staticClass:\"custom-punto d-flex align-items-center\"},[_vm._v(\" \"+_vm._s(_vm.listaClases.length)+\" \"+_vm._s(_vm.listaClases.length > 1 ? \"clases\" : \"clase\")+\" \")]),_c('span',[_vm._v(_vm._s(_vm.infoCurso.duracion)+\" minutos duración total\")])]),_c('div',{staticClass:\"content-list-class\"},[_c('b-list-group',{staticClass:\"mt-2 custom-content list-clases\"},_vm._l((_vm.listaClases),function(clase){return _c('b-list-group-item',{key:clase.id,staticClass:\"d-flex align-items-center justify-content-between item-list rounded py-4 border-0\",staticStyle:{\"background\":\"#0f213f\"}},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"width\":\"90%\"}},[_c('i',{staticClass:\"fas fa-circle-play mr-2\",staticStyle:{\"font-size\":\"2rem\"}}),_c('div',[_c('h4',{staticClass:\"custom-text-truncate-title h4 m-0 text-capitalize font-weight-bold\",staticStyle:{\"max-width\":\"100%\"}},[_vm._v(\" \"+_vm._s(clase.titulo)+\" \")]),_c('p',{staticClass:\"custom-text-truncate-title m-0 text-white-50\"},[_vm._v(\" \"+_vm._s(clase.descripcion)+\" \")])])]),_c('span',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\" \"+_vm._s(clase.duracion)+\" min \")])])}),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... \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <div class=\"custom-container\">\r\n      <div v-if=\"infoCurso !== null\" class=\"banner-info position-relative rounded\">\r\n        <div class=\"p-3 d-flex flex-column content-banner\" style=\"width: 60%; gap: 10px\">\r\n          <div>\r\n            <vs-button size=\"large\" transparent class=\"m-0\" to=\"/helex/Ayuda/Academia/\">\r\n              <i class=\"fas fa-chevron-left mr-1\"></i> Volver a cursos\r\n            </vs-button>\r\n          </div>\r\n          <h1 class=\"font-weight-bold text-capitalize\">\r\n            {{ infoCurso.titulo }}\r\n          </h1>\r\n          <p class=\"h4 text-white-50\" style=\"line-height: 1.5\">\r\n            {{ infoCurso.descripcion }}\r\n          </p>\r\n          <div>\r\n            <div class=\"d-flex my-2\">\r\n              <span class=\"custom-punto d-flex align-items-center text-success font-weight-bold\">\r\n                {{ infoCurso.categoriaCursoDescripcion }}\r\n              </span>\r\n              <vs-tooltip>\r\n                <i\r\n                  :class=\"`fas fa-${!infoCurso.privacidad ? 'earth-americas' : 'lock'}`\"\r\n                ></i>\r\n                <template #tooltip>{{ !infoCurso.privacidad ? \"Curso público\" : \"Curso privado\"}}</template>\r\n              </vs-tooltip>\r\n            </div>\r\n            <div class=\"d-flex flex-wrap\">\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\">\r\n                  {{ infoCurso.ultimaActualizacion | formatLastUpdateDate }}\r\n                </span>\r\n              </span>\r\n              <span class=\"text-capitalize\">Por {{ infoCurso.responsable }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"position-absolute custom-card\"\r\n          style=\"top: 20%; right: 5%; z-index: 2\"\r\n        >\r\n          <b-card\r\n            title=\"Este curso incluye:\"\r\n            :img-src=\"infoCurso.previewImagenUrl ?? '/img/image_cursos_alt.png'\"\r\n            :img-alt=\"infoCurso.titulo\"\r\n            img-top\r\n            tag=\"article\"\r\n            style=\"max-width: 25rem\"\r\n            class=\"mb-2\"\r\n            bg-variant=\"dark\"\r\n          >\r\n            <b-card-text>\r\n              <div class=\"d-flex align-items-center\" style=\"gap: 10px\">\r\n                <div\r\n                  style=\"width: 40px; height: 40px\"\r\n                  class=\"border rounded-circle d-flex align-items-center justify-content-center\"\r\n                >\r\n                  <i class=\"fas fa-clock\"></i>\r\n                </div>\r\n                <span>{{infoCurso.duracion}} minutos de vídeo bajo demanda</span>\r\n              </div>\r\n              <div\r\n                v-if=\"infoCurso.certificadoFinalizacion === 1\"\r\n                class=\"d-flex align-items-center mt-2\"\r\n                style=\"gap: 10px\"\r\n              >\r\n                <div\r\n                  style=\"width: 40px; height: 40px\"\r\n                  class=\"border rounded-circle d-flex align-items-center justify-content-center\"\r\n                >\r\n                  <i class=\"fas fa-trophy\"></i>\r\n                </div>\r\n                <span>Certificado de finalización</span>\r\n              </div>\r\n            </b-card-text>\r\n            <vs-button @click=\"iniciarCurso\" animation-type=\"vertical\"\r\n              block danger size=\"large\">\r\n              {{(infoCurso.Seguimiento)?\"Continua donde lo dejaste\" : \"Iniciar ahora\"}}\r\n              <template #animate> <i class=\"fas fa-play mr-2\"></i></template>\r\n            </vs-button>\r\n          </b-card>\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"listaClases.length > 0\"\r\n        class=\"p-3 content-curso\"\r\n        style=\"width: 60%\"\r\n      >\r\n        <h3>Contenido del curso</h3>\r\n        <div class=\"d-flex my-2\">\r\n          <span class=\"custom-punto d-flex align-items-center\">\r\n            {{ listaClases.length }}\r\n            {{ listaClases.length > 1 ? \"clases\" : \"clase\" }}\r\n          </span>\r\n          <span>{{infoCurso.duracion}} minutos duración total</span>\r\n        </div>\r\n        <div class=\"content-list-class\">\r\n          <b-list-group class=\"mt-2 custom-content list-clases\">\r\n            <b-list-group-item v-for=\"clase in listaClases\" :key=\"clase.id\"\r\n              class=\"d-flex align-items-center justify-content-between item-list rounded py-4 border-0\"\r\n              style=\"background: #0f213f\">\r\n              <div class=\"d-flex align-items-center\" style=\"width: 90%\">\r\n                <i class=\"fas fa-circle-play mr-2\" style=\"font-size: 2rem\"></i>\r\n                <div>\r\n                  <h4 class=\"custom-text-truncate-title h4 m-0 text-capitalize font-weight-bold\"\r\n                    style=\"max-width: 100%\">\r\n                    {{ clase.titulo }}\r\n                  </h4>\r\n                  <p class=\"custom-text-truncate-title m-0 text-white-50\">\r\n                    {{ clase.descripcion }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              <span class=\"font-weight-bold text-white-50\">\r\n                {{ clase.duracion }} min\r\n              </span>\r\n            </b-list-group-item>\r\n          </b-list-group>\r\n        </div>\r\n      </div>\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 moment_timezone from \"moment-timezone\";\r\n\r\nexport default {\r\n  name: \"infoCurso\",\r\n  data() {\r\n    return {\r\n      infoCurso: {\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      persona: {},\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.infoCurso = 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    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.infoCurso = res.data;\r\n          this.listaClases = res.data.Clases;\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async iniciarCurso(){\r\n      try {\r\n        if (!this.infoCurso.Seguimiento){\r\n          await this.$store.dispatch('hl_post',{\r\n            path: `SeguimientoPersonasCursos/IniciarSeguimientoCurso/${this.infoCurso.id}/persona/${this.persona.id}`\r\n          })\r\n        }\r\n        await this.$router.push(\"/helex/Ayuda/Academia/AcademiaVideos/\" + this.infoCurso.id);\r\n      }catch (e) {\r\n        console.log(e)\r\n      }\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.custom-content {\r\n  max-height: 400px;\r\n  overflow: auto;\r\n}\r\n\r\n.content-list-class {\r\n  position: relative;\r\n  max-height: 400px;\r\n  overflow: hidden;\r\n}\r\n.list-clases {\r\n  max-height: 400px;\r\n  overflow-y: scroll;\r\n  gap: 0.5rem;\r\n  padding-bottom: 200px;\r\n  scroll-behavior: smooth;\r\n}\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; /* Altura del área de desvanecimiento */\r\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(16, 36, 68));\r\n  pointer-events: none; /* Evita que el degradado interfiera con la interacción del usuario */\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.item-list {\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.custom-content::-webkit-scrollbar-thumb {\r\n  background: rgba(250, 250, 250, 0.1);\r\n}\r\n/* .banner-info {\r\n  background-image: url(/img/blob-scene-haikei-l.svg);\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n.dark .banner-info {\r\n  background-image: url(/img/blob-scene-haikei.svg);\r\n  background-size: cover;\r\n  background-position: center;\r\n} */\r\n\r\n\r\n@media (max-width: 1200px) {\r\n  .custom-card {\r\n    position: static !important;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  .content-banner,\r\n  .content-curso {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n.custom-text-truncate-p {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 5;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: normal;\r\n}\r\n\r\n.custom-text-truncate-title {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: normal;\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!./InfoCurso.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!./InfoCurso.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InfoCurso.vue?vue&type=template&id=688b203e&scoped=true\"\nimport script from \"./InfoCurso.vue?vue&type=script&lang=js\"\nexport * from \"./InfoCurso.vue?vue&type=script&lang=js\"\nimport style0 from \"./InfoCurso.vue?vue&type=style&index=0&id=688b203e&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  \"688b203e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoCurso.vue?vue&type=style&index=0&id=688b203e&prod&scoped=true&lang=css\""],"sourceRoot":""}