{"version":3,"sources":["webpack:///./src/views/Helexium/Ayuda/Academia/InfoCurso/InfoCurso.vue?b8d2","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"],"names":["render","_vm$infoCurso$categor","_vm$infoCurso$preview","_vm","this","_c","_self","staticClass","infoCurso","staticStyle","attrs","_v","_s","titulo","descripcion","categoriaCurso","scopedSlots","_u","key","fn","privacidad","proxy","class","_f","ultimaActualizacion","responsable","nombres","apellidos","previewImagenUrl","listaClases","reduce","totalHoras","clase","parseInt","duracion","certificadoFinalizacion","_e","id","length","_l","staticRenderFns","name","data","responsableId","clases","categoriaCursoId","urlClaseVideo","crusoAcademiaId","ultimaAcatualizacion","cursoAcademia","$isLoading","getListClasesCursoAcademia","$route","params","methods","cursoId","res","$store","dispatch","path","success","error","filters","formatLastUpdateDate","fechaOriginal","moment_timezone","tz","format","component"],"mappings":"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","file":"js/chunk-1504b235.36f91462.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoCurso.vue?vue&type=style&index=0&id=36a11e6b&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.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.categoriaCurso?.descripcion))]),_c('vs-tooltip',{scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(_vm._s(_vm.infoCurso.privacidad === 1 ? \"Curso público\" : \"Curso privado\"))]},proxy:true}],null,false,242321461)},[_c('i',{class:`fas fa-${\n                  _vm.infoCurso.privacidad === 1 ? 'earth-americas' : 'lock'\n                }`})])],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.nombres)+\" \"+_vm._s(_vm.infoCurso.responsable.apellidos))])])])]),_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.listaClases.reduce( (totalHoras, clase) => totalHoras + parseInt(clase.duracion), 0 ))+\" horas 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:{\"to\":`/helex/Ayuda/Academia/AcademiaVideos/${_vm.infoCurso.id}`,\"animation-type\":\"vertical\",\"block\":\"\",\"danger\":\"\",\"size\":\"large\"},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-play mr-2\"})]},proxy:true}],null,false,658471270)},[_vm._v(\" 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.listaClases.reduce( (totalHoras, clase) => totalHoras + parseInt(clase.duracion), 0 ))+\"h 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)+\"h \")])])}),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\r\n        v-if=\"infoCurso !== null\"\r\n        class=\"banner-info position-relative rounded\"\r\n      >\r\n        <div\r\n          class=\"p-3 d-flex flex-column content-banner\"\r\n          style=\"width: 60%; gap: 10px\"\r\n        >\r\n          <div>\r\n            <vs-button\r\n              size=\"large\"\r\n              transparent\r\n              class=\"m-0\"\r\n              to=\"/helex/Ayuda/Academia/\"\r\n            >\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 align-items-center flex-wrap\">\r\n              <b-form-rating\r\n                id=\"rating-inline\"\r\n                variant=\"warning\"\r\n                readonly\r\n                inline\r\n                show-value\r\n                no-border\r\n                value=\"4.9\"\r\n                class=\"bg-transparent p-0\"\r\n                style=\"font-size: 1rem\"\r\n              ></b-form-rating>\r\n              <span\r\n                class=\"custom-punto d-flex align-items-center\"\r\n                style=\"font-size: 1rem\"\r\n                >(120 calificaciones)</span\r\n              >\r\n              <vs-tooltip>\r\n                <i\r\n                  :class=\"`fas fa-${\r\n                    infoCurso.privacidad === 1 ? 'earth-americas' : 'lock'\r\n                  }`\"\r\n                ></i>\r\n                <template #tooltip>{{\r\n                  infoCurso.privacidad === 1 ? \"Curso público\" : \"Curso privado\"\r\n                }}</template>\r\n              </vs-tooltip>\r\n            </div> -->\r\n            <div class=\"d-flex my-2\">\r\n              <span\r\n                class=\"custom-punto d-flex align-items-center text-success font-weight-bold\"\r\n                >{{ infoCurso.categoriaCurso?.descripcion }}</span\r\n              >\r\n              <vs-tooltip>\r\n                <i\r\n                  :class=\"`fas fa-${\r\n                    infoCurso.privacidad === 1 ? 'earth-americas' : 'lock'\r\n                  }`\"\r\n                ></i>\r\n                <template #tooltip>{{\r\n                  infoCurso.privacidad === 1 ? \"Curso público\" : \"Curso privado\"\r\n                }}</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                  {{\r\n                    infoCurso.ultimaActualizacion | formatLastUpdateDate\r\n                  }}</span\r\n                >\r\n              </span>\r\n              <span class=\"text-capitalize\"\r\n                >Por {{ infoCurso.responsable.nombres }}\r\n                {{ infoCurso.responsable.apellidos }}</span\r\n              >\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\r\n                  >{{\r\n                    listaClases.reduce(\r\n                      (totalHoras, clase) =>\r\n                        totalHoras + parseInt(clase.duracion),\r\n                      0\r\n                    )\r\n                  }}\r\n                  horas de vídeo bajo demanda</span\r\n                >\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\r\n              :to=\"`/helex/Ayuda/Academia/AcademiaVideos/${infoCurso.id}`\"\r\n              animation-type=\"vertical\"\r\n              block\r\n              danger\r\n              \r\n              size=\"large\"\r\n            >\r\n              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\r\n            >{{\r\n              listaClases.reduce(\r\n                (totalHoras, clase) => totalHoras + parseInt(clase.duracion),\r\n                0\r\n              )\r\n            }}h duración total</span\r\n          >\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\r\n              v-for=\"clase in listaClases\"\r\n              :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            >\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\r\n                    class=\"custom-text-truncate-title h4 m-0 text-capitalize font-weight-bold\"\r\n                    style=\"max-width: 100%\"\r\n                  >\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 }}h\r\n              </span>\r\n            </b-list-group-item>\r\n          </b-list-group>\r\n        </div>\r\n      </div>\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\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    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\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/All/${cursoId}`,\r\n        });\r\n        console.log(\"list clases cursoAcademia...\", res);\r\n        if (res.success) {\r\n          this.infoCurso = res.data[0].cursoAcademia;\r\n          this.listaClases = res.data;\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\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=36a11e6b&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=36a11e6b&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  \"36a11e6b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}