{"version":3,"sources":["webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonSidebar.vue?60c7","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLesson.vue?ae54","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonInfo.vue?29b5","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonSidebar.vue?b1c9","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLesson.vue?f878","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonInfo.vue?e7f2","webpack:///src/modules/ebooks/_components/ebook-viewer/EbookLessonInfo.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonInfo.vue?a54b","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonInfo.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonSidebar.vue?bdda","webpack:///src/modules/ebooks/_components/ebook-viewer/EbookLessonSidebar.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonSidebar.vue?7aa1","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonSidebar.vue","webpack:///src/modules/ebooks/_components/ebook-viewer/EbookLesson.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLesson.vue?1cbd","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLesson.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/EbookLessonInfo.vue?bc37"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","backReadBook","_m","_v","_s","lessonBookViewing","indexLessonActive","title","$event","handleViewInfo","tabActive","lessonPlan","fileName","class","isZoomFile","_l","pageSettingLessonPlan","num","key","scale","style","sizeBoxSlide","openLessonCats","imgCdnUrl","pathView","script","handleScrollScript","pageSettingScript","_e","directPage","changeTab","handleToggleLessonCats","prevPage","page","totalPage","nextPage","handleZoom","formattedZoom","handleShareLesson","handleDownload","lessonInfo","staticRenderFns","idModal","scopedSlots","_u","fn","$bvModal","hide","proxy","dataSource","subjectName","className","slice","bookGroupName","author","copyrigth","completeTime","name","props","data","component","viewDetailLesson","handleBackList","length","handleViewLessonDetail","settingsViewBookSidebar","item","index","img404","imageUrl","cdnLink","components","vueCustomScrollbar","urlCmsImg","maxScrollbarLength","computed","mapState","mounted","methods","initSidebar","val","query","lesson","mixins","ModalShare","EbookLessonInfo","EbookLessonSidebar","apiUrl","pageLoading","slideTranslateX","width","height","tabLesson","pageLoaded","scrollPosition","lastPageOffsetTop","styleZoom","idBookLessonPlanFile","widthImgRenderDefault","mapActions","initLesson","setSizeForSlide","setTimeout","setSlideAction","widthElm","elementSlideSwrap","valScale","type","setWidthImgAfterRender","setSpaceSizeForOpenSidebarBox","bodyBookBox","self","resetPageWhenOfBoxsTransition","resetTransitionSlide","setScrollToPage","scrollTo","event","window","setSpaceSizeForOpenCatBox","tab","document","fullLink","getLessonInfo","pathDoc"],"mappings":"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","file":"js/chunk-753cfd61.b7bc07d4.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!./EbookLessonSidebar.vue?vue&type=style&index=1&lang=scss&\"","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!./EbookLesson.vue?vue&type=style&index=0&id=e595a9ca&lang=scss&scoped=true&\"","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!./EbookLessonInfo.vue?vue&type=style&index=0&id=085352c0&lang=scss&scoped=true&\"","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!./EbookLessonSidebar.vue?vue&type=style&index=0&id=cb712b2c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"detail-books ebook-lesson bg-color-light\"},[_c('div',{staticClass:\"detail-books__head display-flex-center justify-content-between\"},[_c('a',{staticClass:\"ebook-lesson__back secondary-color-txt font-size-15 font-family-Semibold\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.backReadBook}},[_vm._m(0),_vm._v(\" Trở lại\\n\\t\\t\\t\")]),_c('h3',{staticClass:\"font-size-15 secondary-color-txt font-sanpro-semibold margin-0 text-center\"},[_vm._v(_vm._s(_vm.lessonBookViewing[_vm.indexLessonActive].title))]),_c('div',{staticClass:\"btn-function\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleViewInfo(_vm.lessonBookViewing[_vm.indexLessonActive])}}},[_c('i',{staticClass:\"icon-info\"})])])]),_c('div',{staticClass:\"detail-books__body position-rel\"},[_c('div',{staticClass:\"detail-books__body__wrap\"},[_c('div',{staticClass:\"detail-books__tabs tabs-center effect-transition-fast\"},[(_vm.tabActive === 0 && _vm.lessonBookViewing[_vm.indexLessonActive] && _vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan && _vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan.fileName)?_c('div',{staticClass:\"detail-books__tabs__body lib-lesson__tabs__body full-box display-flex-center\",class:{'is-zoom': _vm.isZoomFile},attrs:{\"id\":\"script_docs_pptx\"}},[_c('div',{staticClass:\"lib-lesson__imgs lib-lesson__imgs--pptx effect-transition-fast display-flex\",attrs:{\"id\":\"lesson_img\"}},[_c('div',{staticClass:\"lib-lesson__imgs__wrap display-flex\",attrs:{\"id\":\"lesson_img_wrap\"}},_vm._l((_vm.pageSettingLessonPlan.pageLoaded),function(num){return _c('div',{key:num,staticClass:\"item text-center effect-transition-fast custom-scroll\",class:{'zoom-in': _vm.scale > 1},style:((\"width: \" + (_vm.sizeBoxSlide.width) + \"px; padding: \" + (_vm.openLessonCats ? '0 20px' : '')))},[_c('img',{staticClass:\"item__img effect-transition-fast\",style:(_vm.styleZoom),attrs:{\"id\":(\"item_\" + num),\"src\":(\"\" + _vm.imgCdnUrl + (_vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan.fileName) + \"-\" + num + \".jpg\"),\"alt\":_vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan.pathView}})])}),0)])]):(_vm.tabActive === 1 && _vm.lessonBookViewing[_vm.indexLessonActive] && _vm.lessonBookViewing[_vm.indexLessonActive].script && _vm.lessonBookViewing[_vm.indexLessonActive].script.fileName)?_c('vue-custom-scrollbar',{staticClass:\"detail-books__tabs__body\",attrs:{\"id\":\"script_docs\"},on:{\"ps-scroll-y\":_vm.handleScrollScript}},[_c('div',{staticClass:\"lib-lesson__imgs lib-lesson__imgs--script effect-transition-fast display-flex\",attrs:{\"id\":\"lesson_img_script\"}},[(_vm.lessonBookViewing[_vm.indexLessonActive].script)?_c('div',{staticClass:\"lib-lesson__imgs__wrap\",attrs:{\"id\":\"lesson_img_script_wrap\"}},_vm._l((_vm.pageSettingScript.pageLoaded),function(num){return _c('div',{key:num,staticClass:\"item item-script text-center effect-transition-fast\",style:((\"width: \" + (_vm.sizeBoxSlide.width) + \"px\")),attrs:{\"id\":(\"item_script_\" + num)}},[_c('img',{staticClass:\"item__img\",style:(_vm.styleZoom),attrs:{\"src\":(\"\" + _vm.imgCdnUrl + (_vm.lessonBookViewing[_vm.indexLessonActive].script.fileName) + \"-\" + num + \".jpg\"),\"alt\":_vm.lessonBookViewing[_vm.indexLessonActive].script.pathView}})])}),0):_c('p',{staticClass:\"font-size-22 text-center secondary-color-txt full-width\"},[_vm._v(\"Đang cập nhật dữ liệu\")])])]):_vm._e()],1)]),_c('EbookLessonSidebar',{class:{'active': _vm.openLessonCats},attrs:{\"pageSettingLessonPlan\":_vm.pageSettingLessonPlan,\"pageSettingScript\":_vm.pageSettingScript},on:{\"directPage\":_vm.directPage,\"changeTypeLesson\":_vm.changeTab}})],1),_c('div',{staticClass:\"detail-books__footer lib-detail__footer color_bg_gray_light display-flex-center justify-content-between position-rel full-width\"},[_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\",class:{'btn-2': _vm.openLessonCats},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleToggleLessonCats}},[_c('img',{staticClass:\"icon-list\",attrs:{\"src\":require(\"@/assets/imgs/icon-list.png\"),\"alt\":\"Danh sách bài giảng\"}}),_c('span',{staticClass:\"only-pc\"},[_vm._v(\"Danh sách\")])]),_c('div',{staticClass:\"book-viewer__paging display-flex-center\"},[_c('button',{staticClass:\"prev-page\",on:{\"click\":_vm.prevPage}},[_c('i',{staticClass:\"icon-prev primary-color\"})]),_c('div',{staticClass:\"book-viewer__paging__input\"},[(_vm.lessonBookViewing[_vm.indexLessonActive] && (_vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan || _vm.lessonBookViewing[_vm.indexLessonActive].script))?_c('span',{staticClass:\"text-center\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.tabActive === 0 ? _vm.pageSettingLessonPlan.page : _vm.pageSettingScript.page)+\" / \"+_vm._s(_vm.tabActive === 0 && _vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan ? _vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan.totalPage : _vm.lessonBookViewing[_vm.indexLessonActive].script ? _vm.lessonBookViewing[_vm.indexLessonActive].script.totalPage : 0)+\"\\n\\t\\t\\t\\t\\t\")]):_vm._e()]),_c('button',{staticClass:\"next-page\",on:{\"click\":_vm.nextPage}},[_c('i',{staticClass:\"icon-next primary-color\"})])]),_c('div',{staticClass:\"book-viewer__zoom-switch display-flex-center\"},[_c('div',{staticClass:\"book-viewer__zoom\"},[_c('button',{staticClass:\"zoom-out\",on:{\"click\":function($event){return _vm.handleZoom(null, '-')}}},[_c('i',{staticClass:\"icon-minus font-size-14 secondary-color-txt\"})]),_c('span',{staticClass:\"ratio-book\"},[_vm._v(_vm._s(_vm.formattedZoom)+\" %\")]),_c('button',{staticClass:\"zoom-in\",on:{\"click\":function($event){return _vm.handleZoom(null, '+')}}},[_c('i',{staticClass:\"icon-plus font-size-14 secondary-color-txt\"})])]),_c('div',{staticClass:\"detail-books__actions display-flex-center\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleShareLesson}},[_c('i',{staticClass:\"icon-share-2\"})]),_c('a',{staticClass:\"item\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleDownload}},[_c('i',{staticClass:\"icon-download\"})])])])]),_c('ModalShare'),_c('EbookLessonInfo',{attrs:{\"dataSource\":_vm.lessonInfo}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"icon-arrow-left secondary-color-txt\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{staticClass:\"modal-info\",attrs:{\"id\":_vm.idModal,\"hide-footer\":\"\",\"size\":\"sm\",\"scrollable\":\"\",\"centered\":\"\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(){return [_c('div',{staticClass:\"modal-info__head modal-info__head--psmall display-flex-center justify-content-between full-width\"},[_c('h4',{staticClass:\"modal-info__title font-sanpro-bold primary-color-txt\"},[_vm._v(\"Thông tin\")]),_c('span',{staticClass:\"modal-info__close\",on:{\"click\":function($event){return _vm.$bvModal.hide(_vm.idModal)}}},[_c('i',{staticClass:\"icon-close\"})])])]},proxy:true}])},[_c('div',{staticClass:\"modal-info__body primary-color-txt font-sanpro-light bg-color-light p-0\"},[(_vm.dataSource)?_c('table',{staticClass:\"border-0 margin-0 p-0\"},[_c('tr',[_c('td',{staticClass:\"title secondary-color-txt\"},[_vm._v(\"Môn học\")]),_c('td',{staticClass:\"content primary-color-txt\"},[_vm._v(_vm._s(_vm.dataSource.subjectName ? _vm.dataSource.subjectName : ''))])]),_c('tr',[_c('td',{staticClass:\"title secondary-color-txt\"},[_vm._v(\"Lớp\")]),_c('td',{staticClass:\"content primary-color-txt\"},[_vm._v(_vm._s(_vm.dataSource.className ? _vm.dataSource.className.slice(-2) : ''))])]),_c('tr',[_c('td',{staticClass:\"title secondary-color-txt\"},[_vm._v(\"Bộ sách\")]),_c('td',{staticClass:\"content primary-color-txt\"},[_vm._v(_vm._s(_vm.dataSource.bookGroupName ? _vm.dataSource.bookGroupName : ''))])]),_c('tr',[_c('td',{staticClass:\"title secondary-color-txt\"},[_vm._v(\"Tác giả\")]),_c('td',{staticClass:\"content primary-color-txt\"},[_vm._v(_vm._s(_vm.dataSource.author ? _vm.dataSource.author : ''))])]),_c('tr',[_c('td',{staticClass:\"title secondary-color-txt\"},[_vm._v(\"Bản quyền\")]),_c('td',{staticClass:\"content primary-color-txt\"},[_vm._v(_vm._s(_vm.dataSource.copyrigth ? _vm.dataSource.copyrigth : ''))])]),_c('tr',[_c('td',{staticClass:\"title secondary-color-txt\"},[_vm._v(\"Hoàn thành\")]),_c('td',{staticClass:\"content primary-color-txt\"},[_vm._v(_vm._s(_vm.dataSource.completeTime ? _vm.dataSource.completeTime : ''))])])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-modal :id=\"idModal\" class=\"modal-info\" hide-footer size=\"sm\" scrollable centered>\r\n    <template v-slot:modal-header>\r\n      <div class=\"modal-info__head modal-info__head--psmall display-flex-center justify-content-between full-width\">\r\n        <h4 class=\"modal-info__title font-sanpro-bold primary-color-txt\">Thông tin</h4>\r\n        <span @click=\"$bvModal.hide(idModal)\" class=\"modal-info__close\"><i class=\"icon-close\"></i></span>\r\n      </div>\r\n    </template>\r\n    <div class=\"modal-info__body primary-color-txt font-sanpro-light bg-color-light p-0\">\r\n      <table v-if=\"dataSource\" class=\"border-0 margin-0 p-0\">\r\n        <tr>\r\n          <td class=\"title secondary-color-txt\">Môn học</td>\r\n          <td class=\"content primary-color-txt\">{{ dataSource.subjectName ? dataSource.subjectName : '' }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td class=\"title secondary-color-txt\">Lớp</td>\r\n          <td class=\"content primary-color-txt\">{{ dataSource.className ? dataSource.className.slice(-2) : '' }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td class=\"title secondary-color-txt\">Bộ sách</td>\r\n          <td class=\"content primary-color-txt\">{{ dataSource.bookGroupName ? dataSource.bookGroupName : '' }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td class=\"title secondary-color-txt\">Tác giả</td>\r\n          <td class=\"content primary-color-txt\">{{ dataSource.author ? dataSource.author : '' }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td class=\"title secondary-color-txt\">Bản quyền</td>\r\n          <td class=\"content primary-color-txt\">{{ dataSource.copyrigth ? dataSource.copyrigth : '' }}</td>\r\n        </tr>\r\n        <tr>\r\n          <td class=\"title secondary-color-txt\">Hoàn thành</td>\r\n          <td class=\"content primary-color-txt\">{{ dataSource.completeTime ? dataSource.completeTime : '' }}</td>\r\n        </tr>\r\n      </table>\r\n    </div>\r\n  </b-modal>\r\n</template>\r\n\r\n<script>\r\nimport { ID_MODAL_EBOOK_LESSON_INFO } from './../../_store/constants'\r\nexport default {\r\n  name: 'EbookLessonInfo',\r\n  props: {\r\n    dataSource: Object\r\n  },\r\n  data () {\r\n    return {\r\n      idModal: ID_MODAL_EBOOK_LESSON_INFO\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.modal-info__body {\r\n  .title {\r\n    padding: 5px 10px 5px 0;\r\n  }\r\n  .content {\r\n    padding: 5px 0 5px 10px; \r\n  }\r\n}\r\n</style>\r\n<style>\r\n  @media screen and (min-width: 576px) {\r\n    #modal_ebook_lesson_info .modal-sm {\r\n      max-width: 420px !important;\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!./EbookLessonInfo.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!./EbookLessonInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EbookLessonInfo.vue?vue&type=template&id=085352c0&scoped=true&\"\nimport script from \"./EbookLessonInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./EbookLessonInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EbookLessonInfo.vue?vue&type=style&index=0&id=085352c0&lang=scss&scoped=true&\"\nimport style1 from \"./EbookLessonInfo.vue?vue&type=style&index=1&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  \"085352c0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"book-viewer__cats\"},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},[_c('h2',{staticClass:\"book-viewer__cats__title font-sanpro-semibold\",class:{\n        'primary-color font-size-22 cursor-pointer lib-lesson__cats__title lib-lesson__cats__title__detail': _vm.viewDetailLesson,\n        'primary-color-txt font-size-24 lib-lesson__cats__title': !_vm.viewDetailLesson\n      },on:{\"click\":_vm.handleBackList}},[(_vm.viewDetailLesson && _vm.lessonBookViewing.length > 1)?_c('span',{staticClass:\"icon-arrow-left primary-color font-size-18\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})]):_vm._e(),_vm._v(\"\\n      Nhóm bài giảng \\n      \"),(!_vm.viewDetailLesson)?_c('span',[_vm._v(\"(\"+_vm._s(_vm.lessonBookViewing.length)+\")\")]):_vm._e()])]),_c('div',{staticClass:\"book-viewer__cats__list\"},[(!_vm.viewDetailLesson)?_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__cats lesson-groups\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},_vm._l((_vm.lessonBookViewing),function(item,index){return _c('div',{key:index,staticClass:\"item\",class:{'active': _vm.indexLessonActive === index}},[_c('div',{staticClass:\"item__head aspect-ratio aspect-ratio--16-9\"},[_c('figure',{staticClass:\"margin-0 p-0\"},[_c('img',{attrs:{\"src\":item.imageUrl ? (\"\" + _vm.cdnLink + (item.imageUrl)) : _vm.img404,\"alt\":item.title}})])]),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__title font-size-17 font-sanpro-semibold primary-color-txt\"},[_vm._v(\"\\n              \"+_vm._s(item.title)+\"\\n            \")]),_c('div',{staticClass:\"item__action\"},[_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleViewLessonDetail(item, index)}}},[_vm._v(\"Xem chi tiết\")]),(item && item.script && item.script.fileName)?_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleViewLessonDetail(item, index, 1)}}},[_vm._v(\"\\n                Kịch bản dạy\\n              \")]):_vm._e()])])])}),0)]):_c('div',{staticClass:\"lesson-detail\"},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},[_c('b-tabs',{staticClass:\"book-detail__tabs__content\"},[_c('b-tab',{on:{\"click\":function($event){return _vm.handleViewLessonDetail(_vm.lessonBookViewing[_vm.indexLessonActive], _vm.indexLessonActive)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Bài giảng\")]},proxy:true}])}),(_vm.lessonBookViewing[_vm.indexLessonActive] && _vm.lessonBookViewing[_vm.indexLessonActive].script && _vm.lessonBookViewing[_vm.indexLessonActive].script.fileName)?_c('b-tab',{attrs:{\"active\":_vm.tabActive === 1},on:{\"click\":function($event){return _vm.handleViewLessonDetail(_vm.lessonBookViewing[_vm.indexLessonActive], _vm.indexLessonActive, 1)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Kịch bản dạy học\")]},proxy:true}],null,false,3776390243)}):_vm._e()],1)],1),_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__cats scroll-area__cats__detail\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[(_vm.lessonBookViewing[_vm.indexLessonActive] && (_vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan || _vm.lessonBookViewing[_vm.indexLessonActive].script))?_c('div',{staticClass:\"book-viewer__cats__wrap lib-lesson__pages\"},_vm._l((_vm.tabActive === 0 && _vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan ? _vm.lessonBookViewing[_vm.indexLessonActive].lessonPlan.totalPage : _vm.lessonBookViewing[_vm.indexLessonActive].script ? _vm.lessonBookViewing[_vm.indexLessonActive].script.totalPage : 0),function(item,index){return _c('div',{key:index,staticClass:\"item position-rel bg-color-light\",class:{\n              'active': _vm.tabActive === 0 ? _vm.pageSettingLessonPlan.page === item : _vm.pageSettingScript.page === item,\n              'item--2': _vm.tabActive === 1\n            },on:{\"click\":function($event){return _vm.directPage(item)}}},[_c('div',{staticClass:\"item__head\"},[_c('div',{staticClass:\"img__wrap\"},[_c('img',{attrs:{\"src\":_vm.lessonBookViewing[_vm.indexLessonActive][_vm.tabActive === 0 ? 'lessonPlan' : 'script'].fileName ? (\"\" + _vm.imgCdnUrl + (_vm.lessonBookViewing[_vm.indexLessonActive][_vm.tabActive === 0 ? 'lessonPlan' : 'script'].fileName) + \"-\" + item + \".jpg\") : _vm.img404,\"alt\":_vm.lessonBookViewing[_vm.indexLessonActive].title}})])]),_c('h4',{staticClass:\"item__title margin-0\"},[_vm._v(_vm._s(item))])])}),0):_vm._e()])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"book-viewer__cats\">\r\n    <div class=\"book-viewer__cats__wrap\">\r\n      <h2\r\n        class=\"book-viewer__cats__title font-sanpro-semibold\"\r\n        :class=\"{\r\n          'primary-color font-size-22 cursor-pointer lib-lesson__cats__title lib-lesson__cats__title__detail': viewDetailLesson,\r\n          'primary-color-txt font-size-24 lib-lesson__cats__title': !viewDetailLesson\r\n        }\"\r\n        @click=\"handleBackList\"\r\n      >\r\n        <span v-if=\"viewDetailLesson && lessonBookViewing.length > 1\" class=\"icon-arrow-left primary-color font-size-18\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n        Nhóm bài giảng \r\n        <span v-if=\"!viewDetailLesson\">({{ lessonBookViewing.length }})</span>\r\n      </h2>\r\n    </div>\r\n    <div class=\"book-viewer__cats__list\">\r\n      <vue-custom-scrollbar v-if=\"!viewDetailLesson\" class=\"scroll-area scroll-area__cats lesson-groups\" :settings=\"settingsViewBookSidebar\">\r\n        <div class=\"book-viewer__cats__wrap\">\r\n          <div v-for=\"(item, index) of lessonBookViewing\" :key=\"index\" class=\"item\" :class=\"{'active': indexLessonActive === index}\">\r\n            <div class=\"item__head aspect-ratio aspect-ratio--16-9\">\r\n              <figure class=\"margin-0 p-0\">\r\n                <img :src=\"item.imageUrl ? `${cdnLink}${item.imageUrl}` : img404\" :alt=\"item.title\">\r\n              </figure>\r\n            </div>\r\n            <div class=\"item__body\">\r\n              <h3 class=\"item__title font-size-17 font-sanpro-semibold primary-color-txt\">\r\n                {{ item.title }}\r\n              </h3>\r\n              <div class=\"item__action\">\r\n                <a href=\"javascript:;\" class=\"primary-color\" @click=\"handleViewLessonDetail(item, index)\">Xem chi tiết</a>\r\n                <a\r\n                  v-if=\"item && item.script && item.script.fileName\"\r\n                  href=\"javascript:;\"\r\n                  class=\"primary-color\"\r\n                  @click=\"handleViewLessonDetail(item, index, 1)\"\r\n                >\r\n                  Kịch bản dạy\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </vue-custom-scrollbar>\r\n      <div v-else class=\"lesson-detail\">\r\n        <div class=\"book-viewer__cats__wrap\">\r\n          <b-tabs class=\"book-detail__tabs__content\">\r\n            <b-tab\r\n              @click=\"handleViewLessonDetail(lessonBookViewing[indexLessonActive], indexLessonActive)\"\r\n            >\r\n              <template v-slot:title>Bài giảng</template>\r\n            </b-tab>\r\n            <b-tab\r\n              v-if=\"lessonBookViewing[indexLessonActive] && lessonBookViewing[indexLessonActive].script && lessonBookViewing[indexLessonActive].script.fileName\"\r\n              :active=\"tabActive === 1\"\r\n              @click=\"handleViewLessonDetail(lessonBookViewing[indexLessonActive], indexLessonActive, 1)\"\r\n            >\r\n              <template v-slot:title>Kịch bản dạy học</template>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n        <vue-custom-scrollbar class=\"scroll-area scroll-area__cats scroll-area__cats__detail\" :settings=\"settingsViewBookSidebar\">\r\n          <div v-if=\"lessonBookViewing[indexLessonActive] && (lessonBookViewing[indexLessonActive].lessonPlan || lessonBookViewing[indexLessonActive].script)\" class=\"book-viewer__cats__wrap lib-lesson__pages\">\r\n            <div \r\n              class=\"item position-rel bg-color-light\" \r\n              v-for=\"(item, index) in tabActive === 0 && lessonBookViewing[indexLessonActive].lessonPlan ? lessonBookViewing[indexLessonActive].lessonPlan.totalPage : lessonBookViewing[indexLessonActive].script ? lessonBookViewing[indexLessonActive].script.totalPage : 0\" \r\n              :class=\"{\r\n                'active': tabActive === 0 ? pageSettingLessonPlan.page === item : pageSettingScript.page === item,\r\n                'item--2': tabActive === 1\r\n              }\" \r\n              @click=\"directPage(item)\"\r\n              :key=\"index\"\r\n            >\r\n              <div class=\"item__head\">\r\n                <div class=\"img__wrap\">\r\n                  <img :src=\"lessonBookViewing[indexLessonActive][tabActive === 0 ? 'lessonPlan' : 'script'].fileName ? `${imgCdnUrl}${lessonBookViewing[indexLessonActive][tabActive === 0 ? 'lessonPlan' : 'script'].fileName}-${item}.jpg` : img404\" :alt=\"lessonBookViewing[indexLessonActive].title\">\r\n                </div>\r\n              </div>\r\n              <h4 class=\"item__title margin-0\">{{ item }}</h4>\r\n            </div>\r\n          </div>\r\n        </vue-custom-scrollbar>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex'\r\nimport { STORE_KEY } from './../../_store/constants'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nconst img404 = require(`@/assets/images/img_404.jpg`)\r\n\r\nexport default {\r\n  name: 'EbookLessonSidebar',\r\n  props: {\r\n    pageSettingLessonPlan: Object,\r\n    pageSettingScript: Object\r\n  },\r\n  components: {\r\n    vueCustomScrollbar\r\n  },\r\n  data () {\r\n    return {\r\n      img404,\r\n      imgCdnUrl: APP_CONFIG.bookImgCdnUrl,\r\n      urlCmsImg: APP_CONFIG.urlCmsImg,\r\n      cdnLink: APP_CONFIG.cdnLive,\r\n      settingsViewBookSidebar: {\r\n        maxScrollbarLength: 300\r\n      },\r\n      tabActive: 0,\r\n      viewDetailLesson: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(STORE_KEY, ['lessonBookViewing']),\r\n    indexLessonActive () {\r\n      return (parseInt(this.$route.query.lesson) - 1)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.initSidebar()\r\n  },\r\n  methods: {\r\n\r\n    initSidebar () {\r\n      if (this.lessonBookViewing && this.lessonBookViewing.length === 1)\r\n        this.viewDetailLesson = true\r\n    },\r\n\r\n    directPage (page) {\r\n      this.$emit('directPage', page)\r\n    },\r\n\r\n    handleViewLessonDetail (val, index, type = 0) {\r\n      this.$router.replace({ query: { ...this.$route.query, lesson: index + 1 } })\r\n      this.tabActive = type\r\n      this.$emit('changeTypeLesson', type)\r\n      this.viewDetailLesson = true\r\n    },\r\n\r\n    handleBackList () {\r\n      if (this.viewDetailLesson && this.lessonBookViewing.length > 1)\r\n        this.viewDetailLesson = false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.lib-lesson__cats__title {\r\n  border-bottom: 0;\r\n  padding-bottom: 5px;\r\n  margin-bottom: 20px;\r\n\r\n  &__detail {\r\n    margin-bottom: 15px;\r\n  }\r\n}\r\n.scroll-area__cats__detail {\r\n  height: calc(100vh - 290px)!important;\r\n}\r\n.lib-lesson__pages {\r\n  @extend .display-flex-wrap;\r\n  margin: 15px 0;\r\n  \r\n  .item {\r\n    width: calc((100%/2) - 15px);\r\n    margin-bottom: 20px;\r\n\r\n    &:nth-child(odd) {\r\n      margin-right: 30px;\r\n    }\r\n\r\n    &__head {\r\n      border: 1px solid transparent;\r\n      @extend .aspect-ratio;\r\n      @extend .aspect-ratio--16-9;\r\n\r\n      &:before {\r\n        @extend .bg-color-light;\r\n      }\r\n    }\r\n\r\n    &__title {\r\n      @extend .primary-bg-color;\r\n      @extend .display-inline-block;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      border-radius: 0 0 10px 0;\r\n      @extend .font-size-13;\r\n      @extend .color-light;\r\n      padding: 5px 10px;\r\n      line-height: 1;\r\n    }\r\n\r\n    &.active, &:hover {\r\n      .item__head {\r\n        border-color: $primary_color;\r\n      }\r\n    }\r\n\r\n    &--2 {\r\n      @extend .text-center;\r\n      border: 1px solid transparent;\r\n\r\n      .item {\r\n\r\n        &__head {\r\n          max-width: 70%;\r\n          @extend .margin-center;\r\n          @extend .aspect-ratio--1-1-5;\r\n        }\r\n\r\n      }\r\n      &.active, &:hover {\r\n        border-color: $primary_color;\r\n\r\n        .item__head {\r\n          border-color: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.lesson-groups {\r\n  .item {\r\n    margin-bottom: 20px;\r\n\r\n    &__head {\r\n      border: 1px solid transparent;\r\n    }\r\n\r\n    &__body {\r\n      padding: 5px 0;\r\n      border: 1px solid transparent;\r\n    }\r\n\r\n    &__title {\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    &__action {\r\n      a {\r\n        &:not(:last-child) {\r\n          &:after {\r\n            content: '|';\r\n            @extend .secondary-color-txt;\r\n            margin: 0 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.active, &:hover {\r\n      .item {\r\n        \r\n        &__head {\r\n          border: 1px solid $primary-color;\r\n        }\r\n\r\n        &__title {\r\n          @extend .primary-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n\r\n  .scroll-area__cats {\r\n    height: calc(100vh - 225px);\r\n    padding-bottom: 30px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.book-detail__tabs__content.tabs {\r\n\r\n  >div, .nav-tabs {\r\n    width: 100%!important;\r\n  }\r\n  .nav-item:not(:last-child) {\r\n    margin: 0!important;\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!./EbookLessonSidebar.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!./EbookLessonSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EbookLessonSidebar.vue?vue&type=template&id=cb712b2c&scoped=true&\"\nimport script from \"./EbookLessonSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./EbookLessonSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EbookLessonSidebar.vue?vue&type=style&index=0&id=cb712b2c&lang=scss&scoped=true&\"\nimport style1 from \"./EbookLessonSidebar.vue?vue&type=style&index=1&lang=scss&\"\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  \"cb712b2c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"detail-books ebook-lesson bg-color-light\">\r\n\t\t<div class=\"detail-books__head display-flex-center justify-content-between\">\r\n\t\t\t<a\r\n        href=\"javascript:;\"\r\n        class=\"ebook-lesson__back secondary-color-txt font-size-15 font-family-Semibold\"\r\n        @click=\"backReadBook\"\r\n      >\r\n\t\t\t\t<span class=\"icon-arrow-left secondary-color-txt\"><span class=\"path1\"></span><span class=\"path2\"></span></span> Trở lại\r\n\t\t\t</a>\r\n\t\t\t<h3 class=\"font-size-15 secondary-color-txt font-sanpro-semibold margin-0 text-center\">{{ lessonBookViewing[indexLessonActive].title }}</h3>\r\n\t\t\t<div class=\"btn-function\">\r\n        <a href=\"javascript:;\" class=\"item\" @click=\"handleViewInfo(lessonBookViewing[indexLessonActive])\">\r\n          <i class=\"icon-info\" />\r\n        </a>\r\n      </div>\r\n\t\t</div>\r\n\t\t<div class=\"detail-books__body position-rel\">\r\n\t\t\t<div class=\"detail-books__body__wrap\">\r\n\t\t\t\t<div\r\n          class=\"detail-books__tabs tabs-center effect-transition-fast\"\r\n        >\r\n          <div\r\n            v-if=\"tabActive === 0 && lessonBookViewing[indexLessonActive] && lessonBookViewing[indexLessonActive].lessonPlan && lessonBookViewing[indexLessonActive].lessonPlan.fileName\"\r\n            id=\"script_docs_pptx\"\r\n            class=\"detail-books__tabs__body lib-lesson__tabs__body full-box display-flex-center\"\r\n            :class=\"{'is-zoom': isZoomFile}\"\r\n          >\r\n            <div id=\"lesson_img\" class=\"lib-lesson__imgs lib-lesson__imgs--pptx effect-transition-fast display-flex\">\r\n              <div id=\"lesson_img_wrap\" class=\"lib-lesson__imgs__wrap display-flex\">\r\n                <div\r\n                  v-for=\"num in pageSettingLessonPlan.pageLoaded\"\r\n                  :key=\"num\"\r\n                  class=\"item text-center effect-transition-fast custom-scroll\"\r\n                  :class=\"{'zoom-in': scale > 1}\"\r\n                  :style=\"`width: ${sizeBoxSlide.width}px; padding: ${openLessonCats ? '0 20px' : ''}`\"\r\n                >\r\n                  <img\r\n                    class=\"item__img effect-transition-fast\"\r\n                    :id=\"`item_${num}`\"\r\n                    :style=\"styleZoom\"\r\n                    :src=\"`${imgCdnUrl}${lessonBookViewing[indexLessonActive].lessonPlan.fileName}-${num}.jpg`\"\r\n                    :alt=\"lessonBookViewing[indexLessonActive].lessonPlan.pathView\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <vue-custom-scrollbar\r\n            v-else-if=\"tabActive === 1 && lessonBookViewing[indexLessonActive] && lessonBookViewing[indexLessonActive].script && lessonBookViewing[indexLessonActive].script.fileName\"\r\n            id=\"script_docs\"\r\n            class=\"detail-books__tabs__body\"\r\n            @ps-scroll-y=\"handleScrollScript\"\r\n          >\r\n            <div id=\"lesson_img_script\" class=\"lib-lesson__imgs lib-lesson__imgs--script effect-transition-fast display-flex\">\r\n              <div id=\"lesson_img_script_wrap\" class=\"lib-lesson__imgs__wrap\" v-if=\"lessonBookViewing[indexLessonActive].script\">\r\n                <div :id=\"`item_script_${num}`\" class=\"item item-script text-center effect-transition-fast\" v-for=\"num in pageSettingScript.pageLoaded\" :key=\"num\" :style=\"`width: ${sizeBoxSlide.width}px`\">\r\n                  <!-- :style=\"`width: ${sizeBoxSlide.width}px`\" -->\r\n                  <img\r\n                    class=\"item__img\"\r\n                    :style=\"styleZoom\"\r\n                    :src=\"`${imgCdnUrl}${lessonBookViewing[indexLessonActive].script.fileName}-${num}.jpg`\"\r\n                    :alt=\"lessonBookViewing[indexLessonActive].script.pathView\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <p v-else class=\"font-size-22 text-center secondary-color-txt full-width\">Đang cập nhật dữ liệu</p>\r\n            </div>\r\n          </vue-custom-scrollbar>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n      <EbookLessonSidebar\r\n        :pageSettingLessonPlan=\"pageSettingLessonPlan\"\r\n        :pageSettingScript=\"pageSettingScript\"\r\n        :class=\"{'active': openLessonCats}\"\r\n        @directPage=\"directPage\"\r\n        @changeTypeLesson=\"changeTab\"\r\n      />\r\n\t\t</div>\r\n\t\t<div class=\"detail-books__footer lib-detail__footer color_bg_gray_light display-flex-center justify-content-between position-rel full-width\">\r\n\t\t\t<a \r\n\t\t\t\thref=\"javascript:;\" \r\n\t\t\t\tclass=\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\"\r\n\t\t\t\t@click=\"handleToggleLessonCats\"\r\n\t\t\t\t:class=\"{'btn-2': openLessonCats}\"\r\n\t\t\t>\r\n\t\t\t\t<img src=\"@/assets/imgs/icon-list.png\" class=\"icon-list\" alt=\"Danh sách bài giảng\">\r\n\t\t\t\t<span class=\"only-pc\">Danh sách</span>\r\n\t\t\t</a>\r\n\t\t\t<div class=\"book-viewer__paging display-flex-center\">\r\n\t\t\t\t<button class=\"prev-page\" @click=\"prevPage\">\r\n\t\t\t\t\t<i class=\"icon-prev primary-color\"></i>\r\n\t\t\t\t</button>\r\n\t\t\t\t<div class=\"book-viewer__paging__input\">\r\n\t\t\t\t\t<span class=\"text-center\" v-if=\"lessonBookViewing[indexLessonActive] && (lessonBookViewing[indexLessonActive].lessonPlan || lessonBookViewing[indexLessonActive].script)\">\r\n\t\t\t\t\t\t{{ tabActive === 0 ? pageSettingLessonPlan.page : pageSettingScript.page }} / {{ tabActive === 0 && lessonBookViewing[indexLessonActive].lessonPlan ? lessonBookViewing[indexLessonActive].lessonPlan.totalPage : lessonBookViewing[indexLessonActive].script ? lessonBookViewing[indexLessonActive].script.totalPage : 0 }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<button class=\"next-page\" @click=\"nextPage\">\r\n\t\t\t\t\t<i class=\"icon-next primary-color\"></i>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"book-viewer__zoom-switch display-flex-center\">\r\n\t\t\t\t<div class=\"book-viewer__zoom\">\r\n\t\t\t\t\t<button class=\"zoom-out\" @click=\"handleZoom(null, '-')\">\r\n\t\t\t\t\t\t<i class=\"icon-minus font-size-14 secondary-color-txt\"></i>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span class=\"ratio-book\">{{ formattedZoom }} %</span>\r\n\t\t\t\t\t<button class=\"zoom-in\" @click=\"handleZoom(null, '+')\">\r\n\t\t\t\t\t\t<i class=\"icon-plus font-size-14 secondary-color-txt\"></i>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n        <div class=\"detail-books__actions display-flex-center\">\r\n          <a href=\"javascript:;\" class=\"item\" @click=\"handleShareLesson\">\r\n            <i class=\"icon-share-2\" />\r\n          </a>\r\n          <a href=\"javascript:;\" class=\"item\" @click=\"handleDownload\">\r\n            <i class=\"icon-download\" />\r\n          </a>\r\n        </div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n    <ModalShare />\r\n    <EbookLessonInfo :dataSource=\"lessonInfo\" />\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from 'vuex'\r\nimport { STORE_KEY, ID_MODAL_EBOOK_LESSON_INFO } from './../../_store/constants'\r\nimport { TAB_LESSON } from '@/modules/libraries/_store/constants'\r\nimport { getLessonInfo } from './../../_api/'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport { scrollTo } from '@/helpers/functions'\r\nimport mixinsFiles from '@/components/content-files/mixinsFiles'\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport ModalShare from '@/modules/libraries/_components/detail/ModalShare.vue'\r\nimport EbookLessonInfo from './EbookLessonInfo.vue'\r\nimport EbookLessonSidebar from './EbookLessonSidebar.vue'\r\nimport { FLE_DOWNLOAD_BEFORE } from '@/store/common/constants'\r\nconst img404 = require(`@/assets/images/img_404.jpg`)\r\n\r\nexport default {\r\n  name: 'EbookLesson',\r\n  mixins: [ mixinsFiles ],\r\n  components: {\r\n    vueCustomScrollbar,\r\n    ModalShare,\r\n    EbookLessonInfo,\r\n    EbookLessonSidebar\r\n  },\r\n  data () {\r\n    return {\r\n      img404,\r\n      imgCdnUrl: APP_CONFIG.bookImgCdnUrl,\r\n      apiUrl: APP_CONFIG.appUrl,\r\n      pageLoading: 3,\r\n      scale: 1,\r\n      slideTranslateX: 0,\r\n      sizeBoxSlide: {\r\n        width: 0,\r\n        height: 0\r\n      },\r\n      tabLesson: TAB_LESSON,\r\n      openLessonCats: false,\r\n      tabActive: 0,\r\n      pageSettingLessonPlan: {\r\n        page: 0,\r\n        pageLoaded: 0\r\n      },\r\n      pageSettingScript: {\r\n        page: 0,\r\n        pageLoaded: 0\r\n      },\r\n      scrollPosition: 0,\r\n      lastPageOffsetTop: 0,\r\n      settingsViewBookSidebar: {\r\n        maxScrollbarLength: 300\r\n      },\r\n      isZoomFile: false,\r\n      styleZoom: {width: ''},\r\n      idBookLessonPlanFile : 0,\r\n      lessonInfo: {},\r\n      widthImgRenderDefault: 0\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(STORE_KEY, ['lessonBookViewing']),\r\n    formattedZoom () {\r\n      return Number.parseInt(this.scale * 100)\r\n    },\r\n    indexLessonActive () {\r\n      return (parseInt(this.$route.query.lesson) - 1)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.initLesson()\r\n    this.setSizeForSlide()\r\n  },\r\n  methods: {\r\n    ...mapActions(STORE_KEY, ['acSetLessonBookViewing']),\r\n    ...mapActions('common', ['setLoading', 'acToggleModalShareMedia', 'acSetMediaShareInfo']),\r\n\r\n    initLesson () {\r\n      if(this.tabActive === 0 && this.lessonBookViewing[this.indexLessonActive].lessonPlan && this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage > 0) {\r\n        this.pageSettingLessonPlan.page = 1;\r\n        this.pageSettingLessonPlan.pageLoaded = this.pageLoading;\r\n      } else if (this.tabActive === 1 && this.lessonBookViewing[this.indexLessonActive].script && this.lessonBookViewing[this.indexLessonActive].script.totalPage > 0) {\r\n        // console.log('Tab pageSettingScript')\r\n        this.pageSettingScript.page = 1;\r\n        this.pageSettingScript.pageLoaded = this.pageLoading;\r\n      }\r\n    },\r\n\r\n    backReadBook () {\r\n      this.acSetLessonBookViewing(null)\r\n      this.$router.replace({ query: null })\r\n    },\r\n\r\n    setSizeForSlide () {\r\n      setTimeout(() => {\r\n        if (document.getElementById(`lesson_img`)) {\r\n          this.sizeBoxSlide.width = document.getElementById(`lesson_img`).clientWidth\r\n          this.sizeBoxSlide.height = document.getElementById(`lesson_img`).clientHeight\r\n          // Get width img first list\r\n          this.setWidthImgAfterRender()\r\n        }\r\n        // open sidebar slide\r\n        this.handleToggleLessonCats()\r\n        // this.openSidebar(DETAIL_TAB_INFO);\r\n      }, 500)\r\n    },\r\n\r\n    nextPage() {\r\n      if(this.tabActive === 0 && this.lessonBookViewing[this.indexLessonActive].lessonPlan) {\r\n        if( this.pageSettingLessonPlan.pageLoaded < this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage ) {\r\n          this.pageSettingLessonPlan.pageLoaded +=1;\r\n        }\r\n\r\n        if(this.pageSettingLessonPlan.page < this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage) {\r\n          this.pageSettingLessonPlan.page +=1;\r\n          // Await render dom\r\n          this.setSlideAction()\r\n        }\r\n      } else if(this.lessonBookViewing[this.indexLessonActive].script) {\r\n        this.pageSettingLessonPlan.page < this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage && this.setScrollToPage(this.pageSettingLessonPlan.page + 1);\r\n      }\r\n    },\r\n\r\n    prevPage() {\r\n      if(this.tabActive === 0) {\r\n        if(this.pageSettingLessonPlan.page > 1) {\r\n          this.pageSettingLessonPlan.page -= 1;\r\n          this.setSlideAction('-')\r\n        }\r\n      } else if(this.lessonBookViewing[this.indexLessonActive].script) {\r\n        this.pageSettingLessonPlan.page > 1 && this.setScrollToPage(this.pageSettingLessonPlan.page - 1);\r\n      }\r\n    },\r\n\r\n    setSlideAction(type = '+', betweenPageCurr = 0) {\r\n      let elementActive = document.getElementById(`lesson_img`)\r\n      let elementSlideSwrap = document.getElementById(`lesson_img_wrap`)\r\n      if(elementActive) {\r\n        let widthElm = elementActive.clientWidth\r\n        // Support for direct page form input or click pageindex\r\n        if(betweenPageCurr > 0) {\r\n          widthElm *=betweenPageCurr\r\n        }\r\n        this.slideTranslateX = type === '+' ? this.slideTranslateX - widthElm : this.slideTranslateX + widthElm\r\n        elementSlideSwrap.style.transform = `translateX(${this.slideTranslateX}px)`\r\n        elementSlideSwrap.style.transitionDuration = `300ms`\r\n      }\r\n    },\r\n\r\n    async handleZoom (valScale = null, type = '+') {\r\n      if (valScale) {\r\n        this.scale = valScale\r\n      } else if(type === '+') {\r\n        this.scale = this.scale < 2 ? this.scale + 0.1 : this.scale\r\n      } else {\r\n        this.scale = this.scale > 0 ? this.scale - 0.1 : this.scale\r\n      }\r\n      this.isZoomFile = this.scale !== 1\r\n      // let elems = document.getElementsByClassName('item__img')\r\n      // let elemsLength = elems.length\r\n      // let elementSlideWidth = this.tabActive === 0 ? document.getElementById(`lesson_img`).clientWidth : document.getElementById(`lesson_img_script`).clientWidth\r\n      // let elementSlideHeight = this.tabActive === 0 ? document.getElementById(`lesson_img`).clientHeight : document.getElementById(`lesson_img_script`).clientHeight\r\n      if (this.scale !== 1) {\r\n        this.styleZoom = {\r\n          ...this.styleZoom,\r\n          // width: `${this.scale > 1 ? elementSlideWidth*this.scale : this.widthImgRenderDefault*this.scale}px`,\r\n          width: `${this.widthImgRenderDefault*this.scale}px`,\r\n          'max-width': 'initial',\r\n          'max-height': 'initial'\r\n        }\r\n      } else {\r\n        this.styleZoom = await {\r\n          ...this.styleZoom,\r\n          width: 'auto',\r\n          'max-width': '100%',\r\n          'max-height': `calc(100vh - 230px)`\r\n        }\r\n      }\r\n    },\r\n\r\n    // Return width img support zoomIn & zoomOut\r\n    setWidthImgAfterRender () {\r\n      this.widthImgRenderDefault = this.tabActive === 0 ? document.getElementById(`item_1`).clientWidth : document.getElementById(`item_script_1`).clientWidth\r\n    },\r\n\r\n    setSpaceSizeForOpenSidebarBox() {\r\n      const self = this\r\n      let bodyBookBox = document.getElementsByClassName('detail-books__tabs')[0];\r\n      let sidebarBox = document.getElementsByClassName('book-viewer__sidebar')[0];\r\n      let widthSidebarBox = sidebarBox.clientWidth;\r\n\r\n      if (bodyBookBox) {\r\n        bodyBookBox.style.paddingLeft = 0;\r\n        bodyBookBox.style.paddingRight = `${widthSidebarBox}px`\r\n        // Set again for box img\r\n        self.sizeBoxSlide.width = bodyBookBox.clientWidth - widthSidebarBox\r\n        self.tabActive === 0 && self.resetTransitionSlide(self.sizeBoxSlide.width)\r\n      }\r\n    },\r\n\r\n    resetPageWhenOfBoxsTransition() {\r\n      let bodyBookBox = document.getElementsByClassName('detail-books__tabs')[0];\r\n      bodyBookBox.style.paddingLeft = 0;\r\n      bodyBookBox.style.paddingRight = 0;\r\n      // console.log('Resset: ', bodyBookBox.clientWidth)\r\n      this.sizeBoxSlide.width = bodyBookBox.clientWidth;\r\n      this.tabActive === 0 && this.resetTransitionSlide(bodyBookBox.clientWidth);\r\n    },\r\n\r\n    resetTransitionSlide(width) {\r\n      // console.log('width transition: ', width, this.pageSettingLessonPlan.page)\r\n      // let bodyBookBox = document.getElementsByClassName('detail-books__tabs')[0].clientWidth;\r\n      let elementSlideSwrap = document.getElementById(`lesson_img_wrap`);\r\n      // Page = 1 => transition = 0\r\n      if (!elementSlideSwrap) {\r\n        return\r\n      }\r\n      this.slideTranslateX = parseInt(this.pageSettingLessonPlan.page - 1) * parseInt(width) * -1;\r\n      elementSlideSwrap.style.transform = `translateX(${this.slideTranslateX}px)`;\r\n      elementSlideSwrap.style.transitionDuration = `300ms`;\r\n    },\r\n\r\n    setScrollToPage(page) {\r\n      let targetPage = page || this.pageSettingScript.page;\r\n        let elem = document.getElementById(`item_script_${targetPage}`)\r\n        if(elem) {\r\n          let topPos = elem.offsetTop;\r\n          scrollTo(document.getElementById('script_docs'), topPos, 600)\r\n        }\r\n    },\r\n\r\n    handleScrollScript(event) {\r\n      let currentScrollPosition = event.srcElement.scrollTop;\r\n      let itemScript = document.getElementsByClassName('item-script')[0]\r\n      let itemMargin = 25\r\n      let heightItem = itemScript.clientHeight\r\n      // Setting page Curr\r\n      this.pageSettingScript.page = Math.ceil(currentScrollPosition/(heightItem + itemMargin)) || 1\r\n      // Setting pageLoaded\r\n      if (currentScrollPosition > this.scrollPosition && this.lessonBookViewing[this.indexLessonActive].script && this.lessonBookViewing[this.indexLessonActive].script.totalPage >= this.pageSettingScript.pageLoaded) {\r\n        this.lastPageOffsetTop = document.getElementById(`item_script_${this.pageSettingScript.pageLoaded}`).offsetTop\r\n        if(currentScrollPosition + 50 >= this.lastPageOffsetTop) {\r\n          let space2TotalPage = this.lessonBookViewing[this.indexLessonActive].script.totalPage - this.pageSettingScript.pageLoaded\r\n          let setPageLoad = space2TotalPage > this.pageLoading ? this.pageLoading : space2TotalPage\r\n          this.pageSettingScript.pageLoaded += setPageLoad\r\n        }\r\n        this.scrollPosition = currentScrollPosition\r\n      }\r\n\r\n    },\r\n\r\n    async handleToggleLessonCats() {\r\n      this.openLessonCats = !this.openLessonCats\r\n      this.keySidebarActive = ''\r\n\r\n      if (window.innerWidth > 991 && this.openLessonCats) {\r\n        await this.setSpaceSizeForOpenCatBox()\r\n      }\r\n      if (!this.openLessonCats) {\r\n        await this.resetPageWhenOfBoxsTransition()\r\n      }\r\n      // Reset zoom default\r\n      setTimeout(() => {\r\n        this.handleZoom(1, '+')\r\n      }, 800);\r\n      setTimeout(() => {\r\n        this.setWidthImgAfterRender()\r\n      }, 1000);\r\n    },\r\n\r\n    setSpaceSizeForOpenCatBox() {\r\n      let self = this;\r\n      let bodyBookBox = document.getElementsByClassName('detail-books__tabs')[0];\r\n      let catBox = document.getElementsByClassName('book-viewer__cats')[0];\r\n      let widthCatBox = catBox.clientWidth;\r\n\r\n      bodyBookBox.style.paddingLeft = `${widthCatBox}px`;\r\n      bodyBookBox.style.paddingRight = 0;\r\n      self.sizeBoxSlide.width = bodyBookBox.clientWidth - widthCatBox;\r\n      self.tabActive === 0 && self.resetTransitionSlide(bodyBookBox.clientWidth - widthCatBox)\r\n    }, \r\n\r\n    directPage(page) {\r\n      if(this.tabActive === 0 && this.lessonBookViewing[this.indexLessonActive].lessonPlan) {\r\n        let typeDirect = this.pageSettingLessonPlan.page > page ? '-' : '+';\r\n        let spaceBetweenThisPage = Math.abs(this.pageSettingLessonPlan.page - page);\r\n        this.pageSettingLessonPlan.page = page;\r\n        this.pageSettingLessonPlan.pageLoaded = page === this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage || this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage - page < 3 ? page : page + 3\r\n        this.setSlideAction(typeDirect, spaceBetweenThisPage);\r\n      } else if (this.lessonBookViewing[this.indexLessonActive].script) {\r\n        this.pageSettingScript.page = page\r\n        this.pageSettingScript.pageLoaded = page === this.lessonBookViewing[this.indexLessonActive].script.totalPage || this.lessonBookViewing[this.indexLessonActive].script.totalPage - page < 3 ? page : page + 3\r\n        // Await render data\r\n        setTimeout(() => {\r\n          this.setScrollToPage(page)\r\n        }, 200);\r\n      }\r\n    },\r\n\r\n    changeTab (tab) {\r\n      this.tabActive = tab\r\n      if(tab === 0 && this.lessonBookViewing[this.indexLessonActive].lessonPlan && this.lessonBookViewing[this.indexLessonActive].lessonPlan.totalPage > 0) {\r\n        this.pageSettingLessonPlan.page = 1\r\n        this.pageSettingLessonPlan.pageLoaded = this.pageLoading\r\n        this.slideTranslateX = 0\r\n        document.getElementById(`lesson_img_wrap`).style.transform = `translateX(${this.slideTranslateX})`\r\n      } else if (tab === 1 && this.lessonBookViewing[this.indexLessonActive].script && this.lessonBookViewing[this.indexLessonActive].script.totalPage > 0) {\r\n        this.pageSettingScript.page = 1\r\n        this.pageSettingScript.pageLoaded = this.pageLoading\r\n      }\r\n    },\r\n\r\n    handleShareLesson () {\r\n      this.acSetMediaShareInfo({ ...this.lessonBookViewing[this.indexLessonActive], fullLink: window.location.href })\r\n      this.acToggleModalShareMedia(true)\r\n    },\r\n\r\n    handleViewInfo (lesson) {\r\n      getLessonInfo(lesson.lessonPlanId).then(res => {\r\n        if (res) {\r\n          this.lessonInfo = res\r\n          this.$bvModal.show(ID_MODAL_EBOOK_LESSON_INFO)\r\n        }\r\n      })\r\n    },\r\n\r\n    handleDownload () {\r\n      let pathDoc = ''\r\n      const nameDoc = `${FLE_DOWNLOAD_BEFORE} ${this.lessonBookViewing[this.indexLessonActive].title}`\r\n      if (this.tabActive === 0 && this.lessonBookViewing[this.indexLessonActive].lessonPlan && this.lessonBookViewing[this.indexLessonActive].lessonPlan.path) {\r\n        pathDoc = this.lessonBookViewing[this.indexLessonActive].lessonPlan.path\r\n      } else if (this.tabActive === 1 && this.lessonBookViewing[this.indexLessonActive].script && this.lessonBookViewing[this.indexLessonActive].script.path) {\r\n        pathDoc = this.lessonBookViewing[this.indexLessonActive].script.path\r\n      } else {\r\n        return\r\n      }\r\n      const linkDownload = `${APP_CONFIG.urlPlatformCmsImg}/${pathDoc}`\r\n      this.downloadDocs(linkDownload, nameDoc, true)\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ebook-lesson {\r\n  position: fixed;\r\n  z-index: 999;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100vh;\r\n  width: 100vw;\r\n}\r\n.heightCollapse{\r\n  height: 53px;\r\n}\r\n\r\n.detail-books{\r\n  &__head{\r\n    height: 55px;\r\n    border-bottom: 1px solid $color_border_line;\r\n    padding: 0 35px;\r\n\r\n    .btn-function{\r\n      .btn-prepare{\r\n        width: 140px;\r\n        margin-right: 18px;\r\n        &:hover{\r\n          opacity: .8;\r\n        }\r\n      }\r\n      .btn-show{\r\n        width: 135px;\r\n\r\n        &:hover{\r\n          * {color: $primary_color;}\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__body, &__tabs {\r\n    height: calc(100vh - 125px);\r\n    overflow: hidden;\r\n  }\r\n  &__footer{\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 99;\r\n    height: 70px;\r\n    border-top: 1px solid $color_border_line;\r\n    padding: 0 35px;\r\n    z-index: 12;\r\n\r\n    .icon-list{\r\n      height: 15px;\r\n      width: 15px;\r\n      margin-right: 5px;\r\n    }\r\n\r\n    .book-viewer__footer__cats{\r\n      margin-right: 7px;\r\n      height: 30px;\r\n      min-width: 140px;\r\n      line-height: 28px;\r\n      i{\r\n        margin-right: 8px;\r\n      }\r\n    }\r\n\r\n    .book-viewer__zoom{\r\n      width: 130px;\r\n      overflow: hidden;\r\n      // margin-right: 18px;\r\n      height: 30px;\r\n\r\n      .zoom-out, .zoom-in{\r\n        margin-left: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // &__tabs {\r\n  //   &__body {\r\n  //     padding: 35px 0;\r\n  //   }\r\n  // }\r\n\r\n  &__actions {\r\n    .item {\r\n      margin-left: 15px;\r\n    }\r\n  }\r\n}\r\n\r\n.lib-lesson__imgs {\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  .item {\r\n    max-height: calc(100vh - 125px);\r\n    &.zoom-in {\r\n      overflow: auto;\r\n    }\r\n  }\r\n\r\n  // &--pptx {\r\n  //   max-height: calc(100vh - 230px);\r\n  //   img, .item {\r\n  //     max-height: calc(100vh - 230px);\r\n  //   }\r\n\r\n  //   .item {\r\n  //     overflow: auto;\r\n  //   }\r\n  // }\r\n}\r\n\r\n.lib-detail__footer {\r\n  .book-viewer__zoom {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.book-viewer {\r\n  &__sidebar {\r\n    top: 55px;\r\n  }\r\n\r\n  &__paging {\r\n      >* {\r\n          &:not(:last-child) {\r\n              margin-right: 12px;\r\n          }\r\n      }\r\n      button,\r\n      &__input { //, &__zoom\r\n          height: $height_btn;\r\n          line-height: 28px;\r\n      }\r\n      button {\r\n          @extend .bg-transparent;\r\n          border: 1px solid transparent;\r\n          @extend .border-rd-20;\r\n          min-width: 30px;\r\n          @extend .text-center;\r\n          &:hover {\r\n            @extend .bg-main-light;\r\n              i,\r\n              i:before {\r\n                  @extend .primary-color;\r\n              }\r\n          }\r\n      }\r\n      &__input {\r\n          width: 100px;\r\n          @extend .border-rd-20;\r\n          @extend .bg-color-light;\r\n          border: 1px solid $color_light;\r\n          overflow: hidden;\r\n          @extend .text-center;\r\n          * {\r\n              @extend .secondary-color-txt;\r\n              @extend .font-size-16;\r\n          }\r\n          &:hover {\r\n              border-color: $primary_color;\r\n          }\r\n          input {\r\n              @extend .border-rd-20;\r\n              &:focus {\r\n                  border: 1px solid $primary_color;\r\n              }\r\n          }\r\n      }\r\n      input {\r\n          @extend .border-0;\r\n          @extend .full-box;\r\n          @extend .text-center;\r\n          &:active,\r\n          &:focus,\r\n          &:visited {\r\n              outline: 0;\r\n          }\r\n      }\r\n      .show-pages--mobile {\r\n          display: none;\r\n      }\r\n      &.has-exercise {\r\n          @media screen and ( max-width: 767px) {\r\n              .book-viewer__paging__input {\r\n                  width: 65px;\r\n                  span {\r\n                      min-width: 100%;\r\n                  }\r\n              }\r\n          }\r\n          @media screen and ( min-width: 360px) and ( max-width: 767px) {\r\n              button {\r\n                  min-width: 45px;\r\n              }\r\n          }\r\n          @media screen and ( max-width: 359px) {\r\n              button {\r\n                  min-width: 37px;\r\n              }\r\n              >* {\r\n                  margin-right: 8px;\r\n              }\r\n          }\r\n      }\r\n      @media screen and ( max-width: 991px) {\r\n          .show-pages {\r\n              display: none;\r\n              &--mobile {\r\n                  display: block;\r\n              }\r\n          }\r\n      }\r\n  }\r\n  &__zoom {\r\n      width: 115px;\r\n      @extend .bg-color-light;\r\n      @extend .border-rd-20;\r\n      @extend .font-size-16;\r\n      @extend .secondary-color-txt;\r\n      @extend .display-flex-center;\r\n      @extend .justify-content-between;\r\n      overflow: hidden;\r\n      margin-right: 18px;\r\n      button {\r\n          @extend .bg-transparent;\r\n          @extend .border-0;\r\n          @extend .secondary-color-txt;\r\n          @extend .font-size-20;\r\n          &.zoom {\r\n              &-out {\r\n                  margin-left: 5px;\r\n              }\r\n              &-in {\r\n                  margin-right: 5px;\r\n              }\r\n          }\r\n          &:active,\r\n          &:focus,\r\n          &:visited {\r\n              outline: 0;\r\n          }\r\n      }\r\n      &__mobile {\r\n          .exercise {\r\n              margin-right: 40px;\r\n              a {\r\n                  &:not(:last-child) {\r\n                      margin-right: 35px;\r\n                  }\r\n              }\r\n              @media screen and ( min-width: 360px) and ( max-width: 575px) {\r\n                  margin-right: 25px;\r\n                  a {\r\n                      &:not(:last-child) {\r\n                          margin-right: 25px;\r\n                      }\r\n                  }\r\n              }\r\n          }\r\n      }\r\n  }\r\n  &__cats {\r\n    position: absolute!important;\r\n    top: 0!important;\r\n    height: 100%!important;\r\n  }\r\n}\r\n\r\n#script_docs {\r\n  max-height: calc(100vh - 200px);\r\n  overflow: auto;\r\n\r\n  .item {\r\n    margin-bottom: 25px;\r\n    @extend .bg-color-light;\r\n  }\r\n}\r\n\r\n@media (min-width: 992px){\r\n  .d-lg-none {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n@media screen and ( max-width: 991px ) {\r\n  .lib-detail__footer {\r\n    .book-viewer__footer__cats {\r\n      min-width: auto;\r\n    }\r\n  }\r\n\r\n  .lib-lesson__sidebar {\r\n    &.active, &.active.mobile-open {\r\n      -webkit-transform: translate(0px, 0px);\r\n      transform: translate(0px, 0px);\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 768px) and ( max-width: 991px ) {\r\n  .lib-detail__footer {\r\n    \r\n    .book-viewer__zoom {\r\n      width: 115px;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n  .lib-lesson__sidebar {\r\n\r\n    &.mobile-close {\r\n      -webkit-transform: translate(calc(95vw), 0px);\r\n      transform: translate(calc(95vw), 0px);\r\n    }\r\n\r\n    &.mobile-open:not(.active) {\r\n      -webkit-transform: translate(calc(75vw), 0px);\r\n      transform: translate(calc(75vw), 0px);\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and ( max-width: 767px ) {\r\n  .lib-detail__footer {\r\n    .book-viewer__zoom {\r\n      font-size: 12px;\r\n      margin: 0;\r\n\r\n      .ratio-book{\r\n        width: 60px;\r\n        text-align: center;\r\n        font-size: 13px;\r\n\r\n      }\r\n      .zoom-in, .zoom-out {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    .book-viewer__paging__input {\r\n      width: 75px;\r\n    }\r\n\r\n    .book-viewer__paging button {\r\n      min-width: 25px;\r\n      width: 25px;\r\n      height: 25px;\r\n      line-height: 23px;\r\n    }\r\n\r\n  }\r\n  .detail-books__footer {\r\n    padding: 0 15px;\r\n\r\n    .icon-list {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and ( min-width: 576px ) and ( max-width: 767px ) {\r\n  .lib-detail__footer {\r\n  \r\n    .book-viewer__paging button {\r\n      min-width: 30px;\r\n    }\r\n  }\r\n\r\n  .book-viewer__zoom-switch {\r\n    max-width: 240px;\r\n  }\r\n}\r\n\r\n@media screen and ( max-width: 575px ) {\r\n  .lib-lesson__sidebar {\r\n    &.mobile-close {\r\n      -webkit-transform: translate(calc(95vw), 0px);\r\n      transform: translate(calc(95vw), 0px);\r\n    }\r\n\r\n    &.mobile-open:not(.active) {\r\n      -webkit-transform: translate(calc(80vw), 0px);\r\n      transform: translate(calc(80vw), 0px);\r\n    }\r\n  }\r\n  .lib-detail__footer {\r\n    .book-viewer__paging {\r\n      > *:not(:last-child) {\r\n        margin-right: 5px;\r\n      }\r\n      button {\r\n        min-width: 25px;\r\n        width: 25px;\r\n        height: 25px;\r\n        line-height: 25px;\r\n        padding: 0;\r\n      }\r\n    }\r\n    .book-viewer__zoom {\r\n      width: 95px;\r\n      \r\n      .zoom-in, .zoom-out {\r\n        margin: 0;\r\n        padding: 0;\r\n        i {\r\n          font-size: 13px;\r\n        }\r\n      }\r\n      .zoom-out {\r\n        padding-left: 5px;\r\n      }\r\n      .zoom-in {\r\n        padding-right: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .detail-books {\r\n    &__head {\r\n      display: block;\r\n      height: auto;\r\n      padding: 8px 15px;\r\n\r\n      .ebook-lesson__back {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n\r\n    &__body {\r\n      padding-top: 10px;\r\n      // height: calc(100vh - 130px);\r\n    }\r\n\r\n    &__footer {\r\n      height: 50px;\r\n    }\r\n\r\n    .book-viewer__cats {\r\n      z-index: 1;\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!./EbookLesson.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!./EbookLesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EbookLesson.vue?vue&type=template&id=e595a9ca&scoped=true&\"\nimport script from \"./EbookLesson.vue?vue&type=script&lang=js&\"\nexport * from \"./EbookLesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EbookLesson.vue?vue&type=style&index=0&id=e595a9ca&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  \"e595a9ca\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EbookLessonInfo.vue?vue&type=style&index=1&lang=css&\""],"sourceRoot":""}