{"version":3,"sources":["webpack:///./src/modules/libraries/_components/list/ResultBookFilter.vue?dc46","webpack:///./src/modules/libraries/_components/list/ResultBookFilter.vue?50f3","webpack:///src/modules/libraries/_components/list/ResultBookFilter.vue","webpack:///./src/modules/libraries/_components/list/ResultBookFilter.vue?3ddf","webpack:///./src/modules/libraries/_components/list/ResultBookFilter.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","dataSource","length","_l","item","index","key","on","$event","handleDirectToLibByBook","attrs","imageUrl","urlImg","img404","name","_v","_s","total","countActive","_e","staticRenderFns","props","typeLoading","data","authInfo","computed","mapState","mapGetters","ebooks","watch","loginPopupData","newVal","created","destroyed","methods","mapActions","val","params","book","subjectId","classId","type","component"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAAEN,EAAIO,YAAcP,EAAIO,WAAWC,OAAS,EAAGJ,EAAG,MAAM,CAACE,YAAY,OAAON,EAAIS,GAAIT,EAAc,YAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAML,YAAY,mCAAmC,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,mFAAmFO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,wBAAwBL,MAAS,CAACN,EAAG,IAAI,CAACY,MAAM,CAAC,KAAO,iBAAiB,CAACZ,EAAG,MAAM,CAACY,MAAM,CAAC,IAAMN,EAAKO,SAAYjB,EAAIkB,OAAS,IAAOR,EAAa,SAAKV,EAAImB,OAAO,IAAMT,EAAKU,YAAYhB,EAAG,IAAI,CAACE,YAAY,+EAA+E,CAACF,EAAG,OAAO,CAACJ,EAAIqB,GAAGrB,EAAIsB,GAAGZ,EAAKa,MAAQb,EAAKa,MAAQb,EAAKc,aAAa,oBAAoBpB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,gDAAgDO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,wBAAwBL,MAAS,CAACV,EAAIqB,GAAG,mBAAmBrB,EAAIsB,GAAGZ,EAAKU,MAAM,6BAA4B,GAAGpB,EAAIyB,UACnvCC,EAAkB,G,6vBCkEtB,gBAKA,GACAN,wBACAO,OACApB,iBACAqB,oBAEAC,KANA,WAOA,OACAX,6BACAC,SACAW,cAGAC,kBACAC,8EACAA,2CACAC,gBACAC,yCAGAC,OACAC,eADA,SACAC,GACA,2BACA,gBACA,8BAIAC,QA5BA,WA6BA,gCAEAC,UA/BA,WAiCA,qCAEAC,iBACAC,+CACAA,uDAFA,IAIA1B,wBAJA,SAIA2B,GAQA,mBAAAtB,wBAAAuB,QAAAC,cAAAC,sBAAAC,kBAAAC,6BCvHuY,I,wBCQnYC,EAAY,eACd,EACAjD,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E","file":"js/chunk-ac16a4d2.da739240.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!./ResultBookFilter.vue?vue&type=style&index=0&id=055ab259&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-result\"},[_c('div',{staticClass:\"electronic-lecture__body filter-result__body\"},[(_vm.dataSource && _vm.dataSource.length > 0)?_c('div',{staticClass:\"row\"},_vm._l((_vm.dataSource),function(item,index){return _c('div',{key:index,staticClass:\"item col-sm-6 col-md-4 col-lg-3\"},[_c('div',{staticClass:\"item__wrap\"},[_c('div',{staticClass:\"item__head position-rel\"},[_c('div',{staticClass:\"item__img aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\",on:{\"click\":function($event){return _vm.handleDirectToLibByBook(item)}}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_c('img',{attrs:{\"src\":item.imageUrl ? (_vm.urlImg + \"/\" + (item.imageUrl)) : _vm.img404,\"alt\":item.name}})])]),_c('p',{staticClass:\"margin-0 text-center item__count font-size-14 color-light font-sanpro-light\"},[_c('span',[_vm._v(_vm._s(item.total ? item.total : item.countActive)+\" học liệu \")])])]),_c('div',{staticClass:\"item__content\"},[_c('h3',{staticClass:\"item__title font-size-16 font-sanpro-semibold\",on:{\"click\":function($event){return _vm.handleDirectToLibByBook(item)}}},[_vm._v(\"\\n              \"+_vm._s(item.name)+\"\\n            \")])])])])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"filter-result\">\r\n    <!-- <div class=\"electronic-lecture__head filter-result__head display-flex-center justify-content-between\">\r\n      <h2 class=\"primary-color-txt font-size-24 font-sanpro-semibold\">Học liệu theo mục lục</h2>\r\n    </div> -->\r\n    <!-- <div class=\"row\">\r\n      <div class=\"item col-sm-6 col-md-4 col-lg-3\" v-for=\"(item, index) of dataSource\" :key=\"index\">\r\n        <div class=\"item__wrap display-flex\">\r\n          <div class=\"item__img\">\r\n            <router-link :to=\"{name: 'LibraryAllOfBook', params: {book: item.bookId, subjectId: item.subjectId, classId: item.classId, type: typeLoading}}\">\r\n              <img :src=\"item.imageUrl ?  `${urlImg}/${item.imageUrl}` : img404\" :alt=\"item.name\">\r\n            </router-link>\r\n          </div>\r\n          <div class=\"item__content\">\r\n            <h3 class=\"item__title font-size-17 font-sanpro-semibold\">\r\n              <router-link class=\"primary-color-txt\" :to=\"{name: 'LibraryAllOfBook', params: {book: item.bookId, subjectId: item.subjectId, classId: item.classId, type: typeLoading}}\">\r\n                {{ item.name }}</a>\r\n              </router-link>\r\n            </h3>\r\n            <p class=\"margin-0 text-right item__count font-size-12 secondary-color-txt\">\r\n              <span>{{ item.total ? item.total : 0 }} học liệu</span>\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n    <div class=\"electronic-lecture__body filter-result__body\">\r\n      <!-- hahah data 123 - {{ dataSource }} -->\r\n      <div class=\"row\" v-if=\"dataSource && dataSource.length > 0\">\r\n        <div\r\n          class=\"item col-sm-6 col-md-4 col-lg-3\"\r\n          v-for=\"(item, index) of dataSource\"\r\n          :key=\"index\"\r\n        >\r\n          <!-- :class=\"{'item--lock': !item.isActived}\" -->\r\n          <div class=\"item__wrap\">\r\n            <div class=\"item__head position-rel\">\r\n              <div class=\"item__img aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\" @click=\"handleDirectToLibByBook(item)\">\r\n                <a href=\"javascript:;\">\r\n                  <img :src=\"item.imageUrl ? `${urlImg}/${item.imageUrl}` : img404\" :alt=\"item.name\">\r\n                </a>\r\n              </div>\r\n              <p class=\"margin-0 text-center item__count font-size-14 color-light font-sanpro-light\">\r\n                <span>{{ item.total ? item.total : item.countActive }} học liệu </span>\r\n              </p>\r\n              <!-- <div v-if=\"!item.isActived\" class=\"item__head__hover\">\r\n                <span class=\"icon-nhom-hoc-lieu font-size-24\"><span class=\"path1\"></span><span class=\"path2\"></span><span class=\"path3\"></span><span class=\"path4\"></span></span>\r\n              </div> -->\r\n            </div>\r\n            <div class=\"item__content\">\r\n              <h3 class=\"item__title font-size-16 font-sanpro-semibold\" @click=\"handleDirectToLibByBook(item)\">\r\n                {{ item.name }}\r\n              </h3>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { mapState, mapActions, mapGetters } from 'vuex'\r\n  import { STORE_KEY } from './../../_store/constants'\r\n  import { STORE_KEY_EBOOK } from '../../../ebooks/_store/constants'\r\n\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n  import { getAuth } from '@/utils/jwt'\r\n  import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n  import { ID_MODAL_ACTIVE_BOOK } from './../../_store/constants'\r\n\r\n  export default {\r\n    name: 'ResultBookFilter',\r\n    props: {\r\n      dataSource: Array,\r\n      typeLoading: Number\r\n    },\r\n    data () {\r\n      return {\r\n        urlImg: APP_CONFIG.urlQuestionImg,\r\n        img404,\r\n        authInfo: {}\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState(STORE_KEY, ['resultBookPageLinkFilter', 'resultBookLessonFilter']),\r\n      ...mapState('auth', ['loginPopupData']),\r\n      ...mapGetters({\r\n        ebooks: STORE_KEY_EBOOK + '/ebooks'\r\n      })\r\n    },\r\n    watch: {\r\n      loginPopupData(newVal) {\r\n        if(newVal && Object.keys(newVal).length) {\r\n          this.authInfo = newVal;\r\n          this.$bvModal.show(ID_MODAL_ACTIVE_BOOK);\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.authInfo = getAuth();\r\n    },\r\n    destroyed () {\r\n      // this.dataSource = []\r\n      this.actionSetValueListAtvLearn([])\r\n    },\r\n    methods: {\r\n      ...mapActions('auth', ['setToggleLoginForm']),\r\n      ...mapActions(STORE_KEY, ['actionSetValueListAtvLearn']),\r\n\r\n      handleDirectToLibByBook (val) {\r\n        // if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC && !val.isActived) {\r\n        //     this.setToggleLoginForm(true);\r\n        // } else if(this.authInfo && this.authInfo.email !== EMAIL_PUBLIC && !val.isActived) {\r\n        //     this.$bvModal.show(ID_MODAL_ACTIVE_BOOK);\r\n        // } else {\r\n          // console.log('ebooks', this.ebooks);\r\n          // console.log('vlalvlavlalva', val);\r\n          this.$router.push({name: 'LibraryAllOfBook', params: {book: val.bookId, subjectId: val.subjectId, classId: val.classId, type: this.typeLoading}});\r\n        // }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .filter-result {\r\n    &__body {\r\n\r\n      .item {\r\n        margin-bottom: 25px;\r\n\r\n        &__img {\r\n          margin-bottom: 0;\r\n        }\r\n\r\n        &__head {\r\n          border-radius: 4px;\r\n          overflow: hidden;\r\n\r\n          &__hover {\r\n            position: absolute;\r\n            top: 0;\r\n            bottom: 7px;\r\n            left: 0;\r\n            right: 0;\r\n            background: rgba(0,0,0,.3);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            @extend .effect-transition-fast;\r\n            // @extend .effect-hide-hover;\r\n            pointer-events: none;\r\n            @extend .border-rd-4;\r\n          }\r\n        }\r\n\r\n        &__count {\r\n          position: absolute;\r\n          // bottom: 7px;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          background: rgba(0,0,0,.3);\r\n          border-radius: 0 0 4px 4px;\r\n          z-index: 1;\r\n        }\r\n\r\n        &__content {\r\n          padding: 8px 0;\r\n        }\r\n\r\n        &:hover {\r\n          .item {\r\n            &__title {\r\n              @extend .primary-color;\r\n            }\r\n            // &__head__hover {\r\n            //   @extend .effect-show-hover;\r\n            // }\r\n\r\n            // &__count {\r\n            //   @extend .bg-transparent;\r\n            // }\r\n          }\r\n        }\r\n\r\n        &--lock {\r\n          .item {\r\n            &__count {\r\n              @extend .bg-transparent;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // .filter-result {\r\n  //   margin-top: 20px;\r\n\r\n  //   .item {\r\n  //     margin-bottom: 15px;\r\n\r\n  //     &__wrap {\r\n  //       @extend .color_bg_gray_light;\r\n  //       @extend .border-rd-4;\r\n  //     }\r\n\r\n  //     &__img {\r\n  //       max-width: 80px;\r\n\r\n  //       img {\r\n  //         @extend .border-rd-4;\r\n  //       }\r\n  //     }\r\n\r\n  //     &__content {\r\n  //       padding: 8px 10px;\r\n  //       width: calc(100% - 80px);\r\n  //       @extend .display-flex;\r\n  //       flex-direction: column;\r\n  //       @extend .justify-content-between;\r\n  //     }\r\n\r\n  //     &:hover {\r\n  //       .item__img {\r\n  //         opacity: .7;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n  .electronic-lecture {\r\n    &__head {\r\n      padding-bottom: 7px;\r\n      border-bottom: 1px solid #d0d5d8;\r\n      margin: 32px 0 24px 0;\r\n    }\r\n    &__body {\r\n      .text-width {\r\n        overflow: hidden;\r\n      }\r\n      .item-lecture {\r\n        &:hover {\r\n          opacity: 0.8;\r\n        }\r\n      }\r\n      .title-lecture {\r\n        padding-left: 15px;\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!./ResultBookFilter.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!./ResultBookFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResultBookFilter.vue?vue&type=template&id=055ab259&scoped=true&\"\nimport script from \"./ResultBookFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./ResultBookFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResultBookFilter.vue?vue&type=style&index=0&id=055ab259&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  \"055ab259\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}