{"version":3,"sources":["webpack:///./src/modules/ebooks/_components/common/ItemBookActive.vue?0c13","webpack:///./src/modules/ebooks/_components/common/ItemBookActive.vue?34f8","webpack:///src/modules/ebooks/_components/common/ItemBookActive.vue","webpack:///./src/modules/ebooks/_components/common/ItemBookActive.vue?ace3","webpack:///./src/modules/ebooks/_components/common/ItemBookActive.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","dataSource","imageUrl","replaceLink","expression","attrs","_v","_s","manufactureYear","authInfo","email","emailPublic","staticStyle","on","$event","setToggleLoginForm","actived","handleDeactiveBook","handleActiveBook","_e","staticRenderFns","props","data","urlImg","img404","computed","mapState","created","watch","loginPopupData","newVal","methods","mapActions","val","book","link","width","height","component"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAC5NV,EAAIW,YAA0C,OAA5BX,EAAIW,WAAWC,SAC7BZ,EAAIa,YAAYb,EAAIW,WAAWC,UAC/B,GACJE,WAAW,+HAA+HR,YAAY,YAAYS,MAAM,CAAC,IAAMf,EAAIW,YAAcX,EAAIW,WAAWH,KAAOR,EAAIW,WAAWH,KAAO,QAAQJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,mEAAmE,CAACN,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAIW,YAAcX,EAAIW,WAAWH,KAAOR,EAAIW,WAAWH,KAAO,IAAI,cAAcJ,EAAG,OAAO,CAACE,YAAY,kDAAkD,CAACN,EAAIgB,GAAG,sBAAsBhB,EAAIiB,GAAGjB,EAAIW,YAAcX,EAAIW,WAAWO,gBAC/oBlB,EAAIW,WAAWO,gBACf,SAASd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEN,EAAImB,UAAYnB,EAAImB,SAASC,QAAUpB,EAAIqB,YAAajB,EAAG,IAAI,CAACE,YAAY,gFAAgFgB,YAAY,CAAC,QAAU,SAAS,cAAc,QAAQP,MAAM,CAAC,KAAO,gBAAgBQ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,oBAAmB,MAAS,CAACzB,EAAIgB,GAAG,eAAe,CAAEhB,EAAIW,YAAcX,EAAIW,WAAWe,QAAStB,EAAG,IAAI,CAACE,YAAY,iFAAiFS,MAAM,CAAC,KAAO,gBAAgBQ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAI2B,mBAAmB3B,EAAIW,eAAe,CAACX,EAAIgB,GAAG,yCAA0ChB,EAAc,WAAEI,EAAG,IAAI,CAACE,YAAY,gFAAgFgB,YAAY,CAAC,QAAU,SAAS,cAAc,QAAQP,MAAM,CAAC,KAAO,gBAAgBQ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAI4B,iBAAiB5B,EAAIW,eAAe,CAACX,EAAIgB,GAAG,qCAAqChB,EAAI6B,OAAO,QACjgCC,EAAkB,G,mvBC+DtB,gBAKe,GACftB,sBACAuB,OACApB,mBAEAqB,KALA,WAMA,OACAC,6BACAC,SACAf,YACAE,qBAGAc,cACAC,2CAEAC,QAhBA,WAiBA,gCAEAC,OACAC,eADA,SACAC,GACA,2BACA,mBAIAC,eACAC,+CADA,IAEAd,iBAFA,SAEAe,GACA,wBAEAhB,mBALA,SAKAiB,GACA,0BAGA,0BAEA/B,YAXA,SAWAgC,GACA,yBAAAC,UAAAC,iBCjHqY,I,wBCQjYC,EAAY,eACd,EACAjD,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"js/chunk-15461f44.6ff99b4f.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!./ItemBookActive.vue?vue&type=style&index=0&id=511f1a48&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item display-flex\"},[_c('div',{staticClass:\"item__img\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(\n        _vm.dataSource && _vm.dataSource.imageUrl !== null\n          ? _vm.replaceLink(_vm.dataSource.imageUrl)\n          : ''\n      ),expression:\"\\n        dataSource && dataSource.imageUrl !== null\\n          ? replaceLink(dataSource.imageUrl)\\n          : ''\\n      \"}],staticClass:\"inner-img\",attrs:{\"alt\":_vm.dataSource && _vm.dataSource.name ? _vm.dataSource.name : ''}})]),_c('div',{staticClass:\"item__body\"},[_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__title font-size-16 primary-color-txt font-sanpro-semibold\"},[_vm._v(\"\\n        \"+_vm._s(_vm.dataSource && _vm.dataSource.name ? _vm.dataSource.name : \"\")+\"\\n      \")]),_c('span',{staticClass:\"item__publish font-size-14 secondary-color-txt\"},[_vm._v(\"Xuất bản:\\n        \"+_vm._s(_vm.dataSource && _vm.dataSource.manufactureYear\n            ? _vm.dataSource.manufactureYear\n            : \"\"))])]),_c('div',{staticClass:\"item__action\"},[(_vm.authInfo && _vm.authInfo.email === _vm.emailPublic)?_c('a',{staticClass:\"btn btn-main-light text-center border-rd-20 font-size-15 font-sanpro-semibold\",staticStyle:{\"padding\":\"0 20px\",\"line-height\":\"30px\"},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setToggleLoginForm(true)}}},[_vm._v(\"Kích hoạt\")]):[(_vm.dataSource && _vm.dataSource.actived)?_c('a',{staticClass:\"btn btn-warning border-rd-20 font-size-15 font-sanpro-semibold line-height-1-2\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDeactiveBook(_vm.dataSource)}}},[_vm._v(\"\\n          Hủy kích hoạt\\n        \")]):(_vm.dataSource)?_c('a',{staticClass:\"btn btn-main-light text-center border-rd-20 font-size-15 font-sanpro-semibold\",staticStyle:{\"padding\":\"0 20px\",\"line-height\":\"30px\"},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleActiveBook(_vm.dataSource)}}},[_vm._v(\"\\n          Kích hoạt\\n        \")]):_vm._e()]],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"item display-flex\">\r\n    <div class=\"item__img\">\r\n      <!-- <img class=\"inner-img\" v-lazy=\"dataSource.imageUrl !== null ? replaceLink(dataSource.imageUrl) : ''\" :alt=\"dataSource.name\" /> -->\r\n      <img\r\n        class=\"inner-img\"\r\n        v-lazy=\"\r\n          dataSource && dataSource.imageUrl !== null\r\n            ? replaceLink(dataSource.imageUrl)\r\n            : ''\r\n        \"\r\n        :alt=\"dataSource && dataSource.name ? dataSource.name : ''\"\r\n      />\r\n    </div>\r\n    <div class=\"item__body\">\r\n      <div class=\"item__content\">\r\n        <h4\r\n          class=\"item__title font-size-16 primary-color-txt font-sanpro-semibold\"\r\n        >\r\n          {{ dataSource && dataSource.name ? dataSource.name : \"\" }}\r\n        </h4>\r\n        <span class=\"item__publish font-size-14 secondary-color-txt\"\r\n          >Xuất bản:\r\n          {{\r\n            dataSource && dataSource.manufactureYear\r\n              ? dataSource.manufactureYear\r\n              : \"\"\r\n          }}</span\r\n        >\r\n      </div>\r\n      <div class=\"item__action\">\r\n        <a\r\n          v-if=\"authInfo && authInfo.email === emailPublic\"\r\n          href=\"javascript:;\"\r\n          class=\"btn btn-main-light text-center border-rd-20 font-size-15 font-sanpro-semibold\"\r\n          style=\"padding: 0 20px; line-height: 30px\"\r\n          @click=\"setToggleLoginForm(true)\"\r\n          >Kích hoạt</a\r\n        >\r\n        <template v-else>\r\n          <!-- <button type=\"button\" class=\"btn btn-gray btn-pointer-evt-none css-atvd font-size-16 border-rd-20 secondary-color-txt font-sanpro-medium actived\" v-if=\"dataSource.actived\">\r\n            <img src=\"@/assets/images/active-2.png\" alt=\"Đã kích hoạt\"> \r\n            Đã kích hoạt\r\n          </button> -->\r\n          <a\r\n            v-if=\"dataSource && dataSource.actived\"\r\n            href=\"javascript:;\"\r\n            class=\"btn btn-warning border-rd-20 font-size-15 font-sanpro-semibold line-height-1-2\"\r\n            @click=\"handleDeactiveBook(dataSource)\"\r\n          >\r\n            Hủy kích hoạt\r\n          </a>\r\n          <a\r\n            v-else-if=\"dataSource\"\r\n            href=\"javascript:;\"\r\n            class=\"btn btn-main-light text-center border-rd-20 font-size-15 font-sanpro-semibold\"\r\n            style=\"padding: 0 20px; line-height: 30px\"\r\n            @click=\"handleActiveBook(dataSource)\"\r\n          >\r\n            Kích hoạt\r\n          </a>\r\n        </template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nconst img404 = require(`@/assets/images/img_404.jpg`);\r\nimport { getAuth } from \"@/utils/jwt\";\r\nimport { EMAIL_PUBLIC } from \"@/store/auth/constants\";\r\nimport { replaceImageResize } from \"@/helpers/functions\";\r\n\r\nexport default {\r\n  name: \"ItemBookActive\",\r\n  props: {\r\n    dataSource: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      urlImg: APP_CONFIG.urlQuestionImg,\r\n      img404,\r\n      authInfo: {},\r\n      emailPublic: EMAIL_PUBLIC,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"loginPopupData\"]),\r\n  },\r\n  created() {\r\n    this.authInfo = getAuth();\r\n  },\r\n  watch: {\r\n    loginPopupData(newVal) {\r\n      if (newVal && Object.keys(newVal).length) {\r\n        this.authInfo = newVal;\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions(\"auth\", [\"setToggleLoginForm\"]),\r\n    handleActiveBook(val) {\r\n      this.$emit(\"active\", val);\r\n    },\r\n    handleDeactiveBook(book) {\r\n      if (!book || !book.bookId || !book.esStampId) {\r\n        return;\r\n      }\r\n      this.$emit(\"deactive\", book);\r\n    },\r\n    replaceLink(link) {\r\n      return replaceImageResize(link, { width: 285, height: 404 });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.item {\r\n  margin-bottom: 25px;\r\n  &__img {\r\n    width: 85px;\r\n    margin-right: 15px;\r\n    min-height: 100px;\r\n    background: #f1f1f1;\r\n    @extend .border-rd-4;\r\n\r\n    img {\r\n      @extend .border-rd-4;\r\n    }\r\n  }\r\n\r\n  &__publish {\r\n    @extend .display-block;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  &__body {\r\n    width: calc(100% - 100px);\r\n    min-height: 120px;\r\n    @extend .display-flex;\r\n    @extend .justify-content-between;\r\n    flex-direction: column;\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!./ItemBookActive.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!./ItemBookActive.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemBookActive.vue?vue&type=template&id=511f1a48&scoped=true&\"\nimport script from \"./ItemBookActive.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemBookActive.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ItemBookActive.vue?vue&type=style&index=0&id=511f1a48&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  \"511f1a48\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}