{"version":3,"sources":["webpack:///./src/modules/class-school/_api/lessonQuestionClassSchoolServices.js","webpack:///./src/modules/class-school/_components/ViewDocument.vue?e977","webpack:///./src/modules/class-school/_components/ViewDocument.vue?b6b2","webpack:///./src/modules/class-school/_api/userLessonAnswerQuestionClassSchool.js","webpack:///./src/modules/libraries/_views/DetailLessonClassSchool.vue?5bd6","webpack:///src/modules/libraries/_views/DetailLessonClassSchool.vue","webpack:///./src/modules/libraries/_views/DetailLessonClassSchool.vue?aade","webpack:///./src/modules/libraries/_views/DetailLessonClassSchool.vue","webpack:///src/modules/class-school/_components/ViewDocument.vue","webpack:///./src/modules/class-school/_components/ViewDocument.vue?7016","webpack:///./src/modules/class-school/_components/ViewDocument.vue","webpack:///./src/modules/libraries/_views/DetailLessonClassSchool.vue?41dd","webpack:///./src/modules/libraries/_views/DetailLessonClassSchool.vue?63f0","webpack:///./src/modules/class-school/_components/ViewDocument.vue?f8ad","webpack:///./src/modules/class-school/_components/ViewDocument.vue?7fa4"],"names":["saveLessonQuestionClassSchool","params","apiEndpoint","HttpService","post","headers","then","res","data","catch","e","getDetail","deleteLessonQuestionClassSchool","id","get","getQuestionByDoc","render","_vm","this","_h","$createElement","_c","_self","staticClass","typeFile","FILE_YOUTUBE","attrs","emberYoutube","item","path","_e","TYPE_DOCUMENT","apiUrl","TYPE_FILE_PDF","TYPE_TEST","_v","_s","indexQuestion","domProps","questionItem","content","_l","index","key","staticStyle","class","isShowAnswer","isTrue","isEnableWork","model","value","callback","$$v","$set","expression","typeUserAnswer","GetAnphabet","fileAnswer","url","on","$event","handleOnChangeQuestion","handleUserAnswerQuestion","TYPE_H5P","emberH5p","FILE_CANVA","embedCanva","REFERENCE_LECTURE","bookLessonPlanId","defaultHeight","staticRenderFns","saveUserLessonAnswerQuestion","changeTab","scopedSlots","_u","fn","proxy","isZoomFile","lessonData","pageSettingLessonPlan","num","style","sizeBoxSlide","imgCdnUrl","lessonPlan","pathView","handleScrollScript","pageSettingScript","script","openLessonCats","prevPage","tabActive","page","totalPage","nextPage","handleZoom","formattedZoom","handleToggleOpenSidebarMobile","_m","active","settingsViewBookSidebar","directPage","fileName","img404","title","name","mixins","components","vueCustomScrollbar","Sidebar","pageLoading","scale","slideTranslateX","width","height","tabLesson","isOpenSidebar","keySidebarActive","keySidebarInfo","keySideDownload","numberBookViewOpenSidebar","pageLoaded","scrollPosition","lastPageOffsetTop","maxScrollbarLength","styleZoom","idBookLessonPlanFile","heightCollapse","openSidebarMobile","props","lessonId","type","default","computed","created","console","mounted","methods","mapActions","getLessonDetail","self","getLesson","finally","setSizeForSlide","setTimeout","document","onKeyup","setSlideAction","widthElm","elementSlideSwrap","elements","openSidebar","setSpaceSizeForOpenSidebarBox","bodyBookBox","resetPageWhenOfBoxsTransition","resetTransitionSlide","parseInt","setScrollToPage","scrollTo","event","Math","currentScrollPosition","offsetTop","space2TotalPage","handleToggleLessonCats","setSpaceSizeForOpenCatBox","tab","updatecountview","handleDownloadFiles","downloadMultiLessonFile","downloadDocs","fileNameDel","delFileZipLesson","component","VueDocPreview","DetailLessonClassSchool","watch","isShowHideDownload","FILE_LINK","TYPE_FILE_POWERPOINT","TYPE_FILE_WORD","TYPE_FILE_EXCEL","TYPE_FILE_IMAGE","viewh5p","listTypeDocument","text","listQuestion","cdnUrl","question_img_size","test","listAnphabet","checkExists","xhr","onChangeDataDocument","window","isUserFillTrue","classSchoolId","lessonClassSchoolId","lessonQuestionId","correct","isDowork","getDetailQuestion","documentId","idClient","fileData","userFillAnswer","listAnswer","topicName","sizeImage","withSize","heightSize","fileQuestion","generateUUID","d","answerDefault","fixUrl","getId","match"],"mappings":"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","file":"js/chunk-5b673dca.b297009a.js","sourcesContent":["import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveLessonQuestionClassSchool = params => {\r\n    let apiEndpoint = `LessonQuestionClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params,{\r\n        headers: { 'Content-Type': 'multipart/form-data' }\r\n    }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listLessonQuestionClassSchool = params => {\r\n    let apiEndpoint = `LessonQuestionClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = params => {\r\n    let apiEndpoint = `LessonQuestionClassSchool/detail`;\r\n    return HttpService.post(apiEndpoint,params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteLessonQuestionClassSchool = id => {\r\n    let apiEndpoint = `LessonQuestionClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getQuestionByDoc = params => {\r\n    let apiEndpoint = `LessonQuestionClassSchool/GetQuestionByDoc`;\r\n    return HttpService.post(apiEndpoint,params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}","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!./ViewDocument.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"full-parent wrap-question-answer\"},[(_vm.typeFile == _vm.FILE_YOUTUBE)?_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":_vm.emberYoutube(_vm.item.path),\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}}):_vm._e(),(_vm.typeFile == _vm.TYPE_DOCUMENT)?_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":(\"https://view.officeapps.live.com/op/embed.aspx?src=\" + (_vm.apiUrl + _vm.item.path)),\"frameborder\":\"0\"}}):_vm._e(),(_vm.typeFile == _vm.TYPE_FILE_PDF)?_c('div',{staticClass:\"full-parent postion-relative\"},[_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":_vm.apiUrl + _vm.item.path,\"download\":\"\"}}),(_vm.isShowHideDownload)?_c('div',{staticClass:\"hide-download-pdf\"}):_vm._e()]):_vm._e(),(_vm.typeFile == _vm.TYPE_TEST)?_c('div',{staticClass:\"full-parent over-flow-auto\"},[_c('div',{staticClass:\"row col-md-12 full-parent\"},[_c('div',{staticClass:\"col-md-9 question-item mb-3\"},[_c('div',{staticClass:\"display-flex-column question\"},[_c('div',{staticClass:\"q-top\"},[_c('p',{staticClass:\"text-primary m-0 float-left\"},[_vm._v(\"Câu hỏi \"+_vm._s(_vm.indexQuestion)+\":\")]),_c('p',{staticClass:\"m-0 p-no-margin fit-height-question\",domProps:{\"innerHTML\":_vm._s(_vm.questionItem.content)}})]),_c('div',{staticClass:\"q-bottom display-flex-column wrap-list-answer\"},_vm._l((_vm.questionItem.listAnswer),function(item,index){return _c('div',{key:index,staticClass:\"list-answer row col-md-12\",staticStyle:{\"margin-top\":\"10px\"}},[_c('div',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"item__first\"},[_c('div',{staticClass:\"answer-correct display-flex-center\"},[_c('b-checkbox',{class:{'is-true-answer-check-box':_vm.questionItem.isShowAnswer &&  item.isTrue,\n                                            // 'is-false-answer-check-box':questionItem.isShowAnswer && !item.isTrue\n                                             \n                                         },attrs:{\"disabled\":!_vm.isEnableWork || _vm.questionItem.isShowAnswer,\"value\":item.isTrue},model:{value:(item.userFillAnswer),callback:function ($$v) {_vm.$set(item, \"userFillAnswer\", $$v)},expression:\"item.userFillAnswer\"}}),_vm._v(\"\\n                                            \"+_vm._s(item.isShowAnswer,  item.typeUserAnswer)+\"\\n                                            \"),_c('span',{staticClass:\"p-no-margin mb-1 display-flex\",class:{'is-true-answer':_vm.questionItem.isShowAnswer &&  item.isTrue,\n                                            // 'is-false-answer':questionItem.isShowAnswer && !item.isTrue\n                                             \n                                         },domProps:{\"innerHTML\":_vm._s(_vm.GetAnphabet(index,item.content) + item.content)}})],1)])]),(item.fileAnswer.url)?_c('div',{staticClass:\"item__img col-md-4\"},[_c('div',{staticClass:\"image-question\"},[_c('img',{attrs:{\"src\":item.fileAnswer.url}})])]):_vm._e()])}),0)])]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.listQuestion),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 number-question\",class:{'is-choose':item.id== _vm.questionItem.id,'is-true':item.typeUserAnswer==2,'is-false':item.typeUserAnswer==3},on:{\"click\":function($event){return _vm.handleOnChangeQuestion(item, index)}}},[_vm._v(\"\\n                        \"+_vm._s(index+1)+\"\\n                    \")])}),0),_c('div',{staticClass:\"row wrap-btn-confirm\"},[(_vm.isEnableWork)?_c('button',{staticClass:\"btn btn-main btn-confirm border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.questionItem.typeUserAnswer==1?false:true},on:{\"click\":_vm.handleUserAnswerQuestion}},[_vm._v(\"\\n                    Xác nhận\\n                \")]):_vm._e()])])])]):_vm._e(),(_vm.typeFile == _vm.TYPE_H5P)?_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":_vm.emberH5p(_vm.item.path),\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}}):_vm._e(),(_vm.typeFile == _vm.FILE_CANVA)?_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":_vm.embedCanva(_vm.item.path),\"title\":\"canva\",\"frameborder\":\"0\",\"allow\":\"camera *;microphone *;accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; camera *;microphone *\",\"allowfullscreen\":\"\"}}):_vm._e(),(_vm.typeFile==_vm.REFERENCE_LECTURE)?_c('div',{staticClass:\"full-parent\"},[_c('DetailLessonClassSchool',{attrs:{\"type\":1,\"lessonId\":_vm.item.bookLessonPlanId,\"defaultHeight\":_vm.defaultHeight}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveUserLessonAnswerQuestion = params => {\r\n    let apiEndpoint = `UserLessonAnswerQuestionClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"detail-books\"},[_c('div',{staticClass:\"detail-books__body\"},[_c('div',{},[_c('div',{staticClass:\"detail-books__tabs tabs-center effect-transition-fast\",class:{'height_detail_book_default':_vm.defaultHeight,'height_detail_book':!_vm.defaultHeight}},[_c('b-tabs',{staticClass:\"book-detail__tabs__content\"},[_c('b-tab',{attrs:{\"id\":\"tab_0\"},on:{\"click\":function($event){return _vm.changeTab(0)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Bài giảng tham khảo\")]},proxy:true}])},[_c('div',{staticClass:\"detail-books__tabs__body lib-lesson__tabs__body\",class:{ 'is-zoom': _vm.isZoomFile },attrs:{\"id\":\"script_docs_pptx\"}},[_c('div',{staticClass:\"\\n                  lib-lesson__imgs lib-lesson__imgs--pptx\\n                  effect-transition-fast\\n                  display-flex\\n                \",attrs:{\"id\":\"lesson_img\"}},[(_vm.lessonData.lessonPlan)?_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 wrap-item-lession\",style:((\"width: \" + (_vm.sizeBoxSlide.width) + \"px\"))},[_c('img',{staticClass:\"item__img effect-transition-fast\",style:(_vm.styleZoom),attrs:{\"src\":(\"\" + _vm.imgCdnUrl + (_vm.lessonData.lessonPlan.fileName) + \"-\" + num + \".jpg\"),\"alt\":_vm.lessonData.lessonPlan.pathView}})])}),0):_c('p',{staticClass:\"\\n                    font-size-22\\n                    text-center\\n                    secondary-color-txt\\n                    full-width\\n                  \"},[_vm._v(\"\\n                  Đang cập nhật dữ liệu\\n                \")])])])]),_c('b-tab',{attrs:{\"id\":\"tab_1\"},on:{\"click\":function($event){return _vm.changeTab(1)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Kịch bản dạy học\")]},proxy:true}])},[_c('vue-custom-scrollbar',{staticClass:\"detail-books__tabs__body\",attrs:{\"id\":\"script_docs\"},on:{\"ps-scroll-y\":_vm.handleScrollScript}},[_c('div',{staticClass:\"\\n                  lib-lesson__imgs lib-lesson__imgs--script\\n                  effect-transition-fast\\n                  display-flex\\n                \",attrs:{\"id\":\"lesson_img_script\"}},[(_vm.lessonData.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:\"\\n                      item item-script\\n                      text-center\\n                      effect-transition-fast\\n                    \",style:((\"width: \" + (_vm.sizeBoxSlide.width) + \"px\")),attrs:{\"id\":(\"item_script_\" + num)}},[_c('img',{staticClass:\"item__img\",style:(_vm.styleZoom),attrs:{\"src\":(\"\" + _vm.imgCdnUrl + (_vm.lessonData.script.fileName) + \"-\" + num + \".jpg\"),\"alt\":_vm.lessonData.script.pathView}})])}),0):_c('p',{staticClass:\"\\n                    font-size-22\\n                    text-center\\n                    secondary-color-txt\\n                    full-width\\n                  \"},[_vm._v(\"\\n                  Đang cập nhật dữ liệu\\n                \")])])])],1)],1)],1)])]),_c('div',{staticClass:\"\\n      detail-books__footer\\n      lib-detail__footer\\n      color_bg_gray_light\\n      display-flex-center\\n      justify-content-between\\n      position-rel\\n    \"},[_c('a',{staticClass:\"\\n        primary-color\\n        font-size-16 font-sanpro-semibold\\n        book-viewer__footer__cats\\n        border-rd-20\\n        position-rel\\n        display-flex-center\\n        justify-content-center\\n      \",class:{ 'btn-2': _vm.openLessonCats },attrs:{\"href\":\"javascript:;\"}}),_c('div',{staticClass:\"book-viewer__paging display-flex-center\"},[_c('button',{staticClass:\"prev-page\",attrs:{\"title\":\"Quay lại trang trước\"},on:{\"click\":_vm.prevPage}},[_c('i',{staticClass:\"icon-prev color-light\"})]),_c('div',{staticClass:\"book-viewer__paging__input\"},[(_vm.lessonData && (_vm.lessonData.lessonPlan || _vm.lessonData.script))?_c('span',{staticClass:\"text-center\"},[_vm._v(\"\\n          \"+_vm._s(_vm.tabActive === 0\n              ? _vm.pageSettingLessonPlan.page\n              : _vm.pageSettingScript.page)+\"\\n          /\\n          \"+_vm._s(_vm.tabActive === 0 && _vm.lessonData.lessonPlan\n              ? _vm.lessonData.lessonPlan.totalPage\n              : _vm.lessonData.script\n              ? _vm.lessonData.script.totalPage\n              : 0)+\"\\n        \")]):_vm._e()]),_c('button',{staticClass:\"next-page\",attrs:{\"title\":\"Chuyển đến trang tiếp theo\"},on:{\"click\":_vm.nextPage}},[_c('i',{staticClass:\"icon-next color-light\"})])]),_c('div',{staticClass:\"book-viewer__zoom-switch display-flex-center\",attrs:{\"title\":_vm.tabActive == 0?'Điều chỉnh kích cỡ kịch bản dạy học':'Điều chỉnh kích cỡ kịch bản tham khảo'}},[_c('div',{staticClass:\"book-viewer__zoom\"},[_c('button',{staticClass:\"zoom-out\",on:{\"click\":function($event){return _vm.handleZoom('-')}}},[_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('+')}}},[_c('i',{staticClass:\"icon-plus font-size-14 secondary-color-txt\"})])])]),_c('div',{staticClass:\"book-viewer__toggle-icon-sidebar only-mobile\",on:{\"click\":_vm.handleToggleOpenSidebarMobile}},[_vm._m(0)])]),_c('div',{staticClass:\"book-viewer__cats\",class:{ active: _vm.openLessonCats }},[_vm._m(1),_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__cats\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__cats__list\"},[(_vm.lessonData && (_vm.lessonData.lessonPlan || _vm.lessonData.script))?_c('div',{staticClass:\"book-viewer__cats__wrap lib-lesson__pages\"},_vm._l((_vm.tabActive === 0 && _vm.lessonData.lessonPlan\n              ? _vm.lessonData.lessonPlan.totalPage\n              : _vm.lessonData.script\n              ? _vm.lessonData.script.totalPage\n              : 0),function(item,index){return _c('div',{key:index,staticClass:\"item position-rel\",class:{\n              active: _vm.pageSettingLessonPlan.page === item,\n              'item--2': _vm.tabActive === 1,\n            },on:{\"click\":function($event){return _vm.directPage(item)}}},[_c('div',{staticClass:\"item__head\"},[(_vm.openLessonCats)?_c('div',{staticClass:\"img__wrap\"},[_c('img',{attrs:{\"src\":_vm.lessonData[_vm.tabActive === 0 ? 'lessonPlan' : 'script']\n                      .fileName\n                      ? (\"\" + _vm.imgCdnUrl + (_vm.lessonData[\n                            _vm.tabActive === 0 ? 'lessonPlan' : 'script'\n                          ].fileName) + \"-\" + item + \".jpg\")\n                      : _vm.img404,\"alt\":_vm.lessonData.title}})]):_vm._e()]),_c('h4',{staticClass:\"item__title margin-0\"},[_vm._v(_vm._s(item))])])}),0):_vm._e()])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"\\n          book-viewer__toggle-icon-sidebar__wrap\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('i',{staticClass:\"icon-more primary-color font-size-22\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"book-viewer__cats__wrap\"},[_c('h2',{staticClass:\"\\n          book-viewer__cats__title\\n          primary-color-txt\\n          font-size-24 font-sanpro-semibold\\n          lib-lesson__cats__title\\n        \"},[_vm._v(\"\\n        Danh sách\\n      \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"detail-books\">\r\n      <div class=\"detail-books__body\">\r\n        <!-- Fix bug: hiển thị lại phần kịch bản dạy học, xem toàn màn hình và nhìn rõ được nội dung kịch bản\r\n        Modified: anhdd (26/8/2022)\r\n        Bỏ class container -->\r\n        <div class=\"\">\r\n          <div class=\"detail-books__tabs tabs-center effect-transition-fast\" :class=\"{'height_detail_book_default':defaultHeight,'height_detail_book':!defaultHeight}\">\r\n            <b-tabs class=\"book-detail__tabs__content\">\r\n              <b-tab @click=\"changeTab(0)\" id=\"tab_0\">\r\n                <template v-slot:title>Bài giảng tham khảo</template>\r\n                <div\r\n                  id=\"script_docs_pptx\"\r\n                  class=\"detail-books__tabs__body lib-lesson__tabs__body\"\r\n                  :class=\"{ 'is-zoom': isZoomFile }\"\r\n                >\r\n                  <div\r\n                    id=\"lesson_img\"\r\n                    class=\"\r\n                      lib-lesson__imgs lib-lesson__imgs--pptx\r\n                      effect-transition-fast\r\n                      display-flex\r\n                    \"\r\n                  >\r\n                    <div\r\n                      id=\"lesson_img_wrap\"\r\n                      class=\"lib-lesson__imgs__wrap display-flex\"\r\n                      v-if=\"lessonData.lessonPlan\"\r\n                    >\r\n                      <div\r\n                        class=\"item text-center effect-transition-fast wrap-item-lession\"\r\n                        v-for=\"num in pageSettingLessonPlan.pageLoaded\"\r\n                        :key=\"num\"\r\n                        :style=\"`width: ${sizeBoxSlide.width}px`\"\r\n                      >\r\n                        <img\r\n                          class=\"item__img effect-transition-fast\"\r\n                          :style=\"styleZoom\"\r\n                          :src=\"`${imgCdnUrl}${lessonData.lessonPlan.fileName}-${num}.jpg`\"\r\n                          :alt=\"lessonData.lessonPlan.pathView\"\r\n                        />\r\n                        \r\n                      </div>\r\n                    </div>\r\n                    <p\r\n                      v-else\r\n                      class=\"\r\n                        font-size-22\r\n                        text-center\r\n                        secondary-color-txt\r\n                        full-width\r\n                      \"\r\n                    >\r\n                      Đang cập nhật dữ liệu\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </b-tab>\r\n              <b-tab @click=\"changeTab(1)\" id=\"tab_1\">\r\n                <template v-slot:title>Kịch bản dạy học</template>\r\n                <vue-custom-scrollbar\r\n                  id=\"script_docs\"\r\n                  class=\"detail-books__tabs__body\"\r\n                  @ps-scroll-y=\"handleScrollScript\"\r\n                >\r\n                  <div\r\n                    id=\"lesson_img_script\"\r\n                    class=\"\r\n                      lib-lesson__imgs lib-lesson__imgs--script\r\n                      effect-transition-fast\r\n                      display-flex\r\n                    \"\r\n                  >\r\n                    <div\r\n                      id=\"lesson_img_script_wrap\"\r\n                      class=\"lib-lesson__imgs__wrap\"\r\n                      v-if=\"lessonData.script\"\r\n                    >\r\n                      <div\r\n                        :id=\"`item_script_${num}`\"\r\n                        class=\"\r\n                          item item-script\r\n                          text-center\r\n                          effect-transition-fast\r\n                        \"\r\n                        v-for=\"num in pageSettingScript.pageLoaded\"\r\n                        :key=\"num\"\r\n                        :style=\"`width: ${sizeBoxSlide.width}px`\"\r\n                      >\r\n                        <!-- :style=\"`width: ${sizeBoxSlide.width}px`\" -->\r\n                        <img\r\n                          class=\"item__img\"\r\n                          :style=\"styleZoom\"\r\n                          :src=\"`${imgCdnUrl}${lessonData.script.fileName}-${num}.jpg`\"\r\n                          :alt=\"lessonData.script.pathView\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <p\r\n                      v-else\r\n                      class=\"\r\n                        font-size-22\r\n                        text-center\r\n                        secondary-color-txt\r\n                        full-width\r\n                      \"\r\n                    >\r\n                      Đang cập nhật dữ liệu\r\n                    </p>\r\n                  </div>\r\n                </vue-custom-scrollbar>\r\n              </b-tab>\r\n            </b-tabs>\r\n          </div>\r\n          \r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"\r\n          detail-books__footer\r\n          lib-detail__footer\r\n          color_bg_gray_light\r\n          display-flex-center\r\n          justify-content-between\r\n          position-rel\r\n        \"\r\n      >\r\n        <a\r\n          href=\"javascript:;\"\r\n          class=\"\r\n            primary-color\r\n            font-size-16 font-sanpro-semibold\r\n            book-viewer__footer__cats\r\n            border-rd-20\r\n            position-rel\r\n            display-flex-center\r\n            justify-content-center\r\n          \"\r\n          :class=\"{ 'btn-2': openLessonCats }\"\r\n        >\r\n        </a>\r\n        <div class=\"book-viewer__paging display-flex-center\">\r\n          <button title=\"Quay lại trang trước\" class=\"prev-page\" @click=\"prevPage\">\r\n            <i class=\"icon-prev color-light\"></i>\r\n          </button>\r\n          <div class=\"book-viewer__paging__input\">\r\n            <span\r\n              class=\"text-center\"\r\n              v-if=\"lessonData && (lessonData.lessonPlan || lessonData.script)\"\r\n            >\r\n              {{\r\n                tabActive === 0\r\n                  ? pageSettingLessonPlan.page\r\n                  : pageSettingScript.page\r\n              }}\r\n              /\r\n              {{\r\n                tabActive === 0 && lessonData.lessonPlan\r\n                  ? lessonData.lessonPlan.totalPage\r\n                  : lessonData.script\r\n                  ? lessonData.script.totalPage\r\n                  : 0\r\n              }}\r\n            </span>\r\n          </div>\r\n          <button title=\"Chuyển đến trang tiếp theo\" class=\"next-page\" @click=\"nextPage\">\r\n            <i class=\"icon-next color-light\"></i>\r\n          </button>\r\n        </div>\r\n        <div :title=\"tabActive == 0?'Điều chỉnh kích cỡ kịch bản dạy học':'Điều chỉnh kích cỡ kịch bản tham khảo'\" class=\"book-viewer__zoom-switch display-flex-center\">\r\n          <div class=\"book-viewer__zoom\">\r\n            <button class=\"zoom-out\" @click=\"handleZoom('-')\">\r\n              <i class=\"icon-minus font-size-14 secondary-color-txt\"></i>\r\n            </button>\r\n            <span class=\"ratio-book\">{{ formattedZoom }} %</span>\r\n            <button class=\"zoom-in\" @click=\"handleZoom('+')\">\r\n              <i class=\"icon-plus font-size-14 secondary-color-txt\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"book-viewer__toggle-icon-sidebar only-mobile\"\r\n          @click=\"handleToggleOpenSidebarMobile\"\r\n        >\r\n          <div\r\n            class=\"\r\n              book-viewer__toggle-icon-sidebar__wrap\r\n              display-flex-center\r\n              justify-content-center\r\n            \"\r\n          >\r\n            <i class=\"icon-more primary-color font-size-22\"></i>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"book-viewer__cats\" :class=\"{ active: openLessonCats }\">\r\n        <div class=\"book-viewer__cats__wrap\">\r\n          <h2\r\n            class=\"\r\n              book-viewer__cats__title\r\n              primary-color-txt\r\n              font-size-24 font-sanpro-semibold\r\n              lib-lesson__cats__title\r\n            \"\r\n          >\r\n            Danh sách\r\n          </h2>\r\n        </div>\r\n        <vue-custom-scrollbar\r\n          class=\"scroll-area scroll-area__cats\"\r\n          :settings=\"settingsViewBookSidebar\"\r\n        >\r\n          <div class=\"book-viewer__cats__list\">\r\n            <div\r\n              class=\"book-viewer__cats__wrap lib-lesson__pages\"\r\n              v-if=\"lessonData && (lessonData.lessonPlan || lessonData.script)\"\r\n            >\r\n              <div\r\n                class=\"item position-rel\"\r\n                v-for=\"(item, index) in tabActive === 0 && lessonData.lessonPlan\r\n                  ? lessonData.lessonPlan.totalPage\r\n                  : lessonData.script\r\n                  ? lessonData.script.totalPage\r\n                  : 0\"\r\n                :class=\"{\r\n                  active: pageSettingLessonPlan.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\" v-if=\"openLessonCats\">\r\n                    <img\r\n                      :src=\"\r\n                        lessonData[tabActive === 0 ? 'lessonPlan' : 'script']\r\n                          .fileName\r\n                          ? `${imgCdnUrl}${\r\n                              lessonData[\r\n                                tabActive === 0 ? 'lessonPlan' : 'script'\r\n                              ].fileName\r\n                            }-${item}.jpg`\r\n                          : img404\r\n                      \"\r\n                      :alt=\"lessonData.title\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <h4 class=\"item__title margin-0\">{{ item }}</h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </vue-custom-scrollbar>\r\n      </div>\r\n    </div>\r\n  </template>\r\n  \r\n  <script>\r\n  import {\r\n    TAB_LESSON,\r\n    DETAIL_TAB_INFO,\r\n    DETAIL_TAB_DOWNLOAD,\r\n  } from \"./../_store/constants\";\r\n  import vueCustomScrollbar from \"vue-custom-scrollbar\";\r\n  import {\r\n    getLesson,\r\n    downloadMultiLessonFile,\r\n    delFileZipLesson,\r\n    updatecountview,\r\n  } from \"./../_api/\";\r\n  import { mapActions } from \"vuex\";\r\n  import { APP_CONFIG } from \"@/utils/constants\";\r\n  import { scrollTo } from \"@/helpers/functions\";\r\n  import mixinsFiles from \"@/components/content-files/mixinsFiles\";\r\n  const img404 = require(`@/assets/images/img_404.jpg`);\r\n  \r\n  export default {\r\n    name: \"ViewDetailBooks\",\r\n    mixins: [mixinsFiles],\r\n    components: {\r\n      vueCustomScrollbar,\r\n      Sidebar: () => import(\"./../_components/detail/Sidebar.vue\"),\r\n    },\r\n    data() {\r\n      return {\r\n        imgCdnUrl: APP_CONFIG.bookImgCdnUrl,\r\n        apiUrl: APP_CONFIG.appUrl,\r\n        lessonData: {},\r\n        pageLoading: 3,\r\n        // page: 0,\r\n        // pageLoaded: 0,\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        isOpenSidebar: false,\r\n        openLessonCats: false,\r\n        keySidebarActive: \"\", //download Or Info\r\n        keySidebarInfo: DETAIL_TAB_INFO,\r\n        keySideDownload: DETAIL_TAB_DOWNLOAD,\r\n        numberBookViewOpenSidebar: 1.3,\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        img404,\r\n        styleZoom: { width: \"\" },\r\n        idBookLessonPlanFile: 0,\r\n        heightCollapse: true,\r\n        openSidebarMobile: false,\r\n      };\r\n    },\r\n    props:{\r\n        lessonId:{\r\n            type:Number,\r\n            default:0\r\n        },\r\n        defaultHeight:{\r\n            type:Boolean,\r\n            default:true\r\n        }\r\n    },\r\n    computed: {\r\n      formattedZoom() {\r\n        return Number.parseInt(this.scale * 100);\r\n      },\r\n    },\r\n    created() {\r\n      // window.addEventListener('keyup', this.onKeyup)\r\n      this.getLessonDetail();\r\n      console.log(this.defaultHeight)\r\n      if(!this.defaultHeight){\r\n        this.$nextTick(() => {\r\n          for (let i = 0; i < 3; i++) {\r\n            this.handleZoom('-')\r\n          \r\n          }\r\n        })\r\n        \r\n      }\r\n    },\r\n    mounted() {\r\n      this.setSizeForSlide();\r\n      // this.openSidebar(DETAIL_TAB_INFO);\r\n      //document.getElementById('tab_0___BV_tab_button__').click()\r\n\r\n      \r\n    },\r\n    methods: {\r\n      ...mapActions(\"common\", [\"setLoading\"]),\r\n  \r\n      getLessonDetail() {\r\n        let self = this;\r\n        self.setLoading(true);\r\n        getLesson(self.lessonId)\r\n          .then((res) => {\r\n            if (res && res.data && !res.errors) {\r\n              self.lessonData = res.data;\r\n              this.idBookLessonPlanFile = res.data.script.bookLessonPlanFileId;\r\n  \r\n              if (\r\n                self.tabActive === 0 &&\r\n                res.data.lessonPlan &&\r\n                res.data.lessonPlan.totalPage > 0\r\n              ) {\r\n                self.pageSettingLessonPlan.page = 1;\r\n                self.pageSettingLessonPlan.pageLoaded = self.pageLoading;\r\n              } else if (\r\n                self.tabActive === 1 &&\r\n                res.data.script &&\r\n                res.data.script.totalPage > 0\r\n              ) {\r\n                self.pageSettingScript.page = 1;\r\n                self.pageSettingScript.pageLoaded = self.pageLoading;\r\n              }\r\n            }\r\n          })\r\n          .finally(() => {\r\n            self.setLoading(false)\r\n            \r\n          });\r\n      },\r\n  \r\n      setSizeForSlide() {\r\n        setTimeout(() => {\r\n          this.sizeBoxSlide.width =\r\n            document.getElementById(`lesson_img`).clientWidth;\r\n          this.sizeBoxSlide.height =\r\n            document.getElementById(`lesson_img`).clientHeight;\r\n          this.openSidebar(DETAIL_TAB_INFO);\r\n        }, 500);\r\n      },\r\n  \r\n      onKeyup(e) {\r\n        // console.log(e);\r\n        // e.preventdefault()\r\n        // e.keyCode === 37 && this.prevPage()\r\n        // e.keyCode === 39 && this.nextPage()\r\n      },\r\n  \r\n      nextPage() {\r\n        if (this.tabActive === 0 && this.lessonData.lessonPlan) {\r\n          if (\r\n            this.pageSettingLessonPlan.pageLoaded <\r\n            this.lessonData.lessonPlan.totalPage\r\n          ) {\r\n            this.pageSettingLessonPlan.pageLoaded += 1;\r\n          }\r\n  \r\n          if (\r\n            this.pageSettingLessonPlan.page < this.lessonData.lessonPlan.totalPage\r\n          ) {\r\n            this.pageSettingLessonPlan.page += 1;\r\n            // Await render dom\r\n            this.setSlideAction();\r\n          }\r\n        } else if (this.lessonData.script) {\r\n          /**\r\n           * Fix bug chuyển trang kịch bản dạy học\r\n           * Modified: anhdd (25/8/2022)\r\n           */\r\n          if (this.pageSettingScript.page < this.lessonData.script.totalPage) {\r\n            this.pageSettingScript.page += 1;\r\n            this.setScrollToPage(this.pageSettingScript.page);\r\n          }\r\n        }\r\n        // console.log(\r\n        //   \"this.pageSettingLessonPlan.page\",\r\n        //   this.pageSettingLessonPlan.page\r\n        // );\r\n        // console.log(\"tabActive\", this.tabActive);\r\n        // console.log(\"pageSettingScript.page\", this.pageSettingScript.page);\r\n        // console.log(\r\n        //   \"this.lessonData.lessonPlan.totalPage\",\r\n        //   this.lessonData.script.totalPage\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.lessonData.script) {\r\n          /**\r\n           * Fix bug chuyển trang kịch bản dạy học\r\n           * Modified: anhdd (25/8/2022)\r\n           */\r\n          if (this.pageSettingScript.page > 1) {\r\n            this.pageSettingScript.page -= 1;\r\n            this.setScrollToPage(this.pageSettingScript.page);\r\n          }\r\n        }\r\n        // console.log(\r\n        //   \"this.pageSettingLessonPlan.page\",\r\n        //   this.pageSettingLessonPlan.page\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 =\r\n            type === \"+\"\r\n              ? this.slideTranslateX - widthElm\r\n              : 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      handleZoom(type = \"+\") {\r\n        let self = this;\r\n        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 ? false : true;\r\n        let elems = document.getElementsByClassName(\"item__img\");\r\n        let elemsLength = elems.length;\r\n        let elementSlideWidth =\r\n          this.tabActive === 0\r\n            ? document.getElementById(`lesson_img`).clientWidth\r\n            : document.getElementById(`lesson_img_script`).clientWidth;\r\n  \r\n        this.styleZoom.width = `${this.scale * 100}%`;\r\n        \r\n        if(this.scale ==1){\r\n          let elements = document.querySelectorAll('.wrap-item-lession');\r\n  \r\n          for (let i = 0; i < elements.length; i++) {\r\n            elements[i].style.overflow = 'hidden';\r\n          }\r\n        }\r\n        else{\r\n          let elements = document.querySelectorAll('.wrap-item-lession');\r\n  \r\n          for (let i = 0; i < elements.length; i++) {\r\n            elements[i].style.overflow = 'auto';\r\n          }\r\n        }\r\n        if (this.scale !== 1) {\r\n          this.styleZoom = {\r\n            ...this.styleZoom,\r\n            \"max-width\": \"initial\",\r\n            \"max-height\": \"initial\",\r\n          };\r\n        }\r\n        else{\r\n          this.styleZoom = {\r\n            ...this.styleZoom,\r\n            \"max-width\": \"initial\",\r\n            \"max-height\": \"calc(100vh - 230px)\",\r\n          };\r\n        }\r\n      },\r\n  \r\n      openSidebar(type) {\r\n        this.heightCollapse = !this.heightCollapse;\r\n        let self = this;\r\n        self.openLessonCats = false;\r\n        if (type === self.keySidebarActive) {\r\n          self.isOpenSidebar = false;\r\n          self.keySidebarActive = \"\";\r\n        } else {\r\n          self.isOpenSidebar = true;\r\n          self.keySidebarActive = type;\r\n        }\r\n  \r\n        // if (window.innerWidth > 991 && self.isOpenSidebar) {\r\n        //   self.setSpaceSizeForOpenSidebarBox();\r\n        // }\r\n  \r\n        // if (!self.isOpenSidebar) {\r\n        //   self.resetPageWhenOfBoxsTransition();\r\n        // }\r\n      },\r\n  \r\n      setSpaceSizeForOpenSidebarBox() {\r\n        let self = this;\r\n        let bodyBookBox =\r\n          document.getElementsByClassName(\"detail-books__tabs\")[0];\r\n        let sidebarBox = document.getElementsByClassName(\r\n          \"book-viewer__sidebar\"\r\n        )[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 &&\r\n            self.resetTransitionSlide(self.sizeBoxSlide.width);\r\n        }\r\n      },\r\n  \r\n      resetPageWhenOfBoxsTransition() {\r\n        let self = this;\r\n        let bodyBookBox =\r\n          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 &&\r\n          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 =\r\n          document.getElementsByClassName(\"detail-books__tabs\")[0].clientWidth;\r\n        let elementSlideSwrap = document.getElementById(`lesson_img_wrap`);\r\n        // Page = 1 => transition = 0\r\n        this.slideTranslateX =\r\n          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.pageSettingLessonPlan.page =\r\n          Math.ceil(currentScrollPosition / (heightItem + itemMargin)) || 1;\r\n        // Setting pageLoaded\r\n        if (\r\n          currentScrollPosition > this.scrollPosition &&\r\n          this.lessonData.script\r\n        ) {\r\n          try {\r\n            this.lastPageOffsetTop = document.getElementById(\r\n              `item_script_${this.pageSettingLessonPlan.pageLoaded}`\r\n            ).offsetTop;\r\n          } catch (error) {}\r\n          if (currentScrollPosition + 50 >= this.lastPageOffsetTop) {\r\n            let space2TotalPage =\r\n              this.lessonData.lessonPlan.totalPage -\r\n              this.pageSettingLessonPlan.pageLoaded;\r\n            let setPageLoad =\r\n              space2TotalPage > this.pageLoading\r\n                ? this.pageLoading\r\n                : space2TotalPage;\r\n            this.pageSettingLessonPlan.pageLoaded += setPageLoad;\r\n          }\r\n          this.scrollPosition = currentScrollPosition;\r\n        }\r\n      },\r\n  \r\n      handleToggleLessonCats() {\r\n        let self = this;\r\n        self.openLessonCats = !self.openLessonCats;\r\n        self.isOpenSidebar = false;\r\n        self.keySidebarActive = \"\";\r\n  \r\n        if (window.innerWidth > 991 && self.openLessonCats) {\r\n          self.setSpaceSizeForOpenCatBox();\r\n        }\r\n        if (!self.openLessonCats) {\r\n          self.resetPageWhenOfBoxsTransition();\r\n        }\r\n      },\r\n  \r\n      setSpaceSizeForOpenCatBox() {\r\n        let self = this;\r\n        let bodyBookBox =\r\n          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 &&\r\n          self.resetTransitionSlide(bodyBookBox.clientWidth - widthCatBox);\r\n      },\r\n  \r\n      directPage(page) {\r\n        let self = this;\r\n        if (this.tabActive === 0 && this.lessonData.lessonPlan) {\r\n          let typeDirect = this.pageSettingLessonPlan.page > page ? \"-\" : \"+\";\r\n          let spaceBetweenThisPage = Math.abs(\r\n            this.pageSettingLessonPlan.page - page\r\n          );\r\n          this.pageSettingLessonPlan.page = page;\r\n          this.pageSettingLessonPlan.pageLoaded =\r\n            page === this.lessonData.lessonPlan.totalPage ||\r\n            this.lessonData.lessonPlan.totalPage - page < 3\r\n              ? page\r\n              : page + 3;\r\n          this.setSlideAction(typeDirect, spaceBetweenThisPage);\r\n        } else if (this.lessonData.script) {\r\n          this.pageSettingScript.page = page;\r\n          this.pageSettingScript.pageLoaded =\r\n            page === this.lessonData.script.totalPage ||\r\n            this.lessonData.script.totalPage - page < 3\r\n              ? page\r\n              : 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 (\r\n          tab === 0 &&\r\n          this.lessonData.lessonPlan &&\r\n          this.lessonData.lessonPlan.totalPage > 0 &&\r\n          this.pageSettingLessonPlan.page === 0\r\n        ) {\r\n          this.pageSettingLessonPlan.page = 1;\r\n          this.pageSettingLessonPlan.pageLoaded = this.pageLoading;\r\n        } else if (\r\n          tab === 1 &&\r\n          this.lessonData.script &&\r\n          this.lessonData.script.totalPage > 0 &&\r\n          this.pageSettingScript.page === 0\r\n        ) {\r\n          updatecountview(this.idBookLessonPlanFile).then((res) => {\r\n            // if(res){\r\n            // \tconsole.log('réerserserser', res)\r\n            // }\r\n          });\r\n          this.pageSettingScript.page = 1;\r\n          this.pageSettingScript.pageLoaded = this.pageLoading;\r\n        }\r\n      },\r\n  \r\n      handleDownloadFiles() {\r\n        let self = this;\r\n        self.setLoading(true);\r\n        downloadMultiLessonFile(self.lessonId).then((res) => {\r\n          if (res.data && !res.errors) {\r\n            self\r\n              .downloadDocs(\r\n                `${self.apiUrl}/${res.data}`,\r\n                self.lessonData.title,\r\n                true\r\n              )\r\n              .then((response) => {\r\n                if (response && response.statusText === \"OK\") {\r\n                  let fileNameDel = res.data.replace(\"Uploads/\", \"\");\r\n                  fileNameDel = fileNameDel.replace(\".zip\", \"\");\r\n                  // setTimeout(() => {\r\n                  //   console.log('Settimeout ABC: ')\r\n                  delFileZipLesson(fileNameDel).finally(() =>\r\n                    self.setLoading(false)\r\n                  );\r\n                  // }, 60*1000*2)\r\n                }\r\n              });\r\n          }\r\n        });\r\n      },\r\n  \r\n      handleToggleOpenSidebarMobile() {\r\n        this.openSidebarMobile = !this.openSidebarMobile;\r\n      },\r\n    },\r\n  };\r\n  </script>\r\n  <style>\r\n    .b-class-tabs ul.nav-tabs{\r\n      justify-content: center !important;\r\n    }\r\n  </style>\r\n  <style lang=\"scss\" scoped>\r\n  // Variables\r\n  @import \"./../../../assets/scss/variables\";\r\n  \r\n  .heightCollapse {\r\n    height: 53px;\r\n  }\r\n  .height_detail_book_default{\r\n    height: calc(100vh - 125px);\r\n    overflow: hidden;\r\n  }\r\n  .height_detail_book{\r\n    height: calc(100vh - 355px);\r\n    overflow: auto;\r\n    \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: 0.8;\r\n          }\r\n        }\r\n        .btn-show {\r\n          width: 135px;\r\n  \r\n          &:hover {\r\n            * {\r\n              color: $primary_color;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  \r\n\r\n    &__body,\r\n    &__tabs {\r\n      \r\n    }\r\n    &__footer {\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,\r\n        .zoom-in {\r\n          margin-left: 5px;\r\n        }\r\n      }\r\n    }\r\n  \r\n    &__tabs {\r\n      &__body {\r\n        padding: 15px 0;\r\n      }\r\n    }\r\n  }\r\n  \r\n  .lib-lesson__cats__title {\r\n    border-bottom: 2px solid $color_border_line;\r\n    padding-bottom: 10px;\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .lib-lesson__pages {\r\n    @extend .display-flex-wrap;\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        @extend .aspect-ratio;\r\n        @extend .aspect-ratio--16-9;\r\n        border: 1px solid transparent;\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,\r\n      &: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  \r\n        .item {\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          &__title {\r\n            @extend .display-block;\r\n            @extend .font-size-16;\r\n            @extend .primary-color-txt;\r\n            padding: 5px 10px;\r\n            line-height: 1;\r\n            @extend .bg-transparent;\r\n            @extend .position-rel;\r\n            @extend .text-center;\r\n          }\r\n        }\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    &--pptx {\r\n      img,\r\n      .item {\r\n        // max-height: 70%;\r\n        max-height: calc(100vh - 230px);\r\n      }\r\n  \r\n      .item {\r\n        overflow: auto;\r\n        max-height: calc(100vh - 230px);\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 {\r\n        //, &__zoom\r\n        height: $height_btn;\r\n        line-height: 28px;\r\n      }\r\n      button {\r\n        @extend .btn-main;\r\n        @extend .border-rd-20;\r\n        min-width: 60px;\r\n        @extend .text-center;\r\n        &:hover {\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  }\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  // #script_docs_pptx {\r\n  // \t// max-height: auto;\r\n  // \t// overflow: hidden!important;\r\n  // \t// #lesson_img {\r\n  // \t// \t\tmax-height: calc(100vh - 230px);\r\n  // \t// }\r\n  \r\n  // \t&.is-zoom {\r\n  // \t\t// #lesson_img {\r\n  // \t\t// \toverflow: auto;\r\n  // \t\t// }\r\n  // \t\t// max-width: 100%;\r\n  // \t\t// max-height: calc(100vh - 200px);\r\n  // \t}\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,\r\n      &.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      .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      &.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        width: 100%;\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        .zoom-in,\r\n        .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    .detail-books__footer,\r\n    .detail-books__head {\r\n      padding: 0 15px;\r\n    }\r\n  \r\n    .book-viewer__zoom-switch {\r\n      max-width: 110px;\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      .book-viewer__paging button {\r\n        min-width: 30px;\r\n      }\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 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      .book-viewer__zoom {\r\n        .zoom-in,\r\n        .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  </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!./DetailLessonClassSchool.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!./DetailLessonClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailLessonClassSchool.vue?vue&type=template&id=af49fdca&scoped=true&\"\nimport script from \"./DetailLessonClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailLessonClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailLessonClassSchool.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./DetailLessonClassSchool.vue?vue&type=style&index=1&id=af49fdca&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  \"af49fdca\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"full-parent wrap-question-answer\">\r\n        <iframe v-if=\"typeFile == FILE_YOUTUBE\" class=\"full-parent\" :src=\"emberYoutube(item.path)\"\r\n            title=\"YouTube video player\" frameborder=\"0\"\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n            allowfullscreen></iframe>\r\n        <!-- <VueDocPreview v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :value=\"apiUrl + item.path\" :type=\"'office'\" /> -->\r\n            <!-- <iframe v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :src=\"`https://docs.google.com/gview?url=${apiUrl + item.path}&embedded=true`\" frameborder=\"0\">\r\n            </iframe> -->\r\n            <iframe v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :src=\"`https://view.officeapps.live.com/op/embed.aspx?src=${apiUrl + item.path}`\" frameborder=\"0\">\r\n            </iframe>\r\n            <div class=\"full-parent postion-relative\" v-if=\"typeFile == TYPE_FILE_PDF\">\r\n                <iframe :src=\"apiUrl + item.path\" download=\"\" class=\"full-parent\" >\r\n            \r\n                </iframe >\r\n                <div v-if=\"isShowHideDownload\" class=\"hide-download-pdf\"></div>\r\n            </div>\r\n        \r\n        <div class=\"full-parent over-flow-auto\" v-if=\"typeFile == TYPE_TEST\">\r\n            <div class=\"row col-md-12 full-parent\">\r\n                <div class=\"col-md-9 question-item mb-3\" >\r\n                    <div class=\"display-flex-column question\">\r\n                        <div class=\"q-top\">\r\n                            <p class=\"text-primary m-0 float-left\">Câu hỏi {{ indexQuestion }}:</p> \r\n                            <p class=\"m-0 p-no-margin fit-height-question\" v-html=\"questionItem.content\"></p>\r\n                        </div>\r\n                        <!-- <img v-if=\"questionItem.fileQuestion.url\"\r\n                            :style=\"{ 'width': questionItem.withSize + 'px', 'height': questionItem.heightSize + 'px' }\"\r\n                            :src=\"questionItem.fileQuestion.url\" /> -->\r\n                        <div class=\"q-bottom display-flex-column wrap-list-answer\">\r\n                            \r\n                            <div  style=\"margin-top: 10px;\" v-for=\"(item, index) of questionItem.listAnswer\" :key=\"index\" class=\"list-answer row col-md-12\">\r\n                                <div class=\"col-md-8\">\r\n                                        <div class=\"item__first\">\r\n                                            <div class=\"answer-correct display-flex-center\">\r\n                                                <b-checkbox :class=\"{'is-true-answer-check-box':questionItem.isShowAnswer &&  item.isTrue,\r\n                                                // 'is-false-answer-check-box':questionItem.isShowAnswer && !item.isTrue\r\n                                                 \r\n                                             }\" :disabled=\"!isEnableWork || questionItem.isShowAnswer\" v-model=\"item.userFillAnswer\" :value=\"item.isTrue\"></b-checkbox>\r\n                                                {{ item.isShowAnswer,  item.typeUserAnswer }}\r\n                                                <span :class=\"{'is-true-answer':questionItem.isShowAnswer &&  item.isTrue,\r\n                                                // 'is-false-answer':questionItem.isShowAnswer && !item.isTrue\r\n                                                 \r\n                                             }\" class=\"p-no-margin mb-1 display-flex\" v-html=\"GetAnphabet(index,item.content) + item.content\"></span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div v-if=\"item.fileAnswer.url\" class=\"item__img col-md-4\">\r\n                                        <div class=\"image-question\">\r\n                                            <img :src=\"item.fileAnswer.url\" />\r\n                                        </div>\r\n                                    </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-3\">\r\n                    <div class=\"row\">\r\n                        <div @click=\"handleOnChangeQuestion(item, index)\" class=\"col-md-2 number-question\" v-for=\"(item, index) of listQuestion\"\r\n                        :key=\"index\" :class=\"{'is-choose':item.id== questionItem.id,'is-true':item.typeUserAnswer==2,'is-false':item.typeUserAnswer==3}\">\r\n                            {{ index+1 }}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row wrap-btn-confirm\">\r\n                        <button type=\"button\"\r\n                        v-if=\"isEnableWork\"\r\n                        :disabled=\"questionItem.typeUserAnswer==1?false:true\"\r\n                        class=\"btn btn-main btn-confirm border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        @click=\"handleUserAnswerQuestion\"\r\n                        >\r\n                        Xác nhận\r\n                    </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            \r\n\r\n        </div>\r\n        <iframe  v-if=\"typeFile == TYPE_H5P\" class=\"full-parent\" :src=\"emberH5p(item.path)\"\r\n            title=\"YouTube video player\" frameborder=\"0\"\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n            allowfullscreen></iframe>\r\n        <iframe v-if=\"typeFile == FILE_CANVA\" class=\"full-parent\" :src=\"embedCanva(item.path)\"\r\n            title=\"canva\" frameborder=\"0\"\r\n            allow=\"camera *;microphone *;accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; camera *;microphone *\"\r\n            allowfullscreen></iframe>\r\n        <div class=\"full-parent\" v-if=\"typeFile==REFERENCE_LECTURE\">\r\n            <DetailLessonClassSchool :type=\"1\" :lessonId=\"item.bookLessonPlanId\" :defaultHeight=\"defaultHeight\" />\r\n        </div>    \r\n    </div>\r\n\r\n</template>\r\n<script>\r\n\r\nimport {\r\n    TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n    TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE,REFERENCE_LECTURE\r\n} from './../constants/constants_enum'\r\nimport VueDocPreview from 'vue-doc-preview'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { getDetail } from './../_api/lessonQuestionClassSchoolServices'\r\nimport {saveUserLessonAnswerQuestion} from './../_api/userLessonAnswerQuestionClassSchool'\r\nimport DetailLessonClassSchool from './../../libraries/_views/DetailLessonClassSchool'\r\nexport default {\r\n    components: {\r\n        VueDocPreview,\r\n        DetailLessonClassSchool\r\n    },\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEnableWork :{\r\n            type: Boolean,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: false\r\n        },\r\n        isShowAnswer :{\r\n            type: Boolean,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: false\r\n        },\r\n        defaultHeight:{\r\n            type:Boolean,\r\n            default:true\r\n        }\r\n    },\r\n    watch:{\r\n        'item.id':'onChangeDataDocument'\r\n    },\r\n    data() {\r\n        return {\r\n\r\n            isShowHideDownload:false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE,REFERENCE_LECTURE,\r\n            //apiUrl: 'https://apihanhtrangso-uat.hiser.vn/lessons/',//APP_CONFIG.apiUrl + '/lessons/',\r\n            apiUrl: APP_CONFIG.apiUrl + '/lessons/',\r\n            viewh5p:APP_CONFIG.viewh5p+'viewh5p',\r\n            typeFile: 0,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: REFERENCE_LECTURE, text: 'Bài giảng tham khảo lấy từ thư viện' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ],\r\n            listQuestion: [],\r\n            cdnUrl: APP_CONFIG.bookCdnUrl + 'data/lesson/',\r\n            question_img_size: [\r\n                { value: 4, text: '456x336' },\r\n                { value: 3, text: '1032x584' },\r\n                { value: 2, text: '1032x176' },\r\n                { value: 1, text: '240x176' }\r\n            ],\r\n            questionItem:{},\r\n            //\r\n            indexQuestion: 1,\r\n            test:true,\r\n            listAnphabet :[\"A.\", \"B.\", \"C.\", \"D.\", \"E.\", \"F.\", \"G.\", \"H.\", \"I.\", \"J.\", \"K.\", \"L.\", \"M.\", \"N.\", \"O.\", \"P.\", \"Q.\", \"R.\", \"S.\", \"T.\", \"U.\", \"V.\", \"W.\", \"X.\", \"Y.\", \"Z.\"]\r\n        }\r\n    },\r\n    mounted() {\r\n        this.onChangeDataDocument()\r\n        console.log(this.item)\r\n        \r\n    },\r\n    methods: {\r\n        checkExists(url, callback) {\r\n            var xhr = new XMLHttpRequest();\r\n            xhr.open('HEAD', url, true);\r\n\r\n            xhr.onreadystatechange = function () {\r\n                if (xhr.readyState === 4) {\r\n                if (xhr.status === 200) {\r\n                    var contentType = xhr.getResponseHeader('Content-Type');\r\n                    callback(contentType === 'application/pdf');\r\n                } else {\r\n                    callback(false);\r\n                }\r\n                }\r\n            };\r\n\r\n            xhr.send();\r\n        },\r\n        GetAnphabet(index,content){\r\n            if(index>25){\r\n                index = 25\r\n            }\r\n            if(content.includes(this.listAnphabet[index])){\r\n                return ''\r\n            }\r\n            return this.listAnphabet[index]+ '&nbsp;'\r\n        },\r\n        onChangeDataDocument() {\r\n            \r\n            if (!this.item) {\r\n                return\r\n            }\r\n            else {\r\n                this.typeFile = this.item.typeDocument\r\n            }\r\n            if (this.typeFile == TYPE_TEST) {\r\n                this.getDetailQuestion()\r\n            }\r\n            //nếu là Dạng nhúng\r\n            if (this.typeFile == FILE_LINK) {\r\n                window.open(this.fixUrl(this.item.path), '_blank');\r\n            }\r\n            //là dạng tài liệu\r\n            if (this.typeFile == REFERENCE_LECTURE) {\r\n            }\r\n            else if (this.typeFile == TYPE_DOCUMENT) {\r\n                if (this.item.path.endsWith('.pdf')) {\r\n                    this.typeFile = TYPE_FILE_PDF\r\n                    let self = this\r\n                    this.checkExists(this.apiUrl + this.item.path,function (exists) {\r\n                        if (exists) {\r\n                            console.log('PDF file exists.');\r\n                            self.isShowHideDownload = true\r\n                        } else {\r\n                            console.log('PDF file does not exist.');\r\n                            self.isShowHideDownload = false\r\n                        }\r\n                    })\r\n                }\r\n                else {\r\n                    this.typeFile = TYPE_DOCUMENT\r\n\r\n                }\r\n            }\r\n            //dạng canva\r\n            else if(this.typeFile == FILE_CANVA){\r\n                \r\n            }\r\n        },\r\n        handleUserAnswerQuestion(){\r\n            \r\n            let isUserFillTrue = false\r\n            for (let i = 0; i < this.questionItem.listAnswer.length; i++) {\r\n                const item = this.questionItem.listAnswer[i];\r\n                if(item.isTrue === true && item.userFillAnswer === true){\r\n                    isUserFillTrue =true\r\n                    \r\n                }\r\n                else if(item.isTrue === false && item.userFillAnswer === false){\r\n                    isUserFillTrue = false\r\n                    break\r\n                }\r\n                else if(item.isTrue === true && item.userFillAnswer === ''){\r\n                    isUserFillTrue = false\r\n                    break\r\n                }\r\n            }\r\n            if(isUserFillTrue){\r\n                this.questionItem.typeUserAnswer = 2\r\n            }\r\n            else{\r\n                this.questionItem.typeUserAnswer = 3\r\n            }\r\n            this.questionItem.isShowAnswer=true\r\n            // for (let i = 0; i < this.listQuestion.length; i++) {\r\n            //     let item = this.listQuestion[i];\r\n            //     if(item.id== this.questionItem.id){\r\n            //         item = this.questionItem\r\n            //         break\r\n            //     }\r\n            // }\r\n            this.test=!this.test\r\n            console.log(this.questionItem)\r\n            // gửi thông xin trả lời cầu hỏi xuống dưới client\r\n            let lessonClassSchoolId = this.$route.query.id\r\n            let classSchoolId = this.$route.query.classSchoolId\r\n            if(lessonClassSchoolId >0 && classSchoolId>0){\r\n                let params={\r\n                    classSchoolId:classSchoolId,\r\n                    lessonClassSchoolId:lessonClassSchoolId,\r\n                    lessonQuestionId:this.questionItem.id,\r\n                    typeUserAnswer:this.questionItem.typeUserAnswer,\r\n                    correct:this.questionItem.correct\r\n                }\r\n                saveUserLessonAnswerQuestion(params).then((res)=>{\r\n                    if (res && res.data && !res.errors) {\r\n\r\n                    }\r\n                })\r\n            }\r\n            let isDowork=true\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const element = this.listQuestion[i];\r\n                if(element.typeUserAnswer==1){\r\n                    isDowork = false\r\n                    break\r\n                }\r\n            }\r\n            if(isDowork){\r\n                this.$emit('handleDoWorDone',this.item)\r\n            }\r\n        },\r\n        handleOnChangeQuestion(item, index){\r\n            this.indexQuestion = index + 1\r\n            this.questionItem = item\r\n        },\r\n        getDetailQuestion() {\r\n            let self = this\r\n            this.listQuestion= []\r\n            let lessonClassSchoolId = this.$route.query.id\r\n            let classSchoolId = this.$route.query.classSchoolId\r\n            let params={\r\n                lessonClassSchoolId:lessonClassSchoolId,\r\n                classSchoolId:classSchoolId,\r\n                documentId:this.item.id\r\n            }\r\n            getDetail(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        let listAnswer = []\r\n                        for (let j = 0; j < item.listLessonAnswerClassSchoolModels.length; j++) {\r\n                            const element = item.listLessonAnswerClassSchoolModels[j];\r\n                            let answer = {\r\n                                id: element.id,\r\n                                idClient: this.generateUUID(),\r\n                                isTrue: element.isTrue,\r\n                                content: element.content,\r\n                                fileAnswer: {\r\n                                    fileData: null,\r\n                                    url: element.path ? `${this.cdnUrl}${element.path}` : '',\r\n                                },\r\n                                userFillAnswer:!this.isEnableWork?(element.isTrue==true?element.isTrue:''):''\r\n                            }\r\n                            listAnswer.push(answer)\r\n                        }\r\n\r\n\r\n                        let question = {\r\n                            id: item.id,\r\n                            idClient: this.generateUUID(),\r\n                            lessonClassSchoolId: item.lessonClassSchoolId,\r\n                            topicName: '', // tên đề bài\r\n                            sizeImage: 1, // kích cỡ ảnh\r\n                            withSize: 240,\r\n                            heightSize: 176,\r\n                            fileQuestion: {\r\n                                fileData: null,\r\n                                url: ''\r\n                            },\r\n                            content: item.content,\r\n                            typeUserAnswer:1,//item.userLessonAnswer?item.userLessonAnswer.typeUserAnswer:1,\r\n                            isShowAnswer:false,//item.userLessonAnswer?true:false,\r\n                            correct:'',//item.userLessonAnswer?item.userLessonAnswer.correct:'',\r\n                            \r\n                            listAnswer: listAnswer,\r\n                        }\r\n                        this.listQuestion.push(question)\r\n                    }\r\n                    if(this.listQuestion.length>0){\r\n                        this.questionItem = this.listQuestion[0]\r\n                    }\r\n                   \r\n                }\r\n            })\r\n        },\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        answerDefault() {\r\n            return {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                isTrue: false,\r\n                content: '',\r\n                fileAnswer: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n            }\r\n        },\r\n        fixUrl(url) {\r\n            // Kiểm tra nếu URL không bắt đầu bằng \"https://\"\r\n            if (!url.startsWith(\"https://\")) {\r\n                // Thêm \"https://\" vào đầu URL\r\n                url = \"https://\" + url;\r\n            }\r\n            \r\n            return url;\r\n        },\r\n        embedCanva(url){\r\n            if(url){\r\n                let baseUrl = url.split('?')[0];\r\n                let embeddedUrl = baseUrl.replace(\"/edit\", \"/view?embed\");\r\n                return embeddedUrl\r\n            }\r\n            return url\r\n        },\r\n        getId(url) {\r\n            const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\r\n            const match = url.match(regExp);\r\n\r\n            return (match && match[2].length === 11)\r\n                ? match[2]\r\n                : null;\r\n        },\r\n        emberH5p(url) {\r\n            \r\n            return `${this.viewh5p}?nameFile=${url}`\r\n        },\r\n        emberYoutube(url) {\r\n            const videoId = this.getId(url);\r\n            const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\r\n            const match = url.match(regExp);\r\n            return `https://www.youtube.com/embed/${videoId}`\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.is-false-answer-check-box .custom-control-label::before {\r\n    background-color: red !important;\r\n}\r\n.is-false-answer-check-box .custom-control-label::after {\r\n    background-color: red !important;\r\n}\r\n.is-true-answer-check-box .custom-control-label::before {\r\n    background-color: green !important;\r\n}\r\n.is-true-answer-check-box .custom-control-label::after {\r\n    background-color: green !important;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.postion-relative{\r\n    position: relative;\r\n}\r\n.hide-download-pdf{\r\n    position: absolute;\r\n    width: 35px;\r\n    height: 35px;\r\n    top: 10px;\r\n    right: 85px;\r\n    background: #323639;\r\n}\r\n.wrap-btn-confirm{\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n.margin-top-10{\r\n    margin-top: 10px;\r\n}\r\n.wrap-list-answer{\r\n    overflow: auto;\r\n    height: 100%;\r\n}\r\n.list-answer{\r\n    max-height: 8rem;\r\n    overflow: auto;\r\n}\r\n.fit-height-question{\r\n    max-height: 20rem;\r\n    overflow: auto;\r\n}\r\n.justify-content-end{\r\n    justify-content: end;\r\n}\r\n.is-true-answer{\r\n    color: green !important;\r\n}\r\n.is-false-answer{\r\n    color: red !important;\r\n    \r\n}\r\n.is-true{\r\n    background-color: green !important;\r\n    color: white !important;\r\n}\r\n.is-false{\r\n    background-color: red !important;\r\n    color: white !important;\r\n}\r\n.is-choose{\r\n    border: 2px solid blue !important;\r\n}\r\n.btn-confirm{\r\n    width: 100px;\r\n}\r\n.number-question{\r\n    width: 100%;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    margin: 5px;\r\n    cursor: pointer;\r\n    color: black;\r\n}\r\n.full-parent {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n.over-flow-auto {\r\n    overflow: auto;\r\n    \r\n}\r\n.question-item {\r\n\r\n    border: 1px solid gray;\r\n    border-radius: 15px;\r\n    padding: 5px;\r\n}\r\n.float-left {\r\n    float: left;\r\n}\r\n.wrap-question-answer {\r\n    background: white;\r\n    border-radius: 8px;\r\n    padding: 1rem;\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.p-no-margin p {\r\n    margin: 0;\r\n}\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!./ViewDocument.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!./ViewDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewDocument.vue?vue&type=template&id=3eb06640&scoped=true&\"\nimport script from \"./ViewDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewDocument.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ViewDocument.vue?vue&type=style&index=1&id=3eb06640&lang=scss&scoped=true&\"\nimport style2 from \"./ViewDocument.vue?vue&type=style&index=2&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  \"3eb06640\",\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!./DetailLessonClassSchool.vue?vue&type=style&index=1&id=af49fdca&lang=scss&scoped=true&\"","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!./DetailLessonClassSchool.vue?vue&type=style&index=0&lang=css&\"","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!./ViewDocument.vue?vue&type=style&index=2&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!./ViewDocument.vue?vue&type=style&index=1&id=3eb06640&lang=scss&scoped=true&\""],"sourceRoot":""}