{"version":3,"sources":["webpack:///./src/modules/libraries/_views/LibraryAllOfBook.vue?0b27","webpack:///./src/modules/libraries/_views/LibraryAllOfBook.vue?d476","webpack:///src/modules/libraries/_views/LibraryAllOfBook.vue","webpack:///./src/modules/libraries/_views/LibraryAllOfBook.vue?a640","webpack:///./src/modules/libraries/_views/LibraryAllOfBook.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","name","query","lop","bookInfo","classId","mon","nhom","tab","typeLoading","_s","className","subjectName","subjectId","_e","practiceTypeName","practiceTypeId","bookName","bookId","librariesData","length","documentTypeId","bookLessonPlanTypeId","_l","item","index","key","listBookPageLinks","listBookLessonPlans","lstActiveLearning","child","pos","class","tabPagelink","tabLesson","tabActiveLearning","staticRenderFns","components","SidebarAll","ItemLibrary","FilterForm","data","typePageLink","nameTypeLibCurr","tabIndexActive","observer","computed","mapState","routerQuery","libAllId","watch","loginPopupData","newVal","created","mounted","threshold","beforeDestroy","pageIndex","methods","mapActions","initParamsSearch","fetchBookInfo","self","getLibsData","getMediaListInLibs","res","finally","getLessonsPlan","getListActiveLearningAll","setLibsDataRender","onChangeTab","handleScrollEnd","activeLearningId","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,SAAS,CAACF,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,KAAK,CAACG,YAAY,gBAAgB,CAACH,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,cAAc,CAACN,EAAIQ,GAAG,eAAe,GAAGJ,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,CAACG,KAAM,UAAWC,MAAO,CAACC,IAAKX,EAAIY,SAASC,QAASC,IAAK,IAAKC,KAAM,IAAKC,IAAKhB,EAAIiB,gBAAgB,CAACjB,EAAIQ,GAAG,mBAAmBR,EAAIkB,GAAGlB,EAAIY,SAASO,WAAW,qBAAqB,GAAInB,EAAIY,SAASQ,aAAepB,EAAIY,SAASS,UAAWjB,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,CAACG,KAAM,UAAWC,MAAO,CAACC,IAAKX,EAAIY,SAASC,QAASC,IAAKd,EAAIY,SAASS,UAAWN,KAAM,IAAKC,IAAKhB,EAAIiB,gBAAgB,CAACjB,EAAIQ,GAAG,mBAAmBR,EAAIkB,GAAGlB,EAAIY,SAASQ,aAAa,qBAAqB,GAAGpB,EAAIsB,KAAMtB,EAAIY,SAASW,kBAAoBvB,EAAIY,SAASY,eAAgBpB,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,CAACG,KAAM,UAAWC,MAAO,CAACC,IAAKX,EAAIY,SAASC,QAASC,IAAKd,EAAIY,SAASS,UAAWN,KAAMf,EAAIY,SAASY,eAAgBR,IAAKhB,EAAIiB,gBAAgB,CAACjB,EAAIQ,GAAG,mBAAmBR,EAAIkB,GAAGlB,EAAIY,SAASW,kBAAkB,qBAAqB,GAAGvB,EAAIsB,KAAMtB,EAAIY,SAASa,WAAazB,EAAIY,SAASc,QAAU1B,EAAI0B,QAAStB,EAAG,KAAK,CAACA,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIkB,GAAGlB,EAAIY,SAASa,eAAezB,EAAIsB,WAAWlB,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,sDAAsD,CAACH,EAAG,aAAa,CAACE,MAAM,CAAC,SAAWN,EAAIY,YAAYR,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,oEAAoEH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAAEP,EAAI2B,eAAiB3B,EAAI2B,cAAcC,OAAS,IAAM5B,EAAI2B,cAAc,GAAGE,gBAAkB7B,EAAI2B,cAAc,GAAGG,sBAAuB1B,EAAG,SAASJ,EAAI+B,GAAI/B,EAAiB,eAAE,SAASgC,EAAKC,GAAO,OAAO7B,EAAG,QAAQ,CAAC8B,IAAID,EAAM3B,MAAM,CAAC,MAAQ0B,EAAKvB,KAAOuB,EAAKvB,KAAO,UAAU,CAACL,EAAG,MAAM,CAACG,YAAY,wBAA0ByB,EAAKG,mBAAqBH,EAAKG,kBAAkBP,OAAS,GAAOI,EAAKI,qBAAuBJ,EAAKI,oBAAoBR,OAAS,EAAIxB,EAAG,MAAM,CAACG,YAAY,OAAO,CAACP,EAAI+B,GAAIC,EAAKF,qBAAuBE,EAAKI,oBAAsBJ,EAAKG,kBAAoBH,EAAKG,kBAAoBH,EAAKK,mBAAmB,SAASC,EAAMC,GAAK,MAAO,CAAC,EAAQnC,EAAG,cAAc,CAACoC,MAAM,2BAA2BlC,MAAM,CAAC,WAAagC,EAAM,SAAWtC,EAAIyC,YAAczC,EAAIyC,YAAczC,EAAI0C,aAAa1C,EAAIsB,UAAS,GAAGlB,EAAG,IAAI,CAACG,YAAY,gDAAgD,CAACP,EAAIQ,GAAG,qCAAoC,GAAIR,EAAI2B,eAAiB3B,EAAI2B,cAAcC,OAAS,EAAGxB,EAAG,SAAS,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,UAAU,CAACF,EAAG,MAAM,CAACG,YAAY,wBAAyBP,EAAiB,cAAEI,EAAG,MAAM,CAACG,YAAY,OAAO,CAACP,EAAI+B,GAAI/B,EAAiB,eAAE,SAASsC,EAAMC,GAAK,MAAO,CAAED,GAASC,EAAM,GAAInC,EAAG,cAAc,CAACoC,MAAM,2BAA2BlC,MAAM,CAAC,WAAagC,EAAM,SAAWtC,EAAI2C,qBAAqB3C,EAAIsB,UAAS,GAAGlB,EAAG,IAAI,CAACG,YAAY,gDAAgD,CAACP,EAAIQ,GAAG,mCAAmC,GAAGR,EAAIsB,KAAKlB,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,kBAAkB,MAAM,YAC5qGsC,EAAkB,G,q+CCiFtB,OACAnC,wBACAoC,YACAC,sBAAA,wDACAC,uBAAA,wDACAC,sBAAA,yDAEAC,KAPA,WAQA,OACAtB,iBACAf,YACAsC,oBACAC,mBACAV,mBACAC,iBACAC,yBACAS,iBACAC,gBAGAC,kBACAC,qEACAA,2CAFA,IAGAC,YAHA,WAIA,0BAEAC,SANA,WAOA,8BAEAxC,YATA,WAUA,gCAEAS,OAZA,WAaA,gCAEAL,UAfA,WAgBA,uCAGAqC,OACA,iCAMAC,eAPA,SAOAC,GACAA,iDAGAC,QAlDA,WAmDA,yBAEAC,QArDA,WAsDA,uDACA,6DAAAC,cACA,wCAEAC,cA1DA,WA2DA,8DAAA3C,YAAAK,SAAAG,iBAAAoC,eACA,0CAEAC,iBACAC,yCACAA,iDAFA,IAIAC,iBAJA,WAMA,qBACA,8DAAA/C,yBAAAK,uBAGA2C,cAVA,WAWA,WACAC,qDACA,uBACAA,uBAKAC,YAnBA,WAoBA,WAEA,iCACAC,uDACAC,uEACAC,SAAA,sCACA,iCACAC,uDACAF,uEACAC,SAAA,sCAEAE,uDACA,oCACAN,gCAEAI,SAAA,uCAIAG,kBAvCA,SAuCA5B,GACA,kHAEA,qCACA,4JACA,4DAHA,sBAQA6B,YAjDA,SAiDA7C,GACA,uBAGA8C,gBArDA,WAsDA,sHACA,mEAIA,wCACA,6DACA,8DAAAlD,iBAAAoC,wBAAAnC,+BACA,wCACA,mEACA,8DAAAA,uBAAAmC,wBAAApC,yBACA,wCACA,+DACA,8DAAAmD,mBAAAf,wBAAApC,yBCnNwX,I,wBCQpXoD,EAAY,eACd,EACAlF,EACA6C,GACA,EACA,KACA,WACA,MAIa,aAAAqC,E","file":"js/chunk-b18f46ce.76efb871.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LibraryAllOfBook.vue?vue&type=style&index=0&id=8f2b2752&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"library\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/thu-vien\"}},[_vm._v(\"Thư viện\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.bookInfo.classId, mon: '0', nhom: '0', tab: _vm.typeLoading}}}},[_vm._v(\"\\n              \"+_vm._s(_vm.bookInfo.className)+\"\\n            \")])],1),(_vm.bookInfo.subjectName && _vm.bookInfo.subjectId)?_c('li',[_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.bookInfo.classId, mon: _vm.bookInfo.subjectId, nhom: '0', tab: _vm.typeLoading}}}},[_vm._v(\"\\n              \"+_vm._s(_vm.bookInfo.subjectName)+\"\\n            \")])],1):_vm._e(),(_vm.bookInfo.practiceTypeName && _vm.bookInfo.practiceTypeId)?_c('li',[_c('router-link',{attrs:{\"to\":{name: 'library', query: {lop: _vm.bookInfo.classId, mon: _vm.bookInfo.subjectId, nhom: _vm.bookInfo.practiceTypeId, tab: _vm.typeLoading}}}},[_vm._v(\"\\n              \"+_vm._s(_vm.bookInfo.practiceTypeName)+\"\\n            \")])],1):_vm._e(),(_vm.bookInfo.bookName && (_vm.bookInfo.bookId || _vm.bookId))?_c('li',[_c('span',[_vm._v(_vm._s(_vm.bookInfo.bookName))])]):_vm._e()])])]),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"library__wrap display-flex justify-content-between\"},[_c('SidebarAll',{attrs:{\"bookInfo\":_vm.bookInfo}}),_c('div',{staticClass:\"library__data\"},[_c('div',{staticClass:\"library__data__head display-flex-center justify-content-between\"}),_c('div',{staticClass:\"library__list\"},[(_vm.librariesData && _vm.librariesData.length > 0 && (_vm.librariesData[0].documentTypeId || _vm.librariesData[0].bookLessonPlanTypeId))?_c('b-tabs',_vm._l((_vm.librariesData),function(item,index){return _c('b-tab',{key:index,attrs:{\"title\":item.name ? item.name : 'Video'}},[_c('div',{staticClass:\"library__list__body\"}),((item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0))?_c('div',{staticClass:\"row\"},[_vm._l((item.bookLessonPlanTypeId ? item.listBookLessonPlans : item.listBookPageLinks ? item.listBookPageLinks : item.lstActiveLearning),function(child,pos){return [(child)?_c('ItemLibrary',{class:\"col-12 col-sm-6 col-md-4\",attrs:{\"dataSource\":child,\"isLesson\":_vm.tabPagelink ? _vm.tabPagelink : _vm.tabLesson}}):_vm._e()]})],2):_c('p',{staticClass:\"font-size-20 secondary-color-txt text-center\"},[_vm._v(\"Dữ liệu đang được cập nhật\")])])}),1):(_vm.librariesData && _vm.librariesData.length > 0)?_c('b-tabs',[_c('b-tab',{attrs:{\"title\":\"Video\"}},[_c('div',{staticClass:\"library__list__body\"}),(_vm.librariesData)?_c('div',{staticClass:\"row\"},[_vm._l((_vm.librariesData),function(child,pos){return [(child && pos < 24)?_c('ItemLibrary',{class:\"col-12 col-sm-6 col-md-4\",attrs:{\"dataSource\":child,\"isLesson\":_vm.tabActiveLearning}}):_vm._e()]})],2):_c('p',{staticClass:\"font-size-20 secondary-color-txt text-center\"},[_vm._v(\"Dữ liệu đang được cập nhật\")])])],1):_vm._e(),_c('div',{attrs:{\"id\":\"library_end\"}})],1)])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <transition name=\"fade\">\r\n    <div class=\"library\">\r\n      <div class=\"ss-breadcrumb\">\r\n        <div class=\"container-hts\">\r\n          <ul class=\"margin-0 p-0\">\r\n            <li><router-link to=\"/thu-vien\">Thư viện</router-link></li>\r\n            <li>\r\n              <router-link :to=\"{name: 'library', query: {lop: bookInfo.classId, mon: '0', nhom: '0', tab: typeLoading}}\">\r\n                {{ bookInfo.className }}\r\n              </router-link>\r\n            </li>\r\n            <li v-if=\"bookInfo.subjectName && bookInfo.subjectId\">\r\n              <router-link :to=\"{name: 'library', query: {lop: bookInfo.classId, mon: bookInfo.subjectId, nhom: '0', tab: typeLoading}}\">\r\n                {{ bookInfo.subjectName }}\r\n              </router-link>\r\n            </li>\r\n            <li v-if=\"bookInfo.practiceTypeName && bookInfo.practiceTypeId\">\r\n              <router-link :to=\"{name: 'library', query: {lop: bookInfo.classId, mon: bookInfo.subjectId, nhom: bookInfo.practiceTypeId, tab: typeLoading}}\">\r\n                {{ bookInfo.practiceTypeName }}\r\n              </router-link>\r\n            </li>\r\n            <li v-if=\"bookInfo.bookName && (bookInfo.bookId || bookId)\">\r\n                <span>{{ bookInfo.bookName }}</span>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"ss-data\">\r\n        <div class=\"container-hts\">\r\n          <div class=\"library__wrap display-flex justify-content-between\">\r\n            <SidebarAll :bookInfo=\"bookInfo\" />\r\n            <div class=\"library__data\">\r\n              <div class=\"library__data__head display-flex-center justify-content-between\">\r\n              </div>\r\n              <div class=\"library__list\">\r\n                <!-- data detail - {{ librariesData }} -->\r\n                  <!-- <template v-for=\"(item, index) of librariesData\">\r\n                    <ItemLibrary v-if=\"item\" :dataSource=\"item\" :isLesson=\"item.bookLessonPlanTypeId ? true : false\" :class=\"`col-12 col-sm-4 col-md-3`\" />\r\n                  </template> -->\r\n                <b-tabs v-if=\"librariesData && librariesData.length > 0 && (librariesData[0].documentTypeId || librariesData[0].bookLessonPlanTypeId)\">\r\n                  <b-tab v-for=\"(item, index) of librariesData\" :key=\"index\" :title=\"item.name ? item.name : 'Video'\">\r\n                    <div class=\"library__list__body\"></div>\r\n                    <div class=\"row\" v-if=\"(item.listBookPageLinks && item.listBookPageLinks.length > 0) || (item.listBookLessonPlans && item.listBookLessonPlans.length > 0)\">\r\n                      <template v-for=\"(child, pos) of item.bookLessonPlanTypeId ? item.listBookLessonPlans : item.listBookPageLinks ? item.listBookPageLinks : item.lstActiveLearning\">\r\n                        <!-- <ItemLibrary v-if=\"child\" :dataSource=\"child\" :isLesson=\"item.bookLessonPlanTypeId ? true : false\" :class=\"`col-12 col-sm-6 col-md-4 col-lg-6 col-xl-4`\" /> -->\r\n                        <ItemLibrary v-if=\"child\" :dataSource=\"child\" :isLesson=\"tabPagelink ? tabPagelink : tabLesson\" :class=\"`col-12 col-sm-6 col-md-4`\" />\r\n                        \r\n                        <!-- <ItemLibrary v-if=\"child\" :dataSource=\"child\" :isLesson=\"tabPagelink\" :class=\"`col-12 col-sm-6 col-md-4`\" /> -->\r\n                        <!-- <ItemLibrary v-if=\"child\" :dataSource=\"child\" :isLesson=\"tabLesson\" :class=\"`col-12 col-sm-6 col-md-4`\" /> -->\r\n                      </template>\r\n                    </div>\r\n                    <p v-else class=\"font-size-20 secondary-color-txt text-center\">Dữ liệu đang được cập nhật</p>\r\n                  </b-tab>\r\n                </b-tabs>\r\n                <b-tabs v-else-if=\"librariesData && librariesData.length > 0\">\r\n                  <b-tab title='Video'>\r\n                      <div class=\"library__list__body\"></div>\r\n                      <div class=\"row\" v-if=\"librariesData\">\r\n                        <template v-for=\"(child, pos) of librariesData\">\r\n                          <ItemLibrary v-if=\"child && pos < 24\" :dataSource=\"child\" :isLesson=\"tabActiveLearning\" :class=\"`col-12 col-sm-6 col-md-4`\" />\r\n                        </template>\r\n                      </div>\r\n                      <p v-else class=\"font-size-20 secondary-color-txt text-center\">Dữ liệu đang được cập nhật</p>\r\n                  </b-tab>\r\n                </b-tabs>\r\n                <div id=\"library_end\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\n  import { mapState, mapActions } from 'vuex'\r\n  import { STORE_KEY, TYPE_PAGE_LINK_LOAD, TYPE_LESSON_LOAD, TAB_MEDIA_PAGE_LINK, TAB_LESSON, TAB_ACTIVE_LEARNING } from './../_store/constants'\r\n  import { getLessonsPlan, getMediaListInLibs, getListActiveLearningAll, getListActiveLearningHome } from './../_api/'\r\n  import { getInfoBookBasic } from '@/modules/exercises/_api'\r\n\r\n  export default {\r\n    name: 'LibraryAllOfBook',\r\n    components: {\r\n      SidebarAll: () => import('./../_components/list/SidebarAll.vue'),\r\n      ItemLibrary: () => import('./../_components/list/ItemLibrary.vue'),\r\n      FilterForm: () => import('./../_components/list/FilterForm.vue')\r\n    },\r\n    data () {\r\n      return {\r\n        librariesData: [],\r\n        bookInfo: {},\r\n        typePageLink: TYPE_PAGE_LINK_LOAD,\r\n        nameTypeLibCurr: '',\r\n        tabPagelink: TAB_MEDIA_PAGE_LINK,\r\n        tabLesson: TAB_LESSON,\r\n        tabActiveLearning: TAB_ACTIVE_LEARNING,\r\n        tabIndexActive: 0,\r\n        observer: null\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState(STORE_KEY, ['paramSearchLessons', 'bookIdActiveSuccess']),\r\n      ...mapState('auth', ['loginPopupData']),\r\n      routerQuery() {\r\n\t\t\t\treturn this.$route.query;\r\n\t\t\t},\r\n      libAllId() {\r\n        return this.$route.params.id;\r\n      },\r\n      typeLoading() {\r\n        return this.$route.params.type;\r\n      },\r\n      bookId() {\r\n       return this.$route.params.book;\r\n      },\r\n      subjectId() {\r\n        return this.$route.params.subjectId;\r\n      }\r\n    },\r\n    watch: {\r\n      'paramSearchLessons': 'getLibsData',\r\n      // bookIdActiveSuccess(newVal) {\r\n      //  if(newVal && newVal === this.bookId) {\r\n      //    this.fetchBookInfo();\r\n      //  }\r\n      // },\r\n      loginPopupData(newVal) {\r\n        newVal && Object.keys(newVal).length && this.fetchBookInfo();\r\n      }\r\n    },\r\n    created() {\r\n      this.initParamsSearch();\r\n    },\r\n    mounted() {\r\n      this.elmEndItem = document.getElementById('library_end')\r\n      this.observer = new IntersectionObserver(this.handleScrollEnd, {threshold: 1})\r\n      this.observer.observe(this.elmEndItem)\r\n    },\r\n    beforeDestroy () {\r\n      this.setParamSearchLesson({...this.paramSearchLessons, subjectId: 0, bookId: 0, documentTypeId: 0, pageIndex: 1});\r\n      this.observer.unobserve(this.elmEndItem);\r\n    },\r\n    methods: {\r\n      ...mapActions('common', ['setLoading']),\r\n      ...mapActions(STORE_KEY, ['setParamSearchLesson']),\r\n\r\n      initParamsSearch() {\r\n        // this.setLoading(true)\r\n        this.fetchBookInfo();\r\n        this.setParamSearchLesson({...this.paramSearchLessons, subjectId: this.subjectId, bookId: this.bookId});\r\n      },\r\n\r\n      fetchBookInfo() {\r\n        let self = this;\r\n        self.bookId && getInfoBookBasic(self.bookId).then(res => {\r\n          if(res && res.data && !res.errors) {\r\n            self.bookInfo = res.data;\r\n          }\r\n        })\r\n      },\r\n\r\n      getLibsData() {\r\n        let self = this;\r\n        // self.setLoading(true)\r\n        if(parseInt(self.typeLoading) === TAB_MEDIA_PAGE_LINK) {\r\n          getMediaListInLibs(self.paramSearchLessons).then(res => {\r\n            res && res.data && res.data.list && !res.errors && self.setLibsDataRender(res.data.list)\r\n          }).finally(() => self.setLoading(false));\r\n        } else if (parseInt(self.typeLoading) === TAB_LESSON){\r\n          getLessonsPlan(self.paramSearchLessons).then(res => {\r\n            res && res.data && res.data.list && !res.errors && self.setLibsDataRender(res.data.list)\r\n          }).finally(() => self.setLoading(false));\r\n        } else {\r\n          getListActiveLearningAll(self.paramSearchLessons).then(res => {\r\n            if(res && res.data && res.data.list && !res.errors) {\r\n              self.librariesData = res.data.list\r\n            }\r\n          }).finally(() => self.setLoading(false));\r\n        }\r\n      },\r\n\r\n      setLibsDataRender (data) {\r\n        if (!this.paramSearchLessons.documentTypeId || this.paramSearchLessons.documentTypeId === 0 || this.librariesData.length === 0) {\r\n          this.librariesData = data\r\n        } else if (data.length > 0 && data[0].listBookPageLinks) {\r\n          this.librariesData[this.tabIndexActive].listBookPageLinks = [...this.librariesData[this.tabIndexActive].listBookPageLinks, ...data[0].listBookPageLinks]\r\n          this.librariesData[this.tabIndexActive].paging = data[0].paging\r\n          // console.log('Push data for tab', this.librariesData[this.tabIndexActive].listBookPageLinks)\r\n        }\r\n      },\r\n\r\n      onChangeTab (index) {\r\n        this.tabIndexActive = index\r\n      },\r\n\r\n      handleScrollEnd () {\r\n        let pagingActive = this.librariesData && this.librariesData[this.tabIndexActive] ? this.librariesData[this.tabIndexActive].paging : null;\r\n        if (!pagingActive || !pagingActive.totalPage || pagingActive.totalPage < 2 || (pagingActive && pagingActive.totalPage <= pagingActive.pageIndex)) {\r\n          return\r\n        }\r\n       \r\n        if(parseInt(this.typeLoading) === TAB_MEDIA_PAGE_LINK) {\r\n          const documentId = this.librariesData[this.tabIndexActive].documentTypeId\r\n          this.setParamSearchLesson({...this.paramSearchLessons, documentTypeId: documentId, pageIndex: pagingActive.pageIndex + 1, bookLessonPlanTypeId: 0})\r\n        } else if(parseInt(this.typeLoading) === TAB_LESSON){\r\n          const bookLessonPlanTypeId = this.librariesData[this.tabIndexActive].bookLessonPlanTypeId\r\n          this.setParamSearchLesson({...this.paramSearchLessons, bookLessonPlanTypeId, pageIndex: pagingActive.pageIndex + 1, documentTypeId: 0 })\r\n        } else if(parseInt(this.typeLoading) === TAB_ACTIVE_LEARNING){\r\n          const activeLearningId = this.librariesData[this.tabIndexActive].activeLearningId\r\n          this.setParamSearchLesson({...this.paramSearchLessons, activeLearningId, pageIndex: pagingActive.pageIndex + 1, documentTypeId: 0 })\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @import \"./../../../assets/scss/variables\";\r\n  @import \"./../../../assets/scss/mixins\";\r\n  @import \"./../../../assets/scss/general\";\r\n\r\n  .collapse-subject{\r\n    .subject-list{\r\n      padding-left: 18px;\r\n      margin-top: 6px;\r\n    }\r\n  }\r\n\r\n  .library {\r\n    &__search {\r\n      margin-bottom: 35px;\r\n    }\r\n\r\n    &__sidebar {\r\n      width: 27%;\r\n      margin-right: 5%;\r\n      padding-top: 8px;\r\n\r\n      ul {\r\n        li {\r\n          min-height: 36px;\r\n          padding: 5px 18px;\r\n          @extend .border-rd-8;\r\n          margin-bottom: 2px;\r\n          @extend .list-style-none;\r\n          @extend .display-flex-center;\r\n          .subject-cl{\r\n            @extend .primary-color-txt;\r\n          }\r\n          a {\r\n            @extend .secondary-color-txt;\r\n            @extend .font-size-16;\r\n          }\r\n\r\n          &.active, &:hover {\r\n            background: $btn_hover_color;\r\n\r\n            >a {\r\n              @extend .primary-color;\r\n              @extend .font-sanpro-semibold;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .form-active{\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n\r\n    &__data {\r\n      width: 63%;\r\n\r\n      &__head {\r\n        border-bottom: 1px solid $color_border_main;\r\n\r\n        .btn-collapse {\r\n          line-height: 1.3;\r\n          color: $primary_color;\r\n          letter-spacing: 0.03em;\r\n\r\n          i {\r\n            margin-left: 6px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__list {\r\n      padding-top: 20px;\r\n\r\n      &__body {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n\r\n    &__tabs {\r\n      &__content {\r\n        padding: 35px 0 20px;\r\n      }\r\n    }\r\n\r\n    @media screen and ( max-width: 991px ) {\r\n      &__wrap {\r\n        display: block;\r\n      }\r\n\r\n      &__sidebar, &__data {\r\n        width: 100%;\r\n      }\r\n      &__sidebar {\r\n        margin-bottom: 30px;\r\n      }\r\n    }\r\n  }\r\n  #collapse_filter {\r\n    border-bottom: 1px solid $color_border_main;\r\n  }\r\n</style>\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LibraryAllOfBook.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!./LibraryAllOfBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LibraryAllOfBook.vue?vue&type=template&id=8f2b2752&scoped=true&\"\nimport script from \"./LibraryAllOfBook.vue?vue&type=script&lang=js&\"\nexport * from \"./LibraryAllOfBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LibraryAllOfBook.vue?vue&type=style&index=0&id=8f2b2752&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  \"8f2b2752\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}