{"version":3,"sources":["webpack:///./src/modules/libraries/_views/DetailActiveLearn.vue?0a3a","webpack:///src/modules/libraries/_views/DetailActiveLearn.vue","webpack:///./src/modules/libraries/_views/DetailActiveLearn.vue?a178","webpack:///./src/modules/libraries/_views/DetailActiveLearn.vue","webpack:///./src/modules/libraries/_views/DetailActiveLearn.vue?f1e9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","name","query","lop","dataPageLink","classId","mon","nhom","tab","_s","className","title","imageUrl","class","checkTypeDocs","relateMedia","length","fileName","totalPage","path","checkVideo","appUrl","checkPdf","checkWord","scale","linkViewFull","pathView","checkPowerpoint","checkImage","checkYoutube","checkAudio","posterLink","urlImg","imgThumbAudio","countView","on","$event","handleDownloadFile","activeLearningId","countDownLoad","_e","handleShareMedia","openModalNotiError","subjectName","bookName","bookGroupName","bookIndexParentName","bookIndexName","ref","slidesPerView","spaceBetween","slidesPerGroup","grabCursor","loop","loopFillGroupWithBlank","breakpoints","767","575","navigation","nextEl","prevEl","handleNextMedia","_l","item","loc","key","isShowFree","isActived","directToMediaDetail","handleResizeImg","img404","isFullLink","slot","staticRenderFns","mixins","components","PreviewVideo","PreviewPdf","Previewpptx","PreviewImage","PreviewYoutube","PreviewAudio","PreviewAudioPoster","PreviewBookImg","swiper","swiperSlide","IconMedia","ModalReadMoreLinkType","ModalShare","modalShowHelp","data","cdnUrl","paramSearchRelateMedia","id","pageIndex","pageSize","mediaRelateNotdata","authInfo","openModalReadmore","thumbnailUrl","nameRoute","isShowVideo","computed","mapState","queryRoute","watch","loginPopupData","newVal","created","beforeDestroy","methods","mapActions","getInfoLib","self","getDetailActiveLearning","finally","evt","viewMedia","val","params","getDataRelateMedia","getListReferentAtvLearn","showModalReadmore","setTimeout","link","apiUpdateCountdownloadActiveLesson","width","height","component"],"mappings":"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","file":"js/chunk-1cc71c2d.d0d06e3a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lib-detail\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/thu-vien\"}},[_vm._v(\"Thư viện\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.dataPageLink.classId, mon: '0', nhom: '0', tab: '1'}}}},[_vm._v(\"\\n            \"+_vm._s(_vm.dataPageLink.className)+\"\\n          \")])],1),_c('li',[_c('span',[_vm._v(_vm._s(_vm.dataPageLink.title))])])])])]),(_vm.dataPageLink && _vm.dataPageLink.imageUrl)?_c('div',{staticClass:\"lib-detail__body\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"inner-img\",class:(\"inner-type-\" + (_vm.dataPageLink.imageUrl ? _vm.checkTypeDocs(_vm.dataPageLink.imageUrl) : '') + \" \" + (_vm.relateMedia && _vm.relateMedia.length > 0 ? 'has-more' : '')),attrs:{\"id\":\"content_viewer\"}},[(_vm.dataPageLink && _vm.dataPageLink.fileName && _vm.dataPageLink.totalPage)?_c('PreviewBookImg',{attrs:{\"fileName\":_vm.dataPageLink.fileName,\"totalPage\":_vm.dataPageLink.totalPage,\"zoomData\":1}}):(_vm.dataPageLink.path && _vm.checkVideo(_vm.dataPageLink.path))?_c('PreviewVideo',{attrs:{\"pathView\":_vm.dataPageLink.path ? (\"\" + _vm.appUrl + (_vm.dataPageLink.path)) : _vm.dataPageLink.path,\"mediaMore\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(_vm.dataPageLink.imageUrl && (_vm.checkPdf(_vm.dataPageLink.imageUrl) || _vm.checkWord(_vm.dataPageLink.imageUrl)))?_c('PreviewPdf',{class:{'view-default': _vm.scale === 1},attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.imageUrl)),\"zoomData\":_vm.scale}}):(_vm.dataPageLink.imageUrl && _vm.checkPowerpoint(_vm.dataPageLink.imageUrl))?_c('Previewpptx',{class:{'view-default': _vm.scale === 1},attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.imageUrl)),\"zoomData\":_vm.scale}}):(_vm.dataPageLink.imageUrl && _vm.checkImage(_vm.dataPageLink.imageUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.imageUrl))}}):(_vm.dataPageLink.imageUrl && _vm.checkYoutube(_vm.dataPageLink.imageUrl))?_c('PreviewYoutube',{attrs:{\"pathView\":_vm.dataPageLink.pathView,\"autoplay\":true,\"mediaMore\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(_vm.dataPageLink.imageUrl && _vm.checkAudio(_vm.dataPageLink.imageUrl))?_c('PreviewAudioPoster',{attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.imageUrl)),\"autoPlay\":true,\"poster\":_vm.dataPageLink.posterLink ? (_vm.urlImg + \"/\" + (_vm.dataPageLink.posterLink)) : _vm.imgThumbAudio}}):_c('p',{staticClass:\"text-center color-light font-sanpro-semibold\"},[_vm._v(\"Không tìm thấy tài liệu hiển thị\")])],1),_c('div',{staticClass:\"lib-detail__content\"},[_c('div',{staticClass:\"lib-detail__content__title display-flex-center justify-content-between\"},[_c('h1',{staticClass:\"font-size-24 font-sanpro-semibold primary-color-txt\"},[_vm._v(_vm._s(_vm.dataPageLink.title))]),_c('div',{staticClass:\"lib-detail__content__action\"},[_c('span',{staticClass:\"secondary-color-txt count-view\"},[_c('i',{staticClass:\"icon-eye secondary-color-txt font-size-18\"}),_vm._v(\"\\n              \"+_vm._s(_vm.dataPageLink.countView)+\"\\n            \")]),(_vm.dataPageLink.imageUrl)?_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDownloadFile(_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.imageUrl)), _vm.dataPageLink.title, _vm.dataPageLink.activeLearningId)}}},[_c('i',{staticClass:\"icon-download\"}),_c('span',{staticClass:\"secondary-color-txt count-download\"},[_vm._v(_vm._s(_vm.dataPageLink.countDownLoad))])]):_vm._e(),_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleShareMedia}},[_c('i',{staticClass:\"icon-share-white\"}),_vm._v(\" Chia sẻ\\n            \")]),_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold\",attrs:{\"href\":\"javascript:;\",\"title\":\"Hướng dẫn sử dụng chức năng thư viện\"},on:{\"click\":_vm.openModalNotiError}},[_c('i',{staticClass:\"icon-question-2\"})])])]),_c('div',{staticClass:\"lib-detail__content__info\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Môn:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.subjectName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Sách:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Bộ sách:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookGroupName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Chương / tuần:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookIndexParentName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Bài:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookIndexName))])])])])])])]):_vm._e(),_c('div',{staticClass:\"lib-detail__relate\"},[_c('div',{staticClass:\"container-hts\"},[_c('h2',{staticClass:\"lib-detail__relate__title font-size-22 font-sanpro-semibold primary-color-txt\"},[_vm._v(\"Video Liên quan\")]),_c('div',{staticClass:\"lib-detail__relate__body\"},[_c('swiper',{ref:\"swiper_relate\",attrs:{\"options\":{slidesPerView: 3, spaceBetween: 20, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: \".ebook__next__0\", prevEl: \".ebook__prev__0\"}}},on:{\"slideNextTransitionEnd\":_vm.handleNextMedia}},[_vm._l((_vm.relateMedia),function(item,loc){return _c('swiperSlide',{key:(\"book__\" + loc),staticClass:\"item position-rel\",class:{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !item.isActived}},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.directToMediaDetail(item)}}},[_c('div',{staticClass:\"item__media position-rel text-center aspect-ratio aspect-ratio--16-9\"},[(_vm.checkVideo(item.imageUrl))?_c('div',{staticClass:\"img-wrap text-center\"},[_c('img',{attrs:{\"src\":item.posterLink ? _vm.handleResizeImg(item.posterLink) : _vm.img404,\"alt\":item.title}})]):(_vm.checkImage(item.imageUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.isFullLink(item.imageUrl) ? item.imageUrl : _vm.handleResizeImg(item.imageUrl)}}):(_vm.checkYoutube(item.imageUrl))?_c('PreviewYoutube',{attrs:{\"pathView\":item.imageUrl}}):(_vm.checkAudio(item.imageUrl))?_c('PreviewAudio',{staticClass:\"evt-none\",attrs:{\"pathView\":_vm.isFullLink(item.imageUrl) ? item.imageUrl : (\"\" + _vm.appUrl + (item.imageUrl))}}):_vm._e(),_c('IconMedia',{staticClass:\"item__icon\",attrs:{\"dataSource\":item}})],1),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__title font-size-15 font-sanpro-semibold primary-color-txt\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"font-size-13 secondary-color-txt margin-0\"},[_vm._v(_vm._s(item.bookName)+\" - \"+_vm._s(item.bookGroupName))])])])])}),_c('div',{staticClass:\"swiper-button-prev ebook__prev__0\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next ebook__next__0\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})],2)],1)])]),(_vm.openModalReadmore)?_c('ModalReadMoreLinkType'):_vm._e(),_c('ModalShare'),_c('modalShowHelp')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lib-detail\">\r\n    <div class=\"ss-breadcrumb\">\r\n      <div class=\"container-hts\">\r\n        <ul class=\"margin-0 p-0\">\r\n          <li><router-link to=\"/thu-vien\">Thư viện</router-link></li>\r\n          <li>\r\n            <router-link :to=\"{name: 'library', query: {lop: dataPageLink.classId, mon: '0', nhom: '0', tab: '1'}}\">\r\n              {{ dataPageLink.className }}\r\n            </router-link>\r\n          </li>\r\n          <li><span>{{ dataPageLink.title }}</span></li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <!-- haha - {{ dataPageLink }} -->\r\n    <div class=\"lib-detail__body\" v-if=\"dataPageLink && dataPageLink.imageUrl\">\r\n      <div class=\"container-hts\">\r\n        <!-- <div class=\"lib-back\">\r\n          <a href=\"javascript:;\" @click=\"$router.go(-1)\" class=\"secondary-color-txt\"><i class=\"fa fa-angle-left\"></i> Trở lại</a>\r\n        </div> -->\r\n        <div id=\"content_viewer\" class=\"inner-img\" :class=\"`inner-type-${dataPageLink.imageUrl ? checkTypeDocs(dataPageLink.imageUrl) : ''} ${relateMedia && relateMedia.length > 0 ? 'has-more' : ''}`\">\r\n          <PreviewBookImg\r\n            v-if=\"dataPageLink && dataPageLink.fileName && dataPageLink.totalPage\"\r\n            :fileName=\"dataPageLink.fileName\"\r\n            :totalPage=\"dataPageLink.totalPage\"\r\n            :zoomData=\"1\"\r\n          />\r\n          <PreviewVideo \r\n            v-else-if=\"dataPageLink.path && checkVideo(dataPageLink.path)\"\r\n            :pathView=\"dataPageLink.path ? `${appUrl}${dataPageLink.path}` : dataPageLink.path\" \r\n            :mediaMore=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n          />\r\n          <PreviewPdf \r\n            v-else-if=\"dataPageLink.imageUrl && (checkPdf(dataPageLink.imageUrl) || checkWord(dataPageLink.imageUrl))\" \r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.imageUrl}`\" \r\n            :zoomData=\"scale\" :class=\"{'view-default': scale === 1}\" \r\n          />\r\n          <Previewpptx \r\n            v-else-if=\"dataPageLink.imageUrl && checkPowerpoint(dataPageLink.imageUrl)\" \r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.imageUrl}`\" \r\n            :zoomData=\"scale\" \r\n            :class=\"{'view-default': scale === 1}\" \r\n          />\r\n          <PreviewImage \r\n            v-else-if=\"dataPageLink.imageUrl && checkImage(dataPageLink.imageUrl)\" \r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.imageUrl}`\" \r\n          />\r\n          <PreviewYoutube \r\n            v-else-if=\"dataPageLink.imageUrl && checkYoutube(dataPageLink.imageUrl)\" \r\n            :pathView=\"dataPageLink.pathView\"\r\n            :autoplay=\"true\"\r\n            :mediaMore=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n          />\r\n          <PreviewAudioPoster\r\n            v-else-if=\"dataPageLink.imageUrl && checkAudio(dataPageLink.imageUrl)\"\r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.imageUrl}`\"\r\n            :autoPlay=\"true\"\r\n            :poster=\"dataPageLink.posterLink ? `${urlImg}/${dataPageLink.posterLink}` : imgThumbAudio\"\r\n          />\r\n          <!-- <template v-else-if=\"checkAudio(dataPageLink.imageUrl)\">\r\n            <div class=\"img-wrap text-center position-rel\">\r\n              <img :src=\"dataPageLink.posterLink ? `${urlImg}/${dataPageLink.posterLink}` : img404\" :alt=\"dataPageLink.title\">\r\n              <PreviewAudio \r\n                class=\"d-none\"\r\n                :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.imageUrl}`\"\r\n                :autoPlay=\"true\" \r\n              />\r\n            </div>\r\n          </template> -->\r\n          <p v-else class=\"text-center color-light font-sanpro-semibold\">Không tìm thấy tài liệu hiển thị</p>\r\n        </div>\r\n        <div class=\"lib-detail__content\">\r\n          <div class=\"lib-detail__content__title display-flex-center justify-content-between\">\r\n            <h1 class=\"font-size-24 font-sanpro-semibold primary-color-txt\">{{ dataPageLink.title }}</h1>\r\n            <div class=\"lib-detail__content__action\">\r\n              <span class=\"secondary-color-txt count-view\">\r\n                <i class=\"icon-eye secondary-color-txt font-size-18\"></i>\r\n                {{ dataPageLink.countView }}\r\n              </span>\r\n\r\n              <a\r\n                v-if=\"dataPageLink.imageUrl\"\r\n                href=\"javascript:;\"\r\n                @click=\"handleDownloadFile(dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.imageUrl}`, dataPageLink.title, dataPageLink.activeLearningId)\"\r\n              >\r\n                <i class=\"icon-download\"></i>\r\n                <span class=\"secondary-color-txt count-download\">{{ dataPageLink.countDownLoad }}</span>\r\n              </a>\r\n\r\n              <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold\" @click=\"handleShareMedia\">\r\n                <i class=\"icon-share-white\"></i> Chia sẻ\r\n              </a>\r\n              \r\n              <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold\" title=\"Hướng dẫn sử dụng chức năng thư viện\"  @click=\"openModalNotiError\"><i class=\"icon-question-2\"></i></a>\r\n            </div>\r\n          </div>\r\n          <div class=\"lib-detail__content__info\">\r\n            <div class=\"row\">\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Môn:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.subjectName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Sách:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Bộ sách:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookGroupName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Chương / tuần:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookIndexParentName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Bài:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookIndexName }}</span>\r\n              </div>\r\n              <!-- <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Loại học liệu:</label>\r\n                <span class=\"primary-color font-sanpro-light\" @click=\"showModalReadmore\">\r\n                  {{ dataPageLink.bookPageLinkGroupId === 1 && dataPageLink.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất' }}\r\n                </span>\r\n              </div> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"lib-detail__relate\">\r\n      <div class=\"container-hts\">\r\n        <!-- <h2 class=\"lib-detail__relate__title font-size-22 font-sanpro-semibold primary-color-txt\">{{ dataPageLink.documentType }} Liên quan</h2> -->\r\n        <h2 class=\"lib-detail__relate__title font-size-22 font-sanpro-semibold primary-color-txt\">Video Liên quan</h2>\r\n        <div class=\"lib-detail__relate__body\">\r\n          <swiper :options=\"{slidesPerView: 3, spaceBetween: 20, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: `.ebook__next__0`, prevEl: `.ebook__prev__0`}}\" @slideNextTransitionEnd=\"handleNextMedia\" ref=\"swiper_relate\">\r\n            <swiperSlide \r\n              class=\"item position-rel\" \r\n              v-for=\"(item, loc) of relateMedia\" \r\n              :key=\"`book__${loc}`\"\r\n              :class=\"{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !item.isActived}\"\r\n            >\r\n              <a href=\"javascript:;\" @click=\"directToMediaDetail(item)\">\r\n               <div class=\"item__media position-rel text-center aspect-ratio aspect-ratio--16-9\">\r\n                  <div class=\"img-wrap text-center\" v-if=\"checkVideo(item.imageUrl)\">\r\n                    <img :src=\"item.posterLink ? handleResizeImg(item.posterLink) : img404\" :alt=\"item.title\">\r\n                  </div>\r\n                  <PreviewImage \r\n                    v-else-if=\"checkImage(item.imageUrl)\" \r\n                    :pathView=\"isFullLink(item.imageUrl) ? item.imageUrl : handleResizeImg(item.imageUrl)\" \r\n                  />\r\n                  <PreviewYoutube \r\n                    v-else-if=\"checkYoutube(item.imageUrl)\" \r\n                    :pathView=\"item.imageUrl\"\r\n                  />\r\n                  <PreviewAudio \r\n                    v-else-if=\"checkAudio(item.imageUrl)\" \r\n                    :pathView=\"isFullLink(item.imageUrl) ? item.imageUrl : `${appUrl}${item.imageUrl}`\" \r\n                    class=\"evt-none\"\r\n                  />\r\n                  <IconMedia class=\"item__icon\" :dataSource=\"item\" />\r\n                </div>\r\n                <div class=\"item__body\">\r\n                  <h3 class=\"item__title font-size-15 font-sanpro-semibold primary-color-txt\">{{ item.title }}</h3>\r\n                  <p class=\"font-size-13 secondary-color-txt margin-0\">{{item.bookName}} - {{item.bookGroupName}}</p>\r\n                </div>\r\n              <!-- </router-link> -->\r\n              </a>\r\n              <!-- </div> -->\r\n            </swiperSlide>\r\n            <div class=\"swiper-button-prev ebook__prev__0\" slot=\"button-prev\"></div>\r\n            <div class=\"swiper-button-next ebook__next__0\" slot=\"button-next\"></div>\r\n          </swiper>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ModalReadMoreLinkType v-if=\"openModalReadmore\" />\r\n    <ModalShare />\r\n    <modalShowHelp />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import PreviewVideo from '@/components/content-files/PreviewVideo.vue'\r\n  import { mapGetters, mapState, mapActions } from 'vuex'\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  import mixinsFiles from '@/components/content-files/mixinsFiles'\r\n  import PreviewPdf from '@/components/content-files/PreviewPdf.vue'\r\n  import Previewpptx from '@/components/content-files/Previewpptx.vue'\r\n  import PreviewImage from '@/components/content-files/PreviewImage.vue'\r\n  import PreviewYoutube from '@/components/content-files/PreviewYoutube.vue'\r\n  import PreviewAudio from '@/components/content-files/PreviewAudio.vue'\r\n  import PreviewAudioPoster from '@/components/content-files/PreviewAudioPoster.vue'\r\n  import PreviewBookImg from \"@/components/content-files/PreviewBookImg.vue\";\r\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\r\n  import 'swiper/dist/css/swiper.css'\r\n  import { getMediaDetailInLibs, getMediaRelateInLibs, apiUpdateCountdownloadActiveLesson, getDetailActiveLearning, getListReferentAtvLearn } from './../_api/'\r\n  import IconMedia from './../_components/list/IconMedia.vue'\r\n  import { getAuth } from '@/utils/jwt'\r\n  import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n  import { ID_MODAL_READ_LINK_TYPE } from './../_store/constants'\r\n  import ModalReadMoreLinkType from './../_components/list/ModalReadMoreLinkType.vue'\r\n  import ModalShare from '@/modules/libraries/_components/detail/ModalShare.vue'\r\n  import modalShowHelp from '@/components/modal/modalShowHelp'\r\n  import { replaceImageResize } from '@/helpers/functions'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n  const imgThumbAudio = require(`@/assets/images/thumb-audio.png`)\r\n\r\n  export default {\r\n    name: 'DetailPageLinkLib',\r\n    mixins: [ mixinsFiles ],\r\n    components: {\r\n      PreviewVideo,\r\n      PreviewPdf,\r\n      Previewpptx,\r\n      PreviewImage,\r\n      PreviewYoutube,\r\n      PreviewAudio,\r\n      PreviewAudioPoster,\r\n      PreviewBookImg,\r\n      swiper,\r\n      swiperSlide,\r\n      IconMedia,\r\n      ModalReadMoreLinkType,\r\n      ModalShare,\r\n      modalShowHelp\r\n    },\r\n    data () {\r\n      return {\r\n        appUrl: APP_CONFIG.bookCdnUrl,\r\n        cdnUrl: APP_CONFIG.cdnUrl,\r\n        urlImg: APP_CONFIG.urlPlatformCmsImg,\r\n        dataPageLink: {},\r\n        relateMedia: [],\r\n        paramSearchRelateMedia: {id: 0, pageIndex: 1, pageSize: 6},\r\n        mediaRelateNotdata: false,\r\n        img404,\r\n        imgThumbAudio,\r\n        authInfo: {},\r\n        openModalReadmore: false,\r\n        thumbnailUrl: '',\r\n        nameRoute: this.$route.name,\r\n        isShowVideo: 3\r\n\r\n      }\r\n    },\r\n    // head: {\r\n    //   title: function () {\r\n    //     return {\r\n    //       inner: this.dataPageLink.titlelink\r\n    //     }\r\n    //   },\r\n    //   meta: [\r\n    //     { name: 'description', content: 'Học liệu điện tử'},\r\n    //     { property: 'og:title', content: this.dataPageLink.titleLink + ' - Hành trang số'},\r\n    //     { property: 'og:site_name', content: 'Hành trang số'},\r\n    //     { property: 'og:description', content: 'Học liệu điện tử'},\r\n    //     { property: 'og:type', content: 'profile'},\r\n    //     { property: 'og:url', content: `${window.location.origin}${this.$route.fullPath}` },\r\n    //     { property: 'og:image', content: this.thumbnailUrl }\r\n    //   ]\r\n    // },\r\n\r\n    // metaInfo() {\r\n    //   return {\r\n    //     title: this.dataPageLink.titleLink,\r\n    //     // titleTemplate: 'Hành trang số',\r\n    //     meta: [\r\n    //       { name: 'description', content: 'Học liệu điện tử'},\r\n    //       { property: 'og:title', content: this.dataPageLink.titleLink + ' - Hành trang số'},\r\n    //       { property: 'og:site_name', content: 'Hành trang số'},\r\n    //       { property: 'og:description', content: 'Học liệu điện tử'},\r\n    //       { property: 'og:type', content: 'profile'},\r\n    //       { property: 'og:url', content: `${window.location.origin}${this.$route.fullPath}` },\r\n    //       { property: 'og:image', content: this.thumbnailUrl }\r\n    //     ]\r\n    //   }\r\n    // },\r\n    computed: {\r\n      ...mapState('auth', ['loginPopupData']),\r\n      ...mapState('common', ['mediaShareInfo']),\r\n      queryRoute () {\r\n        return this.$route.query\r\n      }\r\n    },\r\n    watch: {\r\n      loginPopupData(newVal) {\r\n        if(newVal && Object.keys(newVal).length) {\r\n          this.authInfo = newVal;\r\n        }\r\n      },\r\n      'paramSearchRelateMedia': 'getDataRelateMedia',\r\n      '$route': 'getInfoLib'\r\n    },\r\n    created () {\r\n      this.actionCheckRouterHelp({nameRoute: this.nameRoute})\r\n      this.getInfoLib();\r\n      this.authInfo = getAuth();\r\n      // console.log('route', this.$route)\r\n    },\r\n    beforeDestroy () {\r\n      this.acSetMediaShareInfo({})\r\n      // this.$emit('updateHead')\r\n    },\r\n    methods: {\r\n      ...mapActions('auth', ['setToggleLoginForm']),\r\n      ...mapActions('common', ['setLoading', 'acToggleModalActiveBook', 'acToggleModalShareMedia', 'acSetMediaShareInfo', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'actionSetBookPageLinkId', 'actionSetInfoLibrary', 'actionSetBookIndexId']),\r\n\r\n      openModalNotiError(){\r\n        this.actionGetVideoHelp({isShowVideo: this.isShowVideo})\r\n        this.acToggleModaShowHelp(true)\r\n      },\r\n\r\n      getInfoLib() {\r\n        let self = this;\r\n        self.setLoading(true);\r\n        // Set relate params: \r\n        self.relateMedia = [];\r\n        // Get detail\r\n        // console.log('self.$router', self.$router);\r\n        getDetailActiveLearning(self.$router.history.current.params.id).then(res => {\r\n          // chắc k dùng đâu\r\n          // if(res && res.data) {\r\n          //   this.actionSetInfoLibrary({\r\n          //     bookPageLinkId: res.data.bookPageLinkId,\r\n          //   })\r\n          //   this.actionSetBookIndexId(res.data.bookIndexId)\r\n          // }\r\n          if(res && res.data && !res.errors) {\r\n            this.actionSetBookPageLinkId(res.data.bookPageLinkId)\r\n            if (self.queryRoute && self.queryRoute.shared === window.location.origin && self.queryRoute.type_show !== '1' && !res.data.isActived) {\r\n              if(self.authInfo && self.authInfo.email === EMAIL_PUBLIC) {\r\n                self.setToggleLoginForm(true);\r\n              } else {\r\n                self.acToggleModalActiveBook(true)\r\n              }\r\n              self.$router.push({ name: 'library' })\r\n            } else {\r\n              self.dataPageLink = res.data;\r\n              self.thumbnailUrl = res.data.posterLink ? `${self.urlImg}/${res.data.posterLink}` : `${self.appUrl}${res.data.imageUrl}`\r\n              self.paramSearchRelateMedia = {...self.paramSearchRelateMedia, id: self.$router.history.current.params.id};\r\n            }\r\n          }\r\n        }).finally(() => self.setLoading(false));\r\n      },\r\n\r\n      handleNextMedia(evt) {\r\n        const swiperRef = this.$refs.swiper_relate.swiper;\r\n        const indexActive = swiperRef.isEnd;\r\n        if(swiperRef.isEnd && !this.mediaRelateNotdata) {\r\n          this.paramSearchRelateMedia = {...this.paramSearchRelateMedia, pageIndex: this.paramSearchRelateMedia.pageIndex + 1}\r\n        }\r\n      },\r\n\r\n      viewMedia(val) {\r\n        this.$router.push({name: 'DetailPageActiveLearn', params: {id: val.bookPageLinkId}});\r\n      },\r\n\r\n      getDataRelateMedia() {\r\n        let self = this;\r\n        getListReferentAtvLearn(self.paramSearchRelateMedia).then(res => {\r\n          if(res && res.data && res.data.list.length > 0) {\r\n            // && res.data.length > 0\r\n            self.relateMedia = [...self.relateMedia, ...res.data.list];\r\n\r\n          }\r\n          if(res.length === 0) {\r\n            self.mediaRelateNotdata = true;\r\n          }\r\n        })\r\n      },\r\n\r\n      directToMediaDetail (data) {\r\n        let linkActive = data.isShowFree && data.isShowFree !== 0;\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC && !data.isActived && !linkActive) {\r\n            this.setToggleLoginForm(true);\r\n        } else if(!linkActive && !data.isActived) {\r\n            this.acToggleModalActiveBook(true)\r\n        } else {\r\n          this.$router.push({name: 'DetailPageActiveLearn', params: {id: data.activeLearningId}})\r\n        }\r\n      },\r\n\r\n      showModalReadmore () {\r\n        if (this.openModalReadmore) {\r\n          this.$bvModal.show(ID_MODAL_READ_LINK_TYPE)\r\n        } else {\r\n          this.openModalReadmore = true\r\n          setTimeout(() => {\r\n            this.$bvModal.show(ID_MODAL_READ_LINK_TYPE)\r\n          }, 500);\r\n        }\r\n      },\r\n\r\n      handleShareMedia () {\r\n        this.acSetMediaShareInfo({...this.dataPageLink})\r\n        this.acToggleModalShareMedia(true)\r\n      },\r\n\r\n      handleDownloadFile (link, name, id) {\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC) {\r\n            this.setToggleLoginForm(true);\r\n        } else {\r\n          // console.log('id', id)\r\n          apiUpdateCountdownloadActiveLesson(id)\r\n          // Download full link\r\n          // let lengthLink = link.length\r\n          // let exFile = link.slice(-4, lengthLink)\r\n          this.downloadDocs(link, name, true)\r\n        }\r\n      },\r\n\r\n      handleResizeImg (link) {\r\n        return replaceImageResize(link, {width: 521, height: 293})\r\n      }\r\n\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .count-download{\r\n    margin-left: 10px;\r\n  }\r\n  .count-view{\r\n    margin-right: 15px;\r\n  }\r\n  .lib-detail {\r\n    padding-bottom: 60px;\r\n\r\n    &__body {\r\n      padding: 35px 0;\r\n    }\r\n\r\n    &__content {\r\n      // padding-top: 15px;\r\n\r\n      &__read {\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n          @extend .primary-color;\r\n        }\r\n      }\r\n\r\n      &__title {\r\n        padding: 20px 0;\r\n      }\r\n\r\n      &__info {\r\n        padding: 20px 0 30px;\r\n      }\r\n     \r\n      &__title, &__info {\r\n        border-bottom: 1px solid $color_border_main;\r\n      }\r\n\r\n      &__action {\r\n        a {\r\n          letter-spacing: 0.03em;\r\n\r\n          &:not(:last-child) {\r\n            margin-right: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__relate {\r\n\r\n      &__title {\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .item {\r\n        \r\n        &__media {\r\n          &:before {\r\n            background: #fff;\r\n          }\r\n        }\r\n\r\n        &--lock {\r\n          .item {\r\n            \r\n            &__title {\r\n              @extend .secondary-color-txt;\r\n            }\r\n            // &__icon {\r\n            //   opacity: 1;\r\n            // }\r\n          }\r\n        }\r\n\r\n        &__media {\r\n          &:after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0,0,0,.2);\r\n            z-index: 1;\r\n            @extend .effect-transition-fast;\r\n            @extend .effect-hide-hover;\r\n          }\r\n        }\r\n\r\n        &__icon {\r\n          opacity: 0;\r\n        }\r\n\r\n        &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          z-index: 1;\r\n          pointer-events: none;\r\n        }\r\n\r\n        &__body {\r\n          padding: 10px 0;\r\n        }\r\n\r\n        p {\r\n          line-height: 1;\r\n        }\r\n\r\n        video {\r\n          max-height: 150px;\r\n        }\r\n\r\n        video, audio {\r\n          width: 100%;\r\n          pointer-events: none;\r\n        }\r\n\r\n        &:hover {\r\n          .item {\r\n            &__icon {\r\n              opacity: 1;\r\n            }\r\n\r\n            &__media {\r\n              &:after {\r\n                @extend .effect-show-hover;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .video-wrap {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .swiper-button-prev, .swiper-button-next {\r\n        height: 100%;\r\n        top: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        background-position: center;\r\n        background-color: rgba(255,255,255,.5);\r\n        width: 40px;\r\n    }\r\n\r\n    .swiper-button-prev {\r\n      left: 0;\r\n    }\r\n    .swiper-button-next {\r\n      right: 0;\r\n\r\n    }\r\n  }\r\n  .lib-back {\r\n    margin-bottom: 15px;\r\n  }\r\n  .audio-detail {\r\n    max-width: 100%;\r\n  }\r\n  @media screen and ( max-width: 767px ) {\r\n    .lib-detail {\r\n\r\n      &__content {\r\n\r\n        &__title {\r\n          display: block;\r\n        }\r\n\r\n        &__action {\r\n          margin-top: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailActiveLearn.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailActiveLearn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailActiveLearn.vue?vue&type=template&id=5fd58b32&scoped=true&\"\nimport script from \"./DetailActiveLearn.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailActiveLearn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailActiveLearn.vue?vue&type=style&index=0&id=5fd58b32&lang=scss&scoped=true&\"\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  \"5fd58b32\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailActiveLearn.vue?vue&type=style&index=0&id=5fd58b32&lang=scss&scoped=true&\""],"sourceRoot":""}