{"version":3,"sources":["webpack:///./src/components/content-files/ModalPreviewDocMedia.vue?c0b9","webpack:///./src/components/content-files/ModalPreviewDocMedia.vue?7c38","webpack:///src/components/content-files/ModalPreviewDocMedia.vue","webpack:///./src/components/content-files/ModalPreviewDocMedia.vue?c325","webpack:///./src/components/content-files/ModalPreviewDocMedia.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","on","handleOffModal","_m","attrs","docPreview","path","checkVideo","checkPowerpoint","checkPdf","_v","_s","name","checkImage","_e","$event","scale","formattedZoom","linkViewFull","downloadDocs","class","checkTypeDocs","relateMedia","length","bookInfo","fileName","totalPage","isLocal","pathView","appUrl","checkWord","checkYoutube","checkAudio","staticRenderFns","mixins","props","mediaMore","components","PreviewVideo","PreviewPdf","Previewpptx","PreviewImage","PreviewYoutube","PreviewAudio","PreviewBookImg","data","cdnUrl","urlImgCms","mediaRelateNotdata","img404","computed","mapGetters","mounted","beforeDestroy","methods","mapActions","viewMedia","type","dataForPreview","handleNextMedia","evt","pageIndex","getDataRelateMedia","self","component"],"mappings":"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","file":"js/chunk-0d76123b.e51bf63c.js","sourcesContent":["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!./ModalPreviewDocMedia.vue?vue&type=style&index=0&id=59623542&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-wrap\"},[_c('div',{staticClass:\"content-top\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"display-flex-center justify-content-between full-width\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"d-flex content-d-flex \"},[_c('div',{staticClass:\"inner-back js-back ml-lg-5 ml-md-3 ml-sm-2\",on:{\"click\":_vm.handleOffModal}},[_vm._m(0)])]),_c('div',{staticClass:\"inner-title display-flex\"},[_c('a',{staticClass:\"inner-title-view-a \",attrs:{\"href\":\"javascript:;\"}},[(_vm.docPreview.path && _vm.checkVideo(_vm.docPreview.path))?_c('img',{attrs:{\"src\":require(\"@/assets/images/youtobe.png\"),\"alt\":\"Video\"}}):(_vm.docPreview.path && _vm.checkPowerpoint(_vm.docPreview.path))?_c('img',{attrs:{\"src\":require(\"@/assets/images/power.png\"),\"alt\":\"Powerpoint\"}}):(_vm.docPreview.path && _vm.checkPdf(_vm.docPreview.path))?_c('img',{attrs:{\"src\":require(\"@/assets/images/pdf.png\"),\"alt\":\"Pdf\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/document1.png\"),\"alt\":\"Word\"}})]),_c('span',{staticClass:\"docPreview-span font-size-18\"},[_vm._v(_vm._s(_vm.docPreview.name))])]),_c('div',{staticClass:\"d-flex content-d-flex mr-lg-5 mr-md-3 mr-sm-2\"},[(!_vm.checkVideo(_vm.docPreview.path) && !_vm.checkImage(_vm.docPreview.path) && _vm.checkPowerpoint(_vm.docPreview.path))?_c('div',{staticClass:\"inner-zoom\"},[_c('span',{on:{\"click\":function($event){_vm.scale -= _vm.scale > 0.2 ? 0.1 : 0}}},[_c('i',{staticClass:\"fa fa-minus\"})]),_c('span',[_vm._v(_vm._s(_vm.formattedZoom)+\" %\")]),_c('span',{on:{\"click\":function($event){_vm.scale += _vm.scale < 2 ? 0.1 : 0}}},[_c('i',{staticClass:\"fa fa-plus\"})])]):_vm._e(),(!_vm.checkImage(_vm.docPreview.path) && !_vm.docPreview.linkViewFull)?_c('div',{staticClass:\"inner-up\"},[_c('span',[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.downloadDocs(_vm.docPreview.path, _vm.docPreview.name)}}},[_c('img',{staticClass:\"img-down\",attrs:{\"src\":require(\"@/assets/images/down3.png\")}})])])]):_vm._e()])])])])]),_c('div',{staticClass:\"content-center position-rel\",class:(\"content-type-\" + (_vm.checkTypeDocs(_vm.docPreview.path)))},[_c('div',{staticClass:\"inner-img\",class:(\"inner-type-\" + (_vm.docPreview.path ? _vm.checkTypeDocs(_vm.docPreview.path) : '') + \" \" + (_vm.relateMedia && _vm.relateMedia.length > 0 ? 'has-more' : '') + \" \" + (_vm.docPreview.bookInfo && _vm.docPreview.bookInfo.fileName && _vm.docPreview.bookInfo.totalPage ? 'has-book' : '')),attrs:{\"id\":\"content_viewer\"}},[_c('div',{staticClass:\"overlay\",on:{\"click\":_vm.handleOffModal}}),(_vm.docPreview.bookInfo && _vm.docPreview.bookInfo.fileName && _vm.docPreview.bookInfo.totalPage)?_c('PreviewBookImg',{attrs:{\"fileName\":_vm.docPreview.bookInfo.fileName,\"totalPage\":_vm.docPreview.bookInfo.totalPage,\"fullPath\":_vm.docPreview.linkViewFull,\"isLocal\":_vm.docPreview.isLocal,\"zoomData\":_vm.scale}}):(_vm.checkVideo(_vm.docPreview.path))?_c('PreviewVideo',{attrs:{\"pathView\":_vm.docPreview.linkViewFull ? _vm.docPreview.pathView : (\"\" + _vm.appUrl + (_vm.docPreview.path)),\"mediaMore\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(_vm.checkPdf(_vm.docPreview.path) || _vm.checkWord(_vm.docPreview.path))?_c('PreviewPdf',{class:{'view-default': _vm.scale === 1},attrs:{\"pathView\":_vm.docPreview.linkViewFull ? _vm.docPreview.pathView : (\"\" + _vm.appUrl + (_vm.docPreview.pathView ? _vm.docPreview.pathView : _vm.docPreview.path)),\"zoomData\":_vm.scale}}):(_vm.checkPowerpoint(_vm.docPreview.path))?_c('Previewpptx',{class:{'view-default': _vm.scale === 1},attrs:{\"pathView\":_vm.docPreview.linkViewFull ? _vm.docPreview.pathView : (\"\" + _vm.appUrl + (_vm.docPreview.pathView ? _vm.docPreview.pathView : _vm.docPreview.path)),\"zoomData\":_vm.scale}}):(_vm.checkImage(_vm.docPreview.path))?_c('PreviewImage',{attrs:{\"pathView\":_vm.docPreview.linkViewFull ? _vm.docPreview.pathView : (\"\" + _vm.appUrl + (_vm.docPreview.pathView ? _vm.docPreview.pathView : _vm.docPreview.path))}}):(_vm.checkYoutube(_vm.docPreview.path))?_c('PreviewYoutube',{attrs:{\"pathView\":_vm.docPreview.pathView,\"autoplay\":true,\"mediaMore\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(_vm.checkAudio(_vm.docPreview.path))?_c('PreviewAudio',{attrs:{\"pathView\":_vm.docPreview.linkViewFull ? _vm.docPreview.pathView : (\"\" + _vm.appUrl + (_vm.docPreview.pathView ? _vm.docPreview.pathView : _vm.docPreview.path)),\"autoPlay\":true}}):_c('h2',{staticClass:\"text-center color-light font-sanpro-semibold\"},[_vm._v(\"Không tìm thấy tài liệu hiển thị\")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"icon-arrow-left font-size-16 color-light\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"modal-wrap\">\r\n\t\t<div class=\"content-top\">\r\n\t\t\t<div class=\"container-fluid\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"display-flex-center justify-content-between full-width\" style=\"align-items: flex-start;\">\r\n\t\t\t\t\t\t<div class=\"d-flex content-d-flex \">\r\n\t\t\t\t\t\t\t<div class=\"inner-back js-back ml-lg-5 ml-md-3 ml-sm-2\" @click=\"handleOffModal\">\r\n\t\t\t\t\t\t\t\t<span class=\"icon-arrow-left font-size-16 color-light\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"inner-title display-flex\">\r\n\t\t\t\t\t\t\t<a href=\"javascript:;\" class=\"inner-title-view-a \">\r\n\t\t\t\t\t\t\t\t<img v-if=\"docPreview.path && checkVideo(docPreview.path)\" src=\"@/assets/images/youtobe.png\" alt=\"Video\" />\r\n\t\t\t\t\t\t\t\t<img v-else-if=\"docPreview.path && checkPowerpoint(docPreview.path)\" src=\"@/assets/images/power.png\" alt=\"Powerpoint\" />\r\n\t\t\t\t\t\t\t\t<img v-else-if=\"docPreview.path && checkPdf(docPreview.path)\" src=\"@/assets/images/pdf.png\" alt=\"Pdf\" />\r\n\t\t\t\t\t\t\t\t<img v-else src=\"@/assets/images/document1.png\" alt=\"Word\" />\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<span class=\"docPreview-span font-size-18\">{{ docPreview.name }}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"d-flex content-d-flex mr-lg-5 mr-md-3 mr-sm-2\">\r\n\t\t\t\t\t\t\t<div class=\"inner-zoom\" v-if=\"!checkVideo(docPreview.path) && !checkImage(docPreview.path) && checkPowerpoint(docPreview.path)\">\r\n\t\t\t\t\t\t\t\t<span @click=\"scale -= scale > 0.2 ? 0.1 : 0\"><i class=\"fa fa-minus\"></i></span>\r\n\t\t\t\t\t\t\t\t<span>{{ formattedZoom }} %</span>\r\n\t\t\t\t\t\t\t\t<span @click=\"scale += scale < 2 ? 0.1 : 0\"><i class=\"fa fa-plus\"></i></span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"inner-up\" v-if=\"!checkImage(docPreview.path) && !docPreview.linkViewFull\">\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<a href=\"javascript:;\" @click=\"downloadDocs(docPreview.path, docPreview.name)\">\r\n\t\t\t\t\t\t\t\t\t\t<img class=\"img-down\" src=\"@/assets/images/down3.png\" />\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"content-center position-rel\" :class=\"`content-type-${checkTypeDocs(docPreview.path)}`\">\r\n\t\t\t<div id=\"content_viewer\" class=\"inner-img\" :class=\"`inner-type-${docPreview.path ? checkTypeDocs(docPreview.path) : ''} ${relateMedia && relateMedia.length > 0 ? 'has-more' : ''} ${docPreview.bookInfo && docPreview.bookInfo.fileName && docPreview.bookInfo.totalPage ? 'has-book' : ''}`\">\r\n\t\t\t\t<div class=\"overlay\" @click=\"handleOffModal\"></div>\r\n\t\t\t\t<PreviewBookImg\r\n          v-if=\"docPreview.bookInfo && docPreview.bookInfo.fileName && docPreview.bookInfo.totalPage\"\r\n          :fileName=\"docPreview.bookInfo.fileName\"\r\n          :totalPage=\"docPreview.bookInfo.totalPage\"\r\n          :fullPath=\"docPreview.linkViewFull\"\r\n          :isLocal=\"docPreview.isLocal\"\r\n          :zoomData=\"scale\"\r\n        />\r\n\t\t\t\t<PreviewVideo \r\n\t\t\t\t\tv-else-if=\"checkVideo(docPreview.path)\"\r\n\t\t\t\t\t:pathView=\"docPreview.linkViewFull ? docPreview.pathView : `${appUrl}${docPreview.path}`\" \r\n\t\t\t\t\t:mediaMore=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n\t\t\t\t/>\r\n\t\t\t\t<PreviewPdf \r\n\t\t\t\t\tv-else-if=\"checkPdf(docPreview.path) || checkWord(docPreview.path)\" \r\n\t\t\t\t\t:pathView=\"docPreview.linkViewFull ? docPreview.pathView : `${appUrl}${docPreview.pathView ? docPreview.pathView : docPreview.path}`\" \r\n\t\t\t\t\t:zoomData=\"scale\" :class=\"{'view-default': scale === 1}\" \r\n\t\t\t\t/>\r\n\t\t\t\t<Previewpptx \r\n\t\t\t\t\tv-else-if=\"checkPowerpoint(docPreview.path)\" \r\n\t\t\t\t\t:pathView=\"docPreview.linkViewFull ? docPreview.pathView : `${appUrl}${docPreview.pathView ? docPreview.pathView : docPreview.path}`\" \r\n\t\t\t\t\t:zoomData=\"scale\" \r\n\t\t\t\t\t:class=\"{'view-default': scale === 1}\" \r\n\t\t\t\t/>\r\n\t\t\t\t<PreviewImage \r\n\t\t\t\t\tv-else-if=\"checkImage(docPreview.path)\" \r\n\t\t\t\t\t:pathView=\"docPreview.linkViewFull ? docPreview.pathView : `${appUrl}${docPreview.pathView ? docPreview.pathView : docPreview.path}`\" \r\n\t\t\t\t/>\r\n\t\t\t\t<PreviewYoutube \r\n\t\t\t\t\tv-else-if=\"checkYoutube(docPreview.path)\" \r\n\t\t\t\t\t:pathView=\"docPreview.pathView\"\r\n\t\t\t\t\t:autoplay=\"true\"\r\n\t\t\t\t\t:mediaMore=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n\t\t\t\t/>\r\n\t\t\t\t<PreviewAudio \r\n\t\t\t\t\tv-else-if=\"checkAudio(docPreview.path)\" \r\n\t\t\t\t\t:pathView=\"docPreview.linkViewFull ? docPreview.pathView : `${appUrl}${docPreview.pathView ? docPreview.pathView : docPreview.path}`\"\r\n\t\t\t\t\t:autoPlay=\"true\" \r\n\t\t\t\t/>\r\n\t\t\t\t<h2 v-else class=\"text-center color-light font-sanpro-semibold\">Không tìm thấy tài liệu hiển thị</h2>\r\n\t\t\t</div>\r\n\t\t<!-- \t<div class=\"sidebar__media__list sidebar__media__list--slider position-rel\" v-if=\"relateMedia && relateMedia.length > 0\">\r\n\t\t\t\t<h3 class=\"sidebar__media__list__title font-sanpro-semibold color-light font-size-22\">Xem thêm</h3>\r\n\t\t\t\t<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        \t<swiperSlide \r\n        \t\tclass=\"item position-rel\" \r\n        \t\tv-for=\"(item, loc) of relateMedia\" \r\n        \t\t:key=\"`book__${loc}`\"\r\n        \t\tv-if=\"item.linkUrl && item.linkUrl !== docPreview.pathView\"\r\n        \t>\r\n            <div class=\"item__wrap\" @click=\"viewMedia(item)\">\r\n\t\t\t\t\t\t\t<div class=\"item__media\">\r\n                <img v-if=\"checkVideo(item.linkUrl)\" :src=\"item.posterLink ? `${urlImgCms}/${item.posterLink}` : img404\" alt=\"Học liệu\">\r\n\t    \t\t\t\t\t<PreviewImage \r\n  \t\t\t\t\t\t\t\tv-else-if=\"checkImage(item.linkUrl)\" \r\n  \t\t\t\t\t\t\t\t:pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : `${appUrl}${item.linkUrl}`\" \r\n  \t\t\t\t\t\t\t/>\r\n  \t\t\t\t\t\t\t<PreviewYoutube \r\n  \t\t\t\t\t\t\t\tv-else-if=\"checkYoutube(item.linkUrl)\" \r\n  \t\t\t\t\t\t\t\t:pathView=\"item.linkUrl\"\r\n  \t\t\t\t\t\t\t/>\r\n  \t\t\t\t\t\t\t<PreviewAudio\r\n                  class=\"evt-none\"\r\n  \t\t\t\t\t\t\t\tv-else-if=\"checkAudio(item.linkUrl)\" \r\n  \t\t\t\t\t\t\t\t:pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : `${appUrl}${item.linkUrl}`\" \r\n  \t\t\t\t\t\t\t/>\r\n  \t    \t\t\t</div>\r\n  \t    \t\t\t\t<h4 class=\"item__title font-size-15 color-light margin-0\">\r\n  \t    \t\t\t\t\t{{ item.title }}\r\n  \t    \t\t\t\t</h4>\r\n              </div>\r\n            </swiperSlide>\r\n        \t<div class=\"swiper-button-prev ebook__prev__0\" slot=\"button-prev\"></div>\r\n        \t<div class=\"swiper-button-next ebook__next__0\" slot=\"button-next\"></div>\r\n        </swiper>\r\n    \t</div> -->\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport PreviewVideo from './PreviewVideo.vue'\r\n\timport { mapGetters, mapState, mapActions, mapMutations } from 'vuex'\r\n\timport { APP_CONFIG } from '@/utils/constants'\r\n\timport mixinsFiles from './mixinsFiles'\r\n\t// import pdf from 'pdfvuer'\r\n\timport PreviewPdf from './PreviewPdf.vue'\r\n\t// import PreviewDoc from './PreviewDoc.vue'\r\n\timport Previewpptx from './Previewpptx.vue'\r\n\timport PreviewImage from './PreviewImage.vue'\r\n\timport PreviewYoutube from './PreviewYoutube.vue'\r\n\timport PreviewAudio from './PreviewAudio.vue'\r\n\timport PreviewBookImg from \"./PreviewBookImg.vue\";\r\n\t// import { swiper, swiperSlide } from 'vue-awesome-swiper'\r\n\t// import 'swiper/dist/css/swiper.css'\r\n\t// import { SET_PARAM_SEARCH_RELATE_MEDIA, STORE_KEY as STORE_KEY_BOOK } from '@/modules/ebooks/_store/constants'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n\t// var mammoth = require(\"mammoth\");\r\n\r\n\texport default {\r\n\t\tname: 'ModalPreviewDocMedia',\r\n\t\tmixins: [ mixinsFiles ],\r\n\t\tprops: {\r\n\t\t\tmediaMore: Boolean\r\n\t\t},\r\n\t\tcomponents: { \r\n\t    \tPreviewVideo,\r\n\t    \tPreviewPdf,\r\n\t    \tPreviewpptx,\r\n\t    \tPreviewImage,\r\n\t    \tPreviewYoutube,\r\n\t    \tPreviewAudio,\r\n\t    \tPreviewBookImg,\r\n\t    \t// swiper, \r\n   \t\t\t// swiperSlide,\r\n\t    },\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tappUrl: APP_CONFIG.bookCdnUrl,\r\n\t\t\t\tcdnUrl: APP_CONFIG.cdnUrl,\r\n        urlImgCms: APP_CONFIG.urlPlatformCmsImg,\r\n\t\t\t\tscale: 1,\r\n\t\t\t\trelateMedia: [],\r\n\t\t\t\tmediaRelateNotdata: false,\r\n        img404\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({ docPreview: 'common/docPreview' }),\r\n\t\t\t// ...mapState(STORE_KEY_BOOK, ['paramSearchRelateMedia']),\r\n\t\t\tformattedZoom () {\r\n        return Number.parseInt(this.scale * 100);\r\n      },\r\n\t\t},\r\n\t\t// watch: {\r\n\t\t// \t'paramSearchRelateMedia': 'getDataRelateMedia'\r\n\t\t// },\r\n\t\tmounted() {\r\n\t\t\t// this.mediaMore && this.getDataRelateMedia();\r\n\t\t},\r\n\t\tbeforeDestroy() {\r\n\t\t\tthis.relateMedia = [];\r\n\t\t\tthis.mediaRelateNotdata = false;\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions('common', ['toggleModalPreview', 'setDocPreviewContent']),\r\n\t\t\t// ...mapActions(STORE_KEY_BOOK, ['getRelateMedia']),\r\n\t\t\t// ...mapMutations(STORE_KEY_BOOK, ['SET_PARAM_SEARCH_RELATE_MEDIA']),\r\n\r\n\t\t\thandleOffModal() {\r\n\t\t\t\tthis.toggleModalPreview(false)\r\n\t\t\t\tthis.setDocPreviewContent({})\r\n\t\t\t},\r\n\r\n\t\t\tviewMedia(data) {\r\n\t\t\t\tlet dataForPreview = {type: '', path: data.linkUrl, pathView: data.linkUrl, name: data.title};\r\n        if(data.linkUrl.includes('http')) {\r\n            dataForPreview['linkViewFull'] = true;\r\n        }\r\n        this.setDocPreviewContent(dataForPreview);\r\n\t\t\t},\r\n\r\n\t\t\thandleNextMedia(evt) {\r\n\t\t\t\tconst swiperRef = this.$refs.swiper_relate.swiper;\r\n\t\t\t\tconst indexActive = swiperRef.isEnd;\r\n\t\t\t\tif(swiperRef.isEnd && !this.mediaRelateNotdata) {\r\n\t\t\t\t\tthis.SET_PARAM_SEARCH_RELATE_MEDIA({...this.paramSearchRelateMedia, pageIndex: this.paramSearchRelateMedia.pageIndex + 1})\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tgetDataRelateMedia() {\r\n\t\t\t\t// console.log('GET RELATEL')\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tif(self.paramSearchRelateMedia.bookId && self.paramSearchRelateMedia.bookId > 0) {\r\n\t\t\t\t\tself.getRelateMedia(self.paramSearchRelateMedia).then(res => {\r\n\t\t\t\t\t\t// console.log('Get relate done: ', res)\r\n\t\t\t\t\t\tif(res) {\r\n\t\t\t\t\t\t\tself.relateMedia = [...self.relateMedia, ...res];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif(res.length === 0) {\r\n\t\t\t\t\t\t\tself.mediaRelateNotdata = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t\r\n\t.content-top, .content-center {\r\n\t\tposition: relative;\r\n\t\tz-index: 10!important;\r\n\t}\r\n    .content-center{\r\n    \theight: 100vh;\r\n    \tmargin: 0 auto!important;\r\n\t    padding: 5vh 0;\r\n\t    // background: rgba(64, 80, 94, 0.8);\r\n    }\r\n    .inner-img {\r\n\r\n    \t&:not(.inner-type-pptx) {\r\n\t\t\toverflow-y: auto;\r\n\t\t\tmax-height: 80vh;\r\n    \t}\r\n\r\n    \t&.has-book {\r\n    \t\toverflow-y: inherit;\r\n    \t}\r\n\r\n    \t&.has-more {\r\n\t\t\tmax-height: calc(85vh - 225px);\r\n    \t}\r\n\r\n    \t&.inner-type-doc {\r\n    \t\tbackground: #ccc;\r\n    \t}\r\n\r\n    \t&.inner-type-img, &.inner-type-audio {\r\n    \t\theight: 80vh;\r\n    \t\tdisplay: flex;\r\n    \t\talign-items: center;\r\n    \t\tjustify-content: center;\r\n    \t}\r\n\t}\r\n\t.content-type-img, .content-type-video {\r\n\t\t.inner-img {\r\n\t\t\tbackground: transparent;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\tmax-height: 80vh;\r\n\t\t}\r\n\r\n\t\t&.has-more {\r\n\t\t\timg {\r\n\t\t\t\tmax-height: calc(80vh - 245px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\t.inner-up {\r\n\t\tmargin-left: 20px;\r\n\r\n\t\t@media screen and ( max-width: 575px ) {\r\n\t\t\tmargin-left: 10px;\r\n\t\t}\r\n\t}\r\n\t.overlay {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: transparent;\r\n\t\tz-index: 11;\r\n\r\n\t\t~ * {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 12;\r\n\t\t}\r\n\t}\r\n\t.sidebar__media__list--slider {\r\n\t\tz-index: 12;\r\n\t\tmax-width: 80vw;\r\n\t\tmargin: 40px auto 20px;\r\n\r\n\t\t.item {\r\n\t\t\tmargin-bottom: 0!important;\r\n\r\n\t\t\t&__wrap {\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\tbackground: rgba(0,0,0, .0);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.sidebar__media__list {\r\n\t\t\t&__title {\r\n\t\t\t\tmargin: 0 0 25px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.ebook__next__0, .ebook__prev__0 {\r\n\t\theight: 97.5%;\r\n\t\ttop: 0;\r\n\t\tmargin: 0;\r\n\t\tbackground-position: center;\r\n\t\twidth: 50px;\r\n\t\tbackground-color: rgba(0,0,0,.3); \r\n\t}\r\n\t.ebook__prev__0 {\r\n\t\tleft: 0;\r\n\t\tborder-radius: 6px 0 0 6px;\r\n\t}\r\n\t.ebook__next__0 {\r\n\t\tright: 0;\r\n\t\tleft: auto;\r\n\t\tborder-radius: 0 6px 6px 0;\r\n\t}\r\n\t.has-more{\r\n\t\tmargin: 0 60px;\r\n\t\t@media screen and (max-width: 1024px){\r\n\t\t\tmargin: 0 42px;\t\r\n\t\t}\r\n\t\t@media screen and (max-width: 768px){\r\n\t\t\tmargin: 0 30px;\t\r\n\t\t}\r\n\t\t@media screen and (max-width: 575px){\r\n\t\t\tmargin: 0 23px;\t\r\n\t\t}\r\n\t\t@media screen and (max-width: 425px){\r\n\t\t\tmargin: 0 0px;\t\r\n\t\t}\r\n\t}\r\n\r\n\t.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {\r\n\t\tpointer-events: auto!important;\r\n\t}\r\n\r\n\t@media screen and ( max-width: 575px ) {\r\n\t\t.sidebar__media__list {\r\n\r\n\t\t\t&--slider {\r\n\t\t\t\tmargin: 15px auto 10px;\r\n\t\t\t}\r\n\r\n\t\t\t&__title {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.ebook__next__0, .ebook__prev__0 {\r\n\t\t\twidth: 30px;\r\n\t\t}\r\n\t}\r\n</style>","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!./ModalPreviewDocMedia.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!./ModalPreviewDocMedia.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalPreviewDocMedia.vue?vue&type=template&id=59623542&scoped=true&\"\nimport script from \"./ModalPreviewDocMedia.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalPreviewDocMedia.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalPreviewDocMedia.vue?vue&type=style&index=0&id=59623542&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  \"59623542\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}