{"version":3,"sources":["webpack:///./src/layouts/Viewer.vue?8de2","webpack:///src/layouts/Viewer.vue","webpack:///./src/layouts/Viewer.vue?d72e","webpack:///./src/layouts/Viewer.vue","webpack:///./src/layouts/Viewer.vue?e01b","webpack:///./src/directives/debounce.js","webpack:///./src/layouts/Viewer.vue?8529","webpack:///./node_modules/v-runtime-template/dist/v-runtime-template.es.js","webpack:///./src/modules/exercises/_api/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","windowWidth","attrs","on","handleCloseViewer","_v","_t","hideGuideUse","screenWidth","openModalNotiError","_e","openBookCats","isOpenSidebar","suppressScrollX","handleScroll","openSidebarMobile","handleToggleBookCats","hideFooter","nameRoute","openZoomBb","hasLimit","settingsViewBookSidebar","staticRenderFns","name","props","isOpenBookCats","linkBack","valOpenSidebar","components","vueCustomScrollbar","modalShowHelp","data","maxScrollbarLength","collapseOpen","isShowVideo","openMenu","computed","watch","newVal","created","window","beforeDestroy","methods","mapActions","onResize","openSidebar","val","self","setSpaceSizeForOpenSidebarBox","bodyBookBox","setSpaceSizeForOpenCatBox","resetPageWhenOfBoxsTransition","evt","component","debounce","fn","delay","timeoutID","clearTimeout","args","arguments","that","setTimeout","apply","directive","el","binding","value","oldValue","oninput","dispatchEvent","Event","parseInt","module","exports","t","o","e","hasOwnProperty","r","Object","getOwnPropertyDescriptor","defineProperty","template","String","parent","templateProps","type","default","$parent","$data","n","$props","a","$options","p","c","i","s","d","v","f","m","u","h","keys","forEach","O","$","b","j","y","concat","k","E","P","l","getOwnPropertyNames","provide","_provided","classList","params","apiEndpoint","HttpService","post","then","res","catch","getCategoriesByBook","id","get","getPracticeType","getQuestionsByCat","bookId","bookIndexId","getQuestionsSidebar","practiceGroupIndexId","getQuestionDetail","getInfoBookBasic","getInfoBookCatsForQuestions","saveUserWorkQuestion","payload","totalTimeExam","question","resetUserWorkQuestionByBookIndexId","resetResultWorkQuestion","getExamList","errors","getCatOfExerciseOtherOrThematic","getQuestionListOfOtherOrThematic","chapterId","examId","getDetailOfOtherOrThematic","getQuestionListInSidebarOfThematicOrOther","queryParams","getExamDetail","sendExamWorked","saveQuestionExamWorked","resetResultCorrectQuestionExam","resetResultCorrectQuestionOtherOrThematic","getEBooksDetail","getMediaRelateInBookPage","getCatInfoOfExercise","updateExamTimeWorked","time","getInfoThematicOrTherExercise","getBooksLinkForExercise"],"mappings":"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","file":"js/chunk-966ba23c.487c9aa0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"book-viewer\"},[_c('div',{staticClass:\"book-viewer__head display-flex-center justify-content-between position-rel\"},[_c('a',{class:((_vm.windowWidth < 991 ? 'rotate-90' : '') + \" book-viewer__back secondary-color-txt font-size-16\"),attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCloseViewer}},[_c('i',{class:((_vm.windowWidth < 991 ? 'icon-arrow-down font-size-16' : 'icon-close font-size-12') + \" secondary-color-txt\")}),_c('span',{staticClass:\"only-pc\"},[_vm._v(\"Thoát \")])]),_c('h1',{staticClass:\"margin-0 p-0 book-viewer__title font-size-16 secondary-color-txt font-sanpro-semibold\"},[_vm._t(\"viewer_head_name\")],2),_c('span',{staticClass:\"secondary-color-txt font-sanpro-light font-size-14 version\"},[_vm._t(\"viewer_head_right\")],2),(!_vm.hideGuideUse && _vm.screenWidth > 991)?_c('div',{staticClass:\"icon-help cursor-pointer\",on:{\"click\":_vm.openModalNotiError}},[_c('i',{staticClass:\"icon-question font-size-20\"})]):_vm._e()]),_c('vue-custom-scrollbar',{staticClass:\"exercise-detail__body book-viewer__body justify-content-center\",class:{'open-cats': _vm.openBookCats, 'open-sidebar': _vm.isOpenSidebar},attrs:{\"id\":\"viewer_body\",\"settings\":{suppressScrollX: true}},on:{\"ps-scroll-y\":_vm.handleScroll}},[_vm._t(\"viewr_body\"),_c('div',{staticClass:\"book-viewer__sidebar exercise-detail__sidebar\",class:{'active': _vm.isOpenSidebar}},[_c('div',{staticClass:\"book-viewer__sidebar__icons exercise-detail__sidebar__icons position-rel display-flex flex-direction-col justify-content-between show-sidebar\",class:{'open-mobile': !_vm.openSidebarMobile}},[_c('div',{staticClass:\"icon-top\"},[_vm._t(\"viewer_sidebar_icon\")],2)]),_c('div',{staticClass:\"book-viewer__sidebar__contents sidebar\"},[_vm._t(\"viewer_sidebar_content\")],2)]),(_vm.screenWidth < 992)?_c('div',{staticClass:\"book-viewer__body__overlay\",class:{'active': _vm.openBookCats},on:{\"click\":_vm.handleToggleBookCats}}):_vm._e()],2),(!_vm.hideFooter)?_c('div',{class:((_vm.windowWidth < 991 ? 'border-0' : '') + \" book-viewer__footer position-rel\")},[(_vm.screenWidth < 992)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 p-0\"},[_c('div',{staticClass:\"wrap display-flex-center\"},[_c('div',{staticClass:\"exercise-detail__action display-flex-center full-width bg-color-light\"},[_vm._t(\"viewer_footer_mobile\")],2)])])]):_vm._e(),_c('div',{staticClass:\"row\"},[_c('div',{class:(\"\" + (_vm.screenWidth > 991 ? 'col-1 col-lg-2' : 'col-2 col-lg-2'))},[_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-inline-block justify-content-center\",class:{'btn-2': _vm.openBookCats},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleToggleBookCats}},[_c('i',{class:(\"icon-category font-size-22 position-rel \" + (_vm.screenWidth > 991 ? '' : 'secondary-color-txt'))}),_c('span',{staticClass:\"only-pc position-rel\"},[_vm._t(\"viewer_toggle_cat_name\")],2)])]),_c('div',{class:(\"\" + (_vm.screenWidth > 991 ? 'col-9 col-lg-8' : 'col-10 col-lg-10'))},[_c('div',{staticClass:\"book-viewer__footer__center text-center\"},[_vm._t(\"viewer_footer_center\")],2)]),(_vm.screenWidth > 991)?_c('div',{staticClass:\"col-2\"},[_c('div',{staticClass:\"wrap display-flex-center justify-content-end\"},[_c('div',{staticClass:\"exercise-detail__action display-flex-center\"},[_vm._t(\"viewer_footer_right\")],2),(_vm.nameRoute !== 'exerciseExamDetail' && _vm.nameRoute !== 'exerciseExamQuestion')?_c('div',{staticClass:\"book-viewer__zoom__mobile__icon icon--mb\",on:{\"click\":_vm.openZoomBb}},[_c('i',{staticClass:\"icon-more primary-color font-size-26\"})]):_vm._e()])]):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"book-viewer__cats exercise-detail__cats\",class:{'active': _vm.openBookCats}},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},[_vm._t(\"viewer_sidebar_cat_head\")],2),_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__cats scroll-area__cats__exercise-exam\",class:{'limited': _vm.hasLimit},attrs:{\"id\":\"book_viewer__cats\",\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},[_vm._t(\"viewer_sidebar_cat_body\")],2)])],1),_vm._t(\"viewer_footer\"),_c('modalShowHelp')],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"book-viewer\">\r\n    <div class=\"book-viewer__head display-flex-center justify-content-between position-rel\">\r\n      <a href=\"javascript:;\" :class=\"`${windowWidth < 991 ? 'rotate-90' : ''} book-viewer__back secondary-color-txt font-size-16`\" @click=\"handleCloseViewer\" >\r\n        <i :class=\"`${windowWidth < 991 ? 'icon-arrow-down font-size-16' : 'icon-close font-size-12'  } secondary-color-txt`\" ></i> \r\n        <span class=\"only-pc\">Thoát </span>\r\n      </a>\r\n      <h1 class=\"margin-0 p-0 book-viewer__title font-size-16 secondary-color-txt font-sanpro-semibold\">\r\n        <slot name=\"viewer_head_name\" />\r\n      </h1>\r\n      <span class=\"secondary-color-txt font-sanpro-light font-size-14 version\">\r\n        <slot name=\"viewer_head_right\" />\r\n      </span>\r\n      <div v-if=\"!hideGuideUse && screenWidth > 991\" class=\"icon-help cursor-pointer\" @click=\"openModalNotiError\">\r\n          <i class=\"icon-question font-size-20\"></i>\r\n      </div>\r\n    </div>\r\n    <vue-custom-scrollbar \r\n      id=\"viewer_body\"\r\n      class=\"exercise-detail__body book-viewer__body justify-content-center\"\r\n      :class=\"{'open-cats': openBookCats, 'open-sidebar': isOpenSidebar}\"\r\n      :settings=\"{suppressScrollX: true}\"\r\n      @ps-scroll-y=\"handleScroll\"\r\n    >\r\n        <slot name=\"viewr_body\" />\r\n        <div class=\"book-viewer__sidebar exercise-detail__sidebar\" :class=\"{'active': isOpenSidebar}\">\r\n            <div class=\"book-viewer__sidebar__icons exercise-detail__sidebar__icons position-rel display-flex flex-direction-col justify-content-between show-sidebar\"\r\n             :class=\"{'open-mobile': !openSidebarMobile}\">\r\n              <div class=\"icon-top\">\r\n                <slot name=\"viewer_sidebar_icon\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"book-viewer__sidebar__contents sidebar\">\r\n              <slot name=\"viewer_sidebar_content\" />\r\n            </div>\r\n        </div>\r\n        <div\r\n          v-if=\"screenWidth < 992\"\r\n          class=\"book-viewer__body__overlay\"\r\n          :class=\"{'active': openBookCats}\" \r\n          @click=\"handleToggleBookCats\"\r\n        ></div>\r\n    </vue-custom-scrollbar>\r\n    <div v-if=\"!hideFooter\"  :class=\"`${windowWidth < 991 ? 'border-0' : ''} book-viewer__footer position-rel`\" >\r\n      <div class=\"row\" v-if=\"screenWidth < 992\">\r\n         <div class=\"col-12 p-0\">\r\n          <div class=\"wrap display-flex-center\">\r\n            <div class=\"exercise-detail__action display-flex-center full-width bg-color-light\">\r\n              <slot name=\"viewer_footer_mobile\" />\r\n            </div> \r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div :class=\"`${screenWidth > 991 ? 'col-1 col-lg-2' : 'col-2 col-lg-2'}`\">\r\n          <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-inline-block justify-content-center\" @click=\"handleToggleBookCats\" :class=\"{'btn-2': openBookCats}\">\r\n            <i  :class=\"`icon-category font-size-22 position-rel ${screenWidth > 991 ? '' : 'secondary-color-txt'}`\"></i> \r\n            <span class=\"only-pc position-rel\"><slot name=\"viewer_toggle_cat_name\" /></span>\r\n          </a>\r\n        </div>\r\n        <div :class=\"`${screenWidth > 991 ? 'col-9 col-lg-8' : 'col-10 col-lg-10'}`\">\r\n          <div class=\"book-viewer__footer__center text-center\">\r\n            <slot name=\"viewer_footer_center\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-2\" v-if=\"screenWidth > 991\">\r\n          <div class=\"wrap display-flex-center justify-content-end\">\r\n            <div class=\"exercise-detail__action display-flex-center\">\r\n              <slot name=\"viewer_footer_right\" />\r\n            </div> \r\n            <div v-if=\"nameRoute !== 'exerciseExamDetail' && nameRoute !== 'exerciseExamQuestion'\" class=\"book-viewer__zoom__mobile__icon icon--mb\" @click=\"openZoomBb\"><i class=\"icon-more primary-color font-size-26\"></i></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\" @click=\"handleToggleBookCats\" :class=\"{'btn-2': openBookCats}\">\r\n          <i class=\"icon-category font-size-22\"></i>\r\n          <span class=\"only-pc\"><slot name=\"viewer_toggle_cat_name\" /></span>\r\n      </a> -->\r\n      <!-- <div class=\"book-viewer__footer__center\">\r\n        <slot name=\"viewer_footer_center\" />\r\n      </div> -->\r\n      <!-- <div class=\"exercise-detail__action display-flex-center\">\r\n        <slot name=\"viewer_footer_right\" />\r\n      </div> \r\n      <div v-if=\"nameRoute !== 'exerciseExamDetail' && nameRoute !== 'exerciseExamQuestion'\" class=\"book-viewer__zoom__mobile__icon icon--mb\" @click=\"openZoomBb\"><i class=\"icon-more primary-color font-size-26\"></i></div> -->\r\n    </div>\r\n    <div class=\"book-viewer__cats exercise-detail__cats\" :class=\"{'active': openBookCats}\">\r\n      <div class=\"book-viewer__cats__wrap\">\r\n        <slot name=\"viewer_sidebar_cat_head\" />\r\n      </div>\r\n      <vue-custom-scrollbar\r\n        id=\"book_viewer__cats\"\r\n        class=\"scroll-area scroll-area__cats scroll-area__cats__exercise-exam\"\r\n        :settings=\"settingsViewBookSidebar\"\r\n        :class=\"{'limited': hasLimit}\"\r\n      >\r\n        <div class=\"book-viewer__cats__wrap\">\r\n          <slot name=\"viewer_sidebar_cat_body\" />\r\n        </div>\r\n      </vue-custom-scrollbar>\r\n    </div>\r\n    <slot name=\"viewer_footer\" />\r\n    <modalShowHelp />\r\n  </div>\r\n</template>\r\n\r\n<!-- \r\n  slots: \r\n  1. viewer_head_name\r\n  2. viewer_head_right\r\n  3. viewr_body\r\n  4. viewer_sidebar_icon\r\n  5. viewer_sidebar_content\r\n  6. viewer_toggle_cat_name\r\n  7. viewer_footer_center\r\n  8. viewer_footer_right\r\n  9. viewer_sidebar_cat_head\r\n  10. viewer_sidebar_cat_body\r\n  11. viewer_footer\r\n -->\r\n<script>\r\n  import modalShowHelp from '@/components/modal/modalShowHelp'\r\n\timport { mapState, mapActions, mapGetters } from \"vuex\";\r\n  import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n\r\n  export default {\r\n    name: 'Viewer',\r\n    props: {\r\n      isOpenBookCats: Boolean,\r\n      linkBack: Object,\r\n      valOpenSidebar: Object,\r\n      hasLimit: Boolean,\r\n      hideFooter: Boolean,\r\n      hideGuideUse: Boolean,\r\n    },\r\n    components: {\r\n      vueCustomScrollbar,\r\n      modalShowHelp\r\n    },\r\n    data() {\r\n      return {\r\n        settingsViewBookSidebar: {\r\n          maxScrollbarLength: 300\r\n        },\r\n        collapseOpen: '',\r\n        isOpenSidebar: false,\r\n        openBookCats: true,\r\n        openSidebarMobile: false,\r\n        nameRoute: this.$route.name,\r\n        isShowVideo: 2,\r\n        windowWidth: 0,\r\n        openMenu: true\r\n      }\r\n    },\r\n    computed: {\r\n      screenWidth() {\r\n        return window.innerWidth\r\n      }\r\n    },\r\n    watch: {\r\n      windowWidth (newVal) {\r\n        if (newVal > 991) {\r\n          // this.openBookCats = this.isOpenBookCats\r\n          this.openBookCats = true\r\n\r\n        } else {\r\n          this.openBookCats = false\r\n        }\r\n      },\r\n      isOpenBookCats (newVal) {\r\n        this.openBookCats = newVal\r\n      },\r\n      valOpenSidebar (newVal) {\r\n        this.openSidebar(newVal)\r\n      }\r\n    },\r\n    created(){\r\n      this.actionCheckRouterHelp({nameRoute: this.nameRoute})\r\n      this.$nextTick(() => {\r\n        window.addEventListener('resize', this.onResize)\r\n      })\r\n      this.windowWidth = window.innerWidth\r\n      // this.openBookCats = this.isOpenBookCats\r\n    },\r\n    // mounted () {\r\n    //   this.openBookCats = this.isOpenBookCats\r\n    // },\r\n    beforeDestroy () {\r\n      window.removeEventListener('resize', this.onResize)\r\n    },\r\n    methods: {\r\n      ...mapActions('common', ['setLoading','acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp']),\r\n\r\n      openModalNotiError(){\r\n        this.actionGetVideoHelp({isShowVideo: this.isShowVideo})\r\n        this.acToggleModaShowHelp(true)\r\n      },\r\n      onResize () {\r\n        this.windowWidth = window.innerWidth\r\n      },\r\n\r\n      openSidebar (val) {\r\n        this.openBookCats = false\r\n        if (val.isOpen) {\r\n          this.isOpenSidebar = true\r\n          this.setSpaceSizeForOpenSidebarBox()\r\n        } else {\r\n          this.isOpenSidebar = false\r\n          this.resetPageWhenOfBoxsTransition()\r\n        }\r\n      },\r\n\r\n      handleToggleBookCats() {\r\n        let self = this;\r\n        self.openBookCats = !self.openBookCats;\r\n        self.isOpenSidebar = false;\r\n        // self.openMenu = false;\r\n\r\n        self.keySidebarActive = '';\r\n        // self.openSidebarMobile = false\r\n\r\n        if(self.openBookCats) {\r\n            self.setSpaceSizeForOpenCatBox()\r\n        // self.openMenu = true;\r\n\r\n            // if(!self.openSidebarMobile){\r\n            //   self.openSidebarMobile = false\r\n            // }\r\n        } else {\r\n            self.resetPageWhenOfBoxsTransition();\r\n        }\r\n      },\r\n\r\n      setSpaceSizeForOpenSidebarBox() {\r\n        let self = this;\r\n        let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n        let sidebarBox = document.getElementsByClassName('book-viewer__sidebar')[0];\r\n        let widthSidebarBox = sidebarBox.clientWidth;\r\n\r\n        bodyBookBox.style.paddingLeft = 0;\r\n        bodyBookBox.style.paddingRight = `${widthSidebarBox}px`;\r\n      },\r\n\r\n      setSpaceSizeForOpenCatBox() {\r\n        let self = this;\r\n        let bodyBookBox = document.getElementsByClassName('book-viewer__body')[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      },\r\n\r\n      resetPageWhenOfBoxsTransition() {\r\n        let self = this;\r\n        let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n        bodyBookBox.style.paddingLeft = 0;\r\n        bodyBookBox.style.paddingRight = 0;\r\n      },\r\n\r\n      handleCloseViewer () {\r\n        this.linkBack && this.$router.push(this.linkBack)\r\n      },\r\n\r\n      handleScroll (evt) {\r\n        let currentScrollPosition = event.srcElement.scrollTop;\r\n        this.$emit('scrollBody', currentScrollPosition)\r\n      },\r\n      openZoomBb(){\r\n        this.openSidebarMobile = !this.openSidebarMobile\r\n        // console.log('456', this.openSidebarMobile);\r\n        if(!this.openSidebarMobile) {\r\n            this.isOpenSidebar = false;\r\n            this.openBookCats = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .icon-top{\r\n    background: #fff;\r\n  }\r\n  .icon--mb{\r\n    display: none;\r\n  }\r\n  .version{\r\n    margin-right: 10px;\r\n    @media screen and (max-width: 991px){\r\n      margin-right: 0px;\r\n    }\r\n  }\r\n  .icon-help{\r\n      position: absolute;\r\n      right: 15px;\r\n  }\r\n\r\n  #main_app {\r\n    height: auto;\r\n  }\r\n  .exercise-detail {\r\n    \r\n      &__sidebar {\r\n        position: fixed;\r\n        top: 50px;\r\n        z-index: 2;\r\n      }\r\n\r\n      &__questions {\r\n        max-width: 80%;\r\n        margin: 0 auto;\r\n        padding: 30px 15px;\r\n      }\r\n\r\n      // &__direct {\r\n      //     >* {\r\n      //         &:not(:first-child) {\r\n      //             margin-left: 20px;\r\n      //         }\r\n      //     }\r\n      // }\r\n\r\n      // &__action {\r\n      //     >a {\r\n      //         width: 140px;\r\n      //         // line-height: 1.1;\r\n      //         letter-spacing: 0.03em;\r\n      //         margin-left: 20px;\r\n      //     }\r\n      // }\r\n\r\n      &__back {\r\n          margin-bottom: 20px;\r\n          @extend .display-inline-block;\r\n      }\r\n\r\n      &__cats {\r\n          &__title {\r\n              @extend .border-0;\r\n              @extend .margin-0;\r\n\r\n              i {\r\n                  margin-left: 20px;\r\n              }\r\n          }\r\n\r\n          &__list {\r\n              a {\r\n                  width: 65px;\r\n                  height: 35px;\r\n                  line-height: 35px;\r\n                  @extend .display-inline-block;\r\n                  @extend .text-center;\r\n                  margin-bottom: 18px;\r\n                  @extend .font-size-15;\r\n                  @extend .font-sanpro-semibold;\r\n                  @extend .secondary-color-txt;\r\n                  border: 1px solid transparent;\r\n                  border-radius: 4px;\r\n\r\n                  &.item {\r\n\r\n                      &:not(:nth-child(4n)) {\r\n                          margin-right: 10px;\r\n                      }\r\n                  }\r\n\r\n                  &:hover, &.curr {\r\n                      border-color: $primary_color;\r\n                  }\r\n\r\n                  &:hover, &.curr, &.success, &.error {\r\n                    @extend .primary-color;\r\n                  }\r\n\r\n                  &.success {\r\n                      @extend .secondary-bg-color;\r\n                      border-color: $secondary_color;\r\n                  }\r\n\r\n                  &.error {\r\n                      @extend .four-bg-color;\r\n                      border-color: $four_color;\r\n                  }\r\n              }\r\n          }\r\n      }\r\n\r\n      &__list {\r\n          margin-bottom: 35px;\r\n      }\r\n\r\n      &__guide {\r\n          h2 {\r\n              margin-bottom: 13px;\r\n          }\r\n\r\n          p {\r\n              @extend .primary-color-txt;\r\n          }\r\n      }\r\n\r\n      @media screen and ( min-width: 576px ) and ( max-width: 1199px ) {\r\n          &__cats {\r\n              width: 365px;\r\n          }\r\n      }\r\n\r\n      @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n          &__cats {\r\n              padding: 25px 0;\r\n          }\r\n      }\r\n\r\n      @media screen and ( max-width: 991px ) {\r\n          &__body {\r\n              padding: 0!important;\r\n          }\r\n          &__sidebar {\r\n              &__icons {\r\n                  background: transparent;\r\n              }\r\n\r\n              &.active {\r\n                  webkit-transform: translate(0, 0px);\r\n                  transform: translate(0, 0px);                    \r\n              }\r\n          }\r\n      }\r\n\r\n      @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n          &__questions {\r\n            max-width: 85%;\r\n          }\r\n          &__cats {\r\n              // padding: 25px 15px;\r\n              padding: 25px 0;\r\n          }\r\n          &__sidebar {\r\n              webkit-transform: translate(75vw, 0px);\r\n              transform: translate(75vw, 0px);\r\n          }\r\n      }\r\n      @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n      }\r\n\r\n      @media screen and ( max-width: 991px ) {\r\n          &__questions {\r\n              padding: 25px 15px;\r\n          }\r\n          &__feedback {\r\n              margin-bottom: 25px;\r\n          }\r\n      }\r\n\r\n      @media screen and ( max-width: 575px ) {\r\n          &__cats {\r\n              width: 300px;\r\n              // padding: 20px 10px;\r\n              padding: 20px 0;\r\n              -webkit-transform: translate(-300px, 0px);\r\n              transform: translate(-300px, 0px);\r\n\r\n              &__list {\r\n                  a {\r\n                      width: 55px;\r\n                      height: 30px;\r\n                      line-height: 30px;\r\n                      margin-bottom: 15px;\r\n\r\n                      &:not(:nth-child(4n+4)) {\r\n                          margin-right: 15px;\r\n                      }\r\n                  }\r\n              }\r\n          }\r\n\r\n          // &__action >a {\r\n          //   width: 105px;\r\n          // }\r\n\r\n          // &__direct > *:not(:first-child), &__action >a {\r\n          //     margin-left: 15px;\r\n          // }\r\n\r\n          &__sidebar {\r\n            webkit-transform: translate(80vw, 0px);\r\n            transform: translate(80vw, 0px);\r\n          }\r\n      }\r\n  }\r\n  .book-viewer__footer {\r\n    padding-top: 20px;\r\n      @media screen and ( max-width: 991px ) {\r\n        height: auto;\r\n        padding-top: 0px;\r\n        // background: unset;\r\n        .row:nth-child(2) {\r\n          padding-top: 10px;\r\n          padding-bottom: 10px;\r\n        }\r\n      }\r\n    \r\n  }\r\n  // .book-viewer__footer__center {\r\n  //   max-width: 70%;\r\n\r\n  //   @media screen and ( max-width: 575px ) {\r\n  //     max-width: 52%;\r\n  //   }\r\n  // }\r\n  @media screen and (max-width: 575px){\r\n    .icon--mb{\r\n      display: block;\r\n    }\r\n    .show-sidebar{\r\n      transition: all .5s ease-in-out;\r\n      -webkit-transition: all .5s ease-in-out;\r\n    }\r\n    .open-mobile {\r\n      -webkit-transform: translate(75vw, 0px);\r\n      -ms-transform: translate(75vw, 0px);\r\n      transform: translate(75vw, 0px);\r\n      @media screen and ( max-width: 575px) {\r\n          -webkit-transform: translate(80vw, 0px);\r\n          -ms-transform: translate(80vw, 0px);\r\n          transform: translate(80vw, 0px);\r\n      }\r\n    }\r\n  }\r\n</style>\r\n<style lang=\"scss\">\r\n  .exercise-detail {\r\n    .book-viewer__footer {\r\n\r\n      &__center {\r\n        // max-width: 610px;\r\n      }\r\n\r\n      .book-viewer__zoom__mobile__icon {\r\n        display: none;\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!./Viewer.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!./Viewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Viewer.vue?vue&type=template&id=67627556&scoped=true&\"\nimport script from \"./Viewer.vue?vue&type=script&lang=js&\"\nexport * from \"./Viewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Viewer.vue?vue&type=style&index=0&id=67627556&lang=scss&scoped=true&\"\nimport style1 from \"./Viewer.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  \"67627556\",\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!./Viewer.vue?vue&type=style&index=1&lang=scss&\"","function debounce(fn, delay) {\r\n    var timeoutID = null\r\n    return function() {\r\n        clearTimeout(timeoutID)\r\n        var args = arguments\r\n        var that = this\r\n        timeoutID = setTimeout(function() {\r\n            fn.apply(that, args)\r\n        }, delay)\r\n    }\r\n}\r\n\r\ndirective.debounce = debounce\r\n\r\nfunction directive(el, binding) {\r\n    if (binding.value !== binding.oldValue) {\r\n        el.oninput = directive.debounce(function(evt) {\r\n            el.dispatchEvent(new Event('change'))\r\n        }, parseInt(binding.value) || 500)\r\n    }\r\n}\r\n\r\nmodule.exports = directive","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!./Viewer.vue?vue&type=style&index=0&id=67627556&lang=scss&scoped=true&\"","var t=function(t,o,e){if(!o.hasOwnProperty(e)){var r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r)}};export default{props:{template:String,parent:Object,templateProps:{type:Object,default:function(){return{}}}},render:function(o){if(this.template){var e=this.parent||this.$parent,r=e.$data;void 0===r&&(r={});var n=e.$props;void 0===n&&(n={});var a=e.$options;void 0===a&&(a={});var p=a.components;void 0===p&&(p={});var c=a.computed;void 0===c&&(c={});var i=a.methods;void 0===i&&(i={});var s=this.$data;void 0===s&&(s={});var d=this.$props;void 0===d&&(d={});var v=this.$options;void 0===v&&(v={});var f=v.methods;void 0===f&&(f={});var m=v.computed;void 0===m&&(m={});var u=v.components;void 0===u&&(u={});var h={$data:{},$props:{},$options:{},components:{},computed:{},methods:{}};Object.keys(r).forEach(function(t){void 0===s[t]&&(h.$data[t]=r[t])}),Object.keys(n).forEach(function(t){void 0===d[t]&&(h.$props[t]=n[t])}),Object.keys(i).forEach(function(t){void 0===f[t]&&(h.methods[t]=i[t])}),Object.keys(c).forEach(function(t){void 0===m[t]&&(h.computed[t]=c[t])}),Object.keys(p).forEach(function(t){void 0===u[t]&&(h.components[t]=p[t])});var O=Object.keys(h.methods||{}),$=Object.keys(h.$data||{}),b=Object.keys(h.$props||{}),j=Object.keys(this.templateProps),y=$.concat(b).concat(O).concat(j),k=(E=e,P={},O.forEach(function(o){return t(E,P,o)}),P),l=function(o){var e={};return o.forEach(function(o){o&&Object.getOwnPropertyNames(o).forEach(function(r){return t(o,e,r)})}),e}([h.$data,h.$props,k,this.templateProps]);return o({template:this.template||\"<div></div>\",props:y,computed:h.computed,components:h.components,provide:this.$parent._provided},{props:l})}var E,P}};\n//# sourceMappingURL=v-runtime-template.es.js.map\n","import HttpService from \"@/utils/httpData\"\r\n// import { APP_CONFIG } from '@/utils/constants'\r\nexport const uploadImg = (fileData) => {\r\n    // let self = this;\r\n    let apiEndpoint = 'Training/UploadAvata';\r\n    let file = fileData.target.files ? fileData.target.files[0] : null;\r\n    if (file) {\r\n        return HttpService.uploadFile(apiEndpoint, { images: file }).then(res => {\r\n            return res.data && res.data ? res.data : null;\r\n\r\n        }).catch(e => { return false });\r\n    }\r\n\r\n    return false;\r\n}\r\nexport const classList = (params = {}) => {\r\n    let apiEndpoint = `Book/BookFillter`;\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\r\nexport const listExercise = params => {\r\n    let apiEndpoint = `practice/get-list`;\r\n    return HttpService.get(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getCategoriesByBook = id => {\r\n    let apiEndpoint = `practice/get-book-index?bookId=${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\nexport const getLuggageNumber = (params = {}) => {\r\n    let apiEndpoint = `practice/get-practice-group-index`;\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 getListPracticeTypeBook = (params = {}) => {\r\n    let apiEndpoint = `practice/get-list-practice-type-book`;\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 practiceReportError = (params = { params }) => {\r\n    let apiEndpoint = `practice/ReportError`;\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\r\nexport const getPracticeType = id => {\r\n    let apiEndpoint = `practice/get-practice-type?classId=${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 getQuestionsByCat = (bookId, bookIndexId) => {\r\n    let apiEndpoint = `practice/get-by-index?bookId=${bookId}&bookIndexId=${bookIndexId}`;\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 getQuestionsSidebar = (bookIndexId, practiceGroupIndexId = 0) => {\r\n    let apiEndpoint = `practice/get-question-index?practiceGroupIndexId=${practiceGroupIndexId}&bookIndexId=${bookIndexId}`;\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\nexport const getQuestionDetail = id => {\r\n    let apiEndpoint = `practice/get-question?questionId=${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 getInfoBookBasic = id => {\r\n    let apiEndpoint = `practice/GetBook?bookId=${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 getInfoBookCatsForQuestions = id => {\r\n    let apiEndpoint = `practice/GetBookIndexById?bookIndexId=${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 saveUserWorkQuestion = (payload, totalTimeExam = 0) => {\r\n    let apiEndpoint = `Answer/CreatePra`;\r\n    return HttpService.post(apiEndpoint, { question: [payload], totalTimeExam }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\n// Delete by bookIndexId\r\nexport const resetUserWorkQuestionByBookIndexId = id => {\r\n        let apiEndpoint = `Answer/DeletePra`;\r\n        return HttpService.post(apiEndpoint, { id }).then(res => {\r\n            return res.data ? res.data : null;\r\n        }).catch(e => { return false });\r\n    }\r\n    // Delete by QuestionId\r\nexport const resetResultWorkQuestion = id => {\r\n    let apiEndpoint = `Answer/DeletePraByQuestionId`;\r\n    return HttpService.post(apiEndpoint, { id }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\n// export const resetResultWorkQuestionByQuestion = id => {\r\n//     let apiEndpoint = `Answer/DeletePraByQuestionId`;\r\n//     return HttpService.post(apiEndpoint, { id }).then(res => {\r\n//         return res.data ? res.data : null;\r\n//     }).catch(e => { return false });\r\n// }\r\n\r\nexport const getExamList = payload => {\r\n    let apiEndpoint = `Exam/GetListExamOtherPractice`;\r\n    return HttpService.post(apiEndpoint, payload).then(res => {\r\n        return res.data && res.data.data && !res.errors ? res.data.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getCatOfExerciseOtherOrThematic = payload => {\r\n    let apiEndpoint = `Exam/GetListChapterOtherPractice`;\r\n    return HttpService.post(apiEndpoint, payload).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getQuestionListOfOtherOrThematic = (chapterId, examId = 0) => {\r\n    let apiEndpoint = `Question/GetListQuestionOtherPracticeById?chapterId=${chapterId}&examId=${examId}`;\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 getDetailOfOtherOrThematic = chapterId => {\r\n    let apiEndpoint = `exam/DetailChapter?chapterId=${chapterId}`;\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 getQuestionListInSidebarOfThematicOrOther = (chapterId, examId = 0) => {\r\n    let queryParams = chapterId !== 0 ? `chapterId=${chapterId}` : `examId=${examId}`\r\n    let apiEndpoint = `practice/GetQuestionIndexByChapterExam?${queryParams}`;\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 getExamDetail = id => {\r\n    let apiEndpoint = `exam/DetailExam?examId=${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 sendExamWorked = payload => {\r\n    let apiEndpoint = `Answer/CreateExerciseExamId`;\r\n    return HttpService.post(apiEndpoint, payload).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const saveQuestionExamWorked = payload => {\r\n    let apiEndpoint = `Answer/CreatePraExam`;\r\n    return HttpService.post(apiEndpoint, payload).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const resetResultCorrectQuestionExam = id => {\r\n    let apiEndpoint = `Answer/DeleteAnswerExamId`;\r\n    return HttpService.post(apiEndpoint, { id }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const resetResultCorrectQuestionOtherOrThematic = id => {\r\n    let apiEndpoint = `Answer/DeleteAnswerChapterId`;\r\n    return HttpService.post(apiEndpoint, { id }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getMediaInBookPage = params => {\r\n    let apiEndpoint = `Book/get-list-page-link?bookId=${params.bookId}&bookPageId=0&pageNo=${params.pageNo}`;\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 getEBooksDetail = id => {\r\n    let apiEndpoint = `book/${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 getMediaRelateInBookPage = (params = {}) => {\r\n    // let apiEndpoint = `Book/GetListPageLink`;\r\n    let apiEndpoint = `Book/get-list-page-other_link`;\r\n    // Book/get-list-page-other_link?bookId=475&BookPageId=626&pageIndex=1&pageSize=6\r\n    return HttpService.get(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(() => { return false });\r\n}\r\n\r\nexport const getCatInfoOfExercise = id => {\r\n    let apiEndpoint = `question/GetInformationPractice?bookIndexId=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data && !res.errors && res.data.data ? res.data.data : null;\r\n    }).catch(() => { return false });\r\n}\r\n\r\nexport const updateExamTimeWorked = (id, time) => {\r\n    let apiEndpoint = `exam/UpdateTimeExam?examId=${id}&totalTime=${time}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data && !res.errors && res.data.data ? res.data.data : null;\r\n    }).catch(() => { return false });\r\n}\r\n\r\nexport const getInfoThematicOrTherExercise = id => {\r\n    let apiEndpoint = `exam/DetailChapterByUserId?chapterId=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data && !res.errors && res.data.data ? res.data.data : null;\r\n    }).catch(() => { return false });\r\n}\r\n\r\nexport const getBooksLinkForExercise = id => {\r\n    let apiEndpoint = `book/book-by-chapter?chapterId=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data && !res.errors && res.data.data ? res.data.data : null;\r\n    }).catch(() => { return false });\r\n}"],"sourceRoot":""}