{"version":3,"sources":["webpack:///./src/modules/libraries/_components/list/ItemLibrary.vue?c17a","webpack:///./src/modules/libraries/_components/list/ItemLibrary.vue?6bbb","webpack:///src/modules/libraries/_components/list/ItemLibrary.vue","webpack:///./src/modules/libraries/_components/list/ItemLibrary.vue?8e43","webpack:///./src/modules/libraries/_components/list/ItemLibrary.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","dataSource","isShowFree","isActived","linkUrl","checkAudio","attrs","on","$event","directDetailPage","isLesson","isPlay","imageUrl","handleResizeImg","img404","title","checkVideo","posterLink","checkGifImage","isFullLink","appUrl","checkImage","checkYoutube","position","_e","authInfo","isContainsEmailUnlimited","email","emailNxb3","_v","_s","bookName","bookGroupName","countView","staticRenderFns","name","mixins","components","PreviewImage","PreviewYoutube","PreviewAudio","IconMedia","props","data","urlImg","audioPause","emailUnlimited","computed","mapState","watch","loginPopupData","newVal","created","methods","mapActions","val","type","console","routeData","params","id","query","mon","nhom","loai","window","setTypeIcon","link","width","height","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAC,eAAgBP,EAAIQ,WAAWC,YAA4C,IAA9BT,EAAIQ,WAAWC,cAAsBT,EAAIQ,WAAWE,YAAY,CAACN,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,IAAI,CAACE,YAAY,oFAAoFC,MAAM,CAAC,eAAgBP,EAAIQ,WAAWG,SAAWX,EAAIY,WAAWZ,EAAIQ,WAAWG,UAAUE,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAQf,EAAIgB,iBAAiBhB,EAAIQ,WAAYR,EAAIiB,YAAUjB,EAAIkB,QAAUlB,EAAIQ,WAAWG,SAAWX,EAAIY,WAAWZ,EAAIQ,WAAWG,WAAyB,MAAS,CAAEX,EAAIQ,WAAmB,SAAEJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAMb,EAAIQ,WAAWW,SAAWnB,EAAIoB,gBAAgBpB,EAAIQ,WAAWW,UAAYnB,EAAIqB,OAAO,IAAMrB,EAAIQ,WAAWc,WAAYtB,EAAIQ,WAAWG,SAAWX,EAAIuB,WAAWvB,EAAIQ,WAAWG,SAAU,CAACP,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACS,MAAM,CAAC,IAAMb,EAAIQ,WAAWgB,WAAaxB,EAAIoB,gBAAgBpB,EAAIQ,WAAWgB,YAAcxB,EAAIqB,OAAO,IAAMrB,EAAIQ,WAAWc,YAAatB,EAAIQ,WAAWG,SAAWX,EAAIyB,cAAczB,EAAIQ,WAAWG,SAAUP,EAAG,eAAe,CAACS,MAAM,CAAC,SAAWb,EAAI0B,WAAW1B,EAAIQ,WAAWG,SAAWX,EAAIQ,WAAWG,QAAW,GAAKX,EAAI2B,OAAU3B,EAAIQ,WAAkB,WAAOR,EAAIQ,WAAWG,SAAWX,EAAI4B,WAAW5B,EAAIQ,WAAWG,SAAUP,EAAG,eAAe,CAACS,MAAM,CAAC,SAAWb,EAAI0B,WAAW1B,EAAIQ,WAAWG,SAAWX,EAAIQ,WAAWG,QAAUX,EAAIoB,gBAAgBpB,EAAIQ,WAAWG,YAAaX,EAAIQ,WAAWG,SAAWX,EAAI6B,aAAa7B,EAAIQ,WAAWG,SAAUP,EAAG,iBAAiB,CAACS,MAAM,CAAC,SAAWb,EAAIQ,WAAWG,WAAYX,EAAIQ,WAAWG,SAAWX,EAAIY,WAAWZ,EAAIQ,WAAWG,SAAUP,EAAG,MAAM,CAACE,YAAY,kCAAkCC,MAAM,CAAC,YAAaP,EAAIkB,SAAS,CAACd,EAAG,QAAQ,CAACE,YAAY,aAAaO,MAAM,CAAC,GAAM,SAAWb,EAAI8B,SAAU,IAAM9B,EAAI0B,WAAW1B,EAAIQ,WAAWG,SAAWX,EAAIQ,WAAWG,QAAW,GAAKX,EAAI2B,OAAU3B,EAAIQ,WAAkB,QAAG,SAAW,GAAG,aAAe,kBAAkBR,EAAI+B,KAAuB,IAAjB/B,EAAIiB,SAAgBb,EAAG,YAAY,CAACE,YAAY,aAAaC,MAAM,CAAC,YAAaP,EAAIkB,UAAalB,EAAIQ,WAAWC,YAA4C,IAA9BT,EAAIQ,WAAWC,cAAsBT,EAAIQ,WAAWE,WAAYG,MAAM,CAAC,WAAab,EAAIQ,WAAW,SAAWR,EAAI8B,SAAS,OAAS9B,EAAIkB,UAAUlB,EAAI+B,MAAM,GAAG3B,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,mEAAmE,CAACF,EAAG,IAAI,CAACE,YAAY,oBAAoBO,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,iBAAiBhB,EAAIQ,WAAYR,EAAIiB,aAAa,CAAIjB,EAAIQ,WAAWC,YAA4C,IAA9BT,EAAIQ,WAAWC,YAAsBT,EAAIQ,WAAWE,YAAcT,KAAK+B,UAAchC,EAAIiC,yBAAyBhC,KAAK+B,SAASE,QAAUjC,KAAK+B,SAASE,OAASlC,EAAImC,UAAmEnC,EAAI+B,KAA1D3B,EAAG,IAAI,CAACE,YAAY,kCAA2CN,EAAIoC,GAAG,IAAIpC,EAAIqC,GAAGrC,EAAIQ,WAAWc,OAAO,kBAAkBlB,EAAG,IAAI,CAACE,YAAY,6EAA6E,CAACN,EAAIoC,GAAG,aAAapC,EAAIqC,GAAGrC,EAAIQ,WAAW8B,SAAatC,EAAIQ,WAAmB,SAAI,MAAS,IAAI,IAAIR,EAAIqC,GAAGrC,EAAIQ,WAAW+B,cAAgBvC,EAAIQ,WAAW+B,cAAgB,IAAI,cAAcnC,EAAG,KAAK,CAACA,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,OAAO,CAACE,YAAY,0CAA0C,CAACN,EAAIoC,GAAGpC,EAAIqC,GAAGrC,EAAIQ,WAAWgC,UAAaxC,EAAIQ,WAAWgC,UAAY,KAAK,2BACh7GC,EAAkB,G,2zBCoFtB,gBAEA,GACAC,mBACAC,gBACAC,YACAC,oBACAC,sBAEAC,oBACAC,kBAEAC,OACAzC,kBACAS,gBACAC,eACAY,iBAEAoB,KAhBA,WAiBA,OACAC,gCACAxB,yBACAN,SACAW,YACAoB,cACAjB,iBACAkB,wBAGAC,gBACAC,2CACAA,wHAEAC,OACAC,eADA,SACAC,GACA,2BACA,mBAKAC,QAvCA,WAwCA,gCAEAC,iBACAC,+CACAA,sDAFA,IAGA5B,yBAHA,SAGAC,GACA,qCACA,wBAEAlB,iBAPA,SAOA8C,EAAAC,GAAA,8DAIA,GAHAC,sCAGA,yFAEA,+HAIA,OACA,MACA,0BACA,iFACAC,wBAAAvB,2BAAAwB,QAAAC,uBAAAC,OAAAC,MAAAC,OAAAC,OAAAR,oCACA,qBACA,4EACAE,wBAAAvB,yBAAAwB,QAAAC,kBAAAC,OAAAC,MAAAC,OAAAC,OAAAR,oCACA,0BACA,4EACAE,wBAAAvB,6BAAAwB,QAAAC,uBAAAC,OAAAC,MAAAC,OAAAC,OAAAR,+BAEAS,mCAfA,sCAFA,6BAsBAC,YAlCA,SAkCAX,GACA,mDAEA,0BACA,KAEA,GAJA,MAQA1C,gBA5CA,SA4CAsD,GACA,yBAAAC,UAAAC,iBC9KkY,I,wBCQ9XC,EAAY,eACd,EACA9E,EACA0C,GACA,EACA,KACA,WACA,MAIa,aAAAoC,E","file":"js/chunk-17c7aa29.cd6d52f9.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!./ItemLibrary.vue?vue&type=style&index=0&id=5b647af2&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\",class:{'item--lock': (!_vm.dataSource.isShowFree || _vm.dataSource.isShowFree === 0) && !_vm.dataSource.isActived}},[_c('div',{staticClass:\"item__wrap\"},[_c('a',{staticClass:\"item__head aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\",class:{'aspect-audio': _vm.dataSource.linkUrl && _vm.checkAudio(_vm.dataSource.linkUrl)},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){_vm.directDetailPage(_vm.dataSource, _vm.isLesson, _vm.isPlay && _vm.dataSource.linkUrl && _vm.checkAudio(_vm.dataSource.linkUrl) ? true : false, true)}}},[(_vm.dataSource.imageUrl)?_c('div',{staticClass:\"img__wrap\"},[_c('img',{attrs:{\"src\":_vm.dataSource.imageUrl ? _vm.handleResizeImg(_vm.dataSource.imageUrl) : _vm.img404,\"alt\":_vm.dataSource.title}})]):(_vm.dataSource.linkUrl && _vm.checkVideo(_vm.dataSource.linkUrl))?[_c('div',{staticClass:\"img__wrap\"},[_c('img',{attrs:{\"src\":_vm.dataSource.posterLink ? _vm.handleResizeImg(_vm.dataSource.posterLink) : _vm.img404,\"alt\":_vm.dataSource.title}})])]:(_vm.dataSource.linkUrl && _vm.checkGifImage(_vm.dataSource.linkUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.isFullLink(_vm.dataSource.linkUrl) ? _vm.dataSource.linkUrl : (\"\" + _vm.appUrl + (_vm.dataSource.linkUrl))}}):(_vm.dataSource.linkUrl && _vm.checkImage(_vm.dataSource.linkUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.isFullLink(_vm.dataSource.linkUrl) ? _vm.dataSource.linkUrl : _vm.handleResizeImg(_vm.dataSource.linkUrl)}}):(_vm.dataSource.linkUrl && _vm.checkYoutube(_vm.dataSource.linkUrl))?_c('PreviewYoutube',{attrs:{\"pathView\":_vm.dataSource.linkUrl}}):(_vm.dataSource.linkUrl && _vm.checkAudio(_vm.dataSource.linkUrl))?_c('div',{staticClass:\"img-wrap text-center full-width\",class:{'evt-none': !_vm.isPlay}},[_c('audio',{staticClass:\"full-width\",attrs:{\"id\":(\"audio_\" + _vm.position),\"src\":_vm.isFullLink(_vm.dataSource.linkUrl) ? _vm.dataSource.linkUrl : (\"\" + _vm.appUrl + (_vm.dataSource.linkUrl)),\"controls\":\"\",\"controlsList\":\"nodownload\"}})]):_vm._e(),(_vm.isLesson !== 2)?_c('IconMedia',{staticClass:\"item__icon\",class:{'evt-none': !_vm.isPlay || ((!_vm.dataSource.isShowFree || _vm.dataSource.isShowFree === 0) && !_vm.dataSource.isActived)},attrs:{\"dataSource\":_vm.dataSource,\"position\":_vm.position,\"isPlay\":_vm.isPlay}}):_vm._e()],2),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__title font-size-16 primary-color-txt font-sanpro-semibold\"},[_c('a',{staticClass:\"primary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.directDetailPage(_vm.dataSource, _vm.isLesson)}}},[((!_vm.dataSource.isShowFree || _vm.dataSource.isShowFree === 0) && !_vm.dataSource.isActived && (this.authInfo && (!_vm.isContainsEmailUnlimited(this.authInfo.email) && this.authInfo.email != _vm.emailNxb3)))?_c('i',{staticClass:\"icon-lock secondary-color-txt\"}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.dataSource.title)+\"\\n\\t\\t\\t\\t\")])]),_c('p',{staticClass:\"item__excerpt font-size-15 secondary-color-txt margin-0 font-sanpro-light\"},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.dataSource.bookName ? ((_vm.dataSource.bookName) + \" - \") : '')+\" \"+_vm._s(_vm.dataSource.bookGroupName ? _vm.dataSource.bookGroupName : '')+\"\\n\\t\\t\\t\")]),_c('h3',[_c('div',{staticClass:\"count-view secondary-color-txt\"},[_c('span',{staticClass:\"count-v font-size-16 font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataSource.countView ?  _vm.dataSource.countView : '0')+\" lượt xem \")])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"item\" :class=\"{'item--lock': (!dataSource.isShowFree || dataSource.isShowFree === 0) && !dataSource.isActived}\">\r\n\t\t<div class=\"item__wrap\">\r\n\t\t\t<!-- <a class=\"item__head aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\" :class=\"{'aspect-audio': dataSource.linkUrl && checkAudio(dataSource.linkUrl)}\" href=\"javascript:;\" @click=\"directDetailPage(dataSource, isLesson, isPlay && dataSource.linkUrl && checkAudio(dataSource.linkUrl) ? true : false, true)\"> -->\r\n\t\t\t<a \r\n\t\t\t\tclass=\"item__head aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\" \r\n\t\t\t\t:class=\"{'aspect-audio': dataSource.linkUrl && checkAudio(dataSource.linkUrl)}\" href=\"javascript:;\" \r\n\t\t\t\t@click=\"directDetailPage(dataSource, isLesson, isPlay && dataSource.linkUrl && checkAudio(dataSource.linkUrl) ? true : false, true)\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"img__wrap\" v-if=\"dataSource.imageUrl\">\r\n\t\t\t\t\t<img :src=\"dataSource.imageUrl ? handleResizeImg(dataSource.imageUrl) : img404\" :alt=\"dataSource.title\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<template v-else-if=\"dataSource.linkUrl && checkVideo(dataSource.linkUrl)\"><!--  || checkAudio(dataSource.linkUrl) -->\r\n\t\t\t\t\t<div class=\"img__wrap\"><!-- v-if=\"dataSource.posterLink\" -->\r\n\t\t\t\t\t\t<img :src=\"dataSource.posterLink ? handleResizeImg(dataSource.posterLink) : img404\" :alt=\"dataSource.title\">\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</template>\r\n\t\t\t\t<PreviewImage \r\n\t\t\t\t\tv-else-if=\"dataSource.linkUrl && checkGifImage(dataSource.linkUrl)\" \r\n\t\t\t\t\t:pathView=\"isFullLink(dataSource.linkUrl) ? dataSource.linkUrl : `${appUrl}${dataSource.linkUrl}`\" \r\n\t\t\t\t/>\r\n\t\t\t\t<PreviewImage \r\n\t\t\t\t\tv-else-if=\"dataSource.linkUrl && checkImage(dataSource.linkUrl)\" \r\n\t\t\t\t\t:pathView=\"isFullLink(dataSource.linkUrl) ? dataSource.linkUrl : handleResizeImg(dataSource.linkUrl)\" \r\n\t\t\t\t/>\r\n\t\t\t\t<PreviewYoutube \r\n\t\t\t\t\tv-else-if=\"dataSource.linkUrl && checkYoutube(dataSource.linkUrl)\" \r\n\t\t\t\t\t:pathView=\"dataSource.linkUrl\"\r\n\t\t\t\t/>\r\n\t\t\t\t<!-- <template v-else-if=\"dataSource.linkUrl && checkAudio(dataSource.linkUrl)\"> -->\r\n\t\t\t\t\t<!-- <div class=\"img__wrap\">\r\n\t\t\t\t\t\t<img :src=\"dataSource.posterLink ? `${urlImg}/${dataSource.posterLink}` : img404\" :alt=\"dataSource.title\">\r\n\t\t\t\t\t</div> -->\r\n\t\t\t\t<div class=\"img-wrap text-center full-width\" v-else-if=\"dataSource.linkUrl && checkAudio(dataSource.linkUrl)\" :class=\"{'evt-none': !isPlay}\">\r\n\t\t\t\t\t<audio\r\n\t\t\t\t\t:id=\"`audio_${position}`\"\r\n\t\t\t\t\t:src=\"isFullLink(dataSource.linkUrl) ? dataSource.linkUrl : `${appUrl}${dataSource.linkUrl}`\"\r\n\t\t\t\t\tcontrols\r\n\t\t\t\t\tcontrolsList=\"nodownload\"\r\n\t\t\t\t\tclass=\"full-width\"\r\n\t\t\t\t\t></audio>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- </template> -->\r\n\t\t\t\t<IconMedia \r\n\t\t\t\tclass=\"item__icon\"\r\n\t\t\t\tv-if=\"isLesson !== 2\"\r\n\t\t\t\t:dataSource=\"dataSource\"\r\n\t\t\t\t:position=\"position\"\r\n\t\t\t\t:isPlay=\"isPlay\"\r\n\t\t\t\t:class=\"{'evt-none': !isPlay || ((!dataSource.isShowFree || dataSource.isShowFree === 0) && !dataSource.isActived)}\"\r\n\t\t\t\t/>\r\n\t\t\t</a>\r\n\t\t\t\r\n\t\t\t<div class=\"item__body\">\r\n\t\t\t\t<h3 class=\"item__title font-size-16 primary-color-txt font-sanpro-semibold\">\r\n\t\t\t\t\t<a href=\"javascript:;\" class=\"primary-color-txt\" @click=\"directDetailPage(dataSource, isLesson)\">\r\n\t\t\t\t\t\t<i class=\"icon-lock secondary-color-txt\" v-if=\"(!dataSource.isShowFree || dataSource.isShowFree === 0) && !dataSource.isActived && (this.authInfo && (!isContainsEmailUnlimited(this.authInfo.email) && this.authInfo.email != emailNxb3))\"></i> {{ dataSource.title }}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</h3>\r\n\t\t\t\t<p class=\"item__excerpt font-size-15 secondary-color-txt margin-0 font-sanpro-light\">\r\n\t\t\t\t\t{{ dataSource.bookName ? `${dataSource.bookName} - ` : '' }} {{ dataSource.bookGroupName ? dataSource.bookGroupName : '' }}\r\n\t\t\t\t</p>\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<div class=\"count-view secondary-color-txt\">\r\n\t\t\t\t\t\t<!-- <i class=\"icon-eye color-light\"></i> -->\r\n\t\t\t\t\t\t<span class=\"count-v font-size-16 font-sanpro-light\">{{ dataSource.countView ?  dataSource.countView : '0'}} lượt xem </span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { mapState, mapActions } from 'vuex'\r\n\timport { APP_CONFIG } from '@/utils/constants'\r\n\timport mixinsFiles from '@/components/content-files/mixinsFiles'\r\n\timport PreviewImage from '@/components/content-files/PreviewImage.vue'\r\n\timport PreviewYoutube from '@/components/content-files/PreviewYoutube.vue'\r\n\timport PreviewAudio from '@/components/content-files/PreviewAudio.vue'\r\n\timport { getAuth } from '@/utils/jwt'\r\n\timport { EMAIL_PUBLIC , EMAIL_UNLIMITED,EMAIL_NXB3} from '@/store/auth/constants'\r\n\timport IconMedia from './IconMedia.vue'\r\n\timport { STORE_KEY } from \"../../_store/constants\"\r\n\timport { replaceImageResize } from '@/helpers/functions'\r\n\tconst img404 = require(`@/assets/images/img_404.jpg`)\r\n\r\n\texport default {\r\n\t\tname: 'ItemLibrary',\r\n\t\tmixins: [ mixinsFiles ],\r\n\t\tcomponents: {\r\n\t\t\tPreviewImage,\r\n\t\t\tPreviewYoutube,\r\n\t\t\t// eslint-disable-next-line vue/no-unused-components\r\n\t\t\tPreviewAudio,\r\n      \t\tIconMedia\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\tdataSource: Object,\r\n\t\t\tisLesson: Number,\r\n\t\t\tisPlay: Boolean,\r\n\t\t\tposition: Number\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\turlImg: APP_CONFIG.urlPlatformCmsImg,\r\n\t\t\t\tappUrl: APP_CONFIG.bookCdnUrl,\r\n\t\t\t\timg404,\r\n\t\t\t\tauthInfo: {},\r\n        \t\taudioPause: -1,\r\n\t\t\t\temailNxb3: EMAIL_NXB3,\r\n      \t\t\temailUnlimited: EMAIL_UNLIMITED,\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapState('auth', ['loginPopupData']),\r\n      \t\t...mapState(STORE_KEY, ['resultBookPageLinkFilter', 'resultBookLessonFilter', 'paramFilterBook', 'paramFilterBookLesson'])\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tloginPopupData(newVal) {\r\n\t\t\t\tif(newVal && Object.keys(newVal).length) {\r\n\t\t\t\tthis.authInfo = newVal;\r\n\t\t\t\t// this.$bvModal.show(ID_MODAL_ACTIVE_BOOK);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.authInfo = getAuth()\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions('auth', ['setToggleLoginForm']),\r\n      \t\t...mapActions('common', ['acToggleModalActiveBook']),\r\n\t\t\tisContainsEmailUnlimited(email){\r\n\t\t\t\tlet listEmailUnlimited = this.emailUnlimited.split(',')\r\n\t\t\t\treturn listEmailUnlimited.indexOf(email) > -1\r\n\t\t\t},\r\n\t\t\tdirectDetailPage(val, type, isPlay = false, isHead = false) {\r\n\t\t\t\tconsole.log('chuyen trang hahaha', type);\r\n\t\t\t\t// console.log('typeof',typeof type);\r\n\r\n\t\t\t\tif(this.authInfo && this.authInfo.email === EMAIL_PUBLIC && !val.isActived && (!val.isShowFree || val.isShowFree === 0)) {\r\n\t\t\t\t\tthis.setToggleLoginForm(true)\r\n\t\t\t\t} else if((!val.isShowFree || val.isShowFree === 0) && !val.isActived && (this.authInfo.email != this.emailUnlimited && this.authInfo.email != this.emailNxb3)) {\r\n\t\t\t\t\tthis.acToggleModalActiveBook(true)\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// console.log('direct vao day 11', type);\r\n\t\t\t\t\tif(!isPlay) {\r\n\t\t\t\t\t\tlet routeData;\r\n\t\t\t\t\t\t\tif(val && val.bookLessonPlanId) {\r\n\t\t\t\t\t\t\t\tconst { subjectId, bookGroupId, lessonGroupId } = this.paramFilterBookLesson\r\n\t\t\t\t\t\t\t\trouteData = this.$router.resolve({name: 'libraryLessonDetail', params: {id: val.bookLessonPlanId}, query: {mon: subjectId, nhom: bookGroupId, loai: lessonGroupId,type:val.bookLessonPlanTypeId}})\r\n\t\t\t\t\t\t\t} else if (val && val.pageLinksId){\r\n\t\t\t\t\t\t\t\tconst { subjectId, bookGroupId, pagelinkTypeId } = this.paramFilterBook\r\n\t\t\t\t\t\t\t\trouteData = this.$router.resolve({name: 'DetailPageLinkLib', params: {id: val.pageLinksId}, query: {mon: subjectId, nhom: bookGroupId, loai: pagelinkTypeId,type:val.bookLessonPlanTypeId}})\r\n\t\t\t\t\t\t\t} else if (val && val.activeLearningId){\r\n\t\t\t\t\t\t\t\tconst { subjectId, bookGroupId, pagelinkTypeId } = this.paramFilterBook\r\n\t\t\t\t\t\t\t\trouteData = this.$router.resolve({name: 'DetailPageActiveLearn', params: {id: val.activeLearningId}, query: {mon: subjectId, nhom: bookGroupId, loai: pagelinkTypeId,type:val.bookLessonPlanTypeId}})\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\twindow.open(routeData.href, '_blank');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tsetTypeIcon (val) {\r\n\t\t\t\tif ( (!val.isShowFree || val.isShowFree === 0) && !val.isActived ) {\r\n\t\t\t\treturn '-3'\r\n\t\t\t\t} else if (val.isActived && !val.isPublish) {\r\n\t\t\t\treturn '-2'\r\n\t\t\t\t} else {\r\n\t\t\t\treturn ''\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\thandleResizeImg (link) {\r\n\t\t\t\treturn replaceImageResize(link, {width: 340, height: 192})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import \"~@/assets/scss/_variables\";\r\n\t@import \"~@/assets/scss/_mixins\";\r\n\t@import \"~@/assets/scss/general\";\r\n\t\r\n\t.count-view{\r\n\t\t// position: absolute;\r\n\t\t// top: 53%;\r\n\t\t// left: 9%;\r\n\t\t// display: none;\r\n\t\t.count-v{\r\n\t\t\t// padding-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t.view-audio {\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.item {\r\n\t\tmargin-bottom: 30px;\r\n\t\toverflow: hidden;\r\n\r\n\t\t&--lock {\r\n\t\t.item {\r\n\t\t\t&__title {\r\n\t\t\t@extend .secondary-color-txt;\r\n\t\t\t}\r\n\t\t}\r\n\t\t}\r\n\r\n\t\t// &--lock {\r\n  \t\t//.item {\r\n        &__head:after {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          background: rgba(0,0,0,.3);\r\n          @extend .effect-transition-fast;\r\n          @extend .effect-hide-hover;\r\n        }\r\n\r\n\t\t//   &__icon {\r\n\t\t//     opacity: 1;\r\n\t\t//   }\r\n\t\t// }\r\n\t\t\t// opacity: .7;\r\n\t\t\t// pointer-events: none;\r\n\t\t// }\r\n\r\n\t\t&__wrap {\r\n\t\t\tmax-width: 340px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\r\n\t\t&__head {\r\n\t\t\t&.aspect-audio {\r\n\t\t\t\t&:before {\r\n\t\t\t\tpadding-top: 30%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\taudio, video {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t&__body {\r\n\t\t\tpadding: 8px 0;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tmargin-bottom: 4px;\r\n\r\n\t\t\ta {\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tvideo, audio {\r\n\t\t\twidth: 100%;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t&:not(.item--lock) {\r\n\t\t\t\t.item {\r\n\t\t\t\t\t&__title {\r\n\t\t\t\t\t\t@extend .primary-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.item {\r\n\t\t\t\t&__head {\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t@extend .effect-show-hover;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&__icon {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.count-view{\r\n\t\t\t\t// display: block;\r\n\t\t\t}\r\n\t\t\t// @media screen and ( max-width: 575px ) {\r\n\t\t\t// \t&:not(.item--lock) {\r\n\t\t\t// \t\t.item {\r\n\t\t\t// \t\t\t&__title {\r\n\t\t\t// \t\t\t\t// @extend .primary-color;\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t}\r\n\t\t\t// \t.item {\r\n\t\t\t// \t\t&__head {\r\n\t\t\t// \t\t\t&:after {\r\n\t\t\t// \t\t\t\t// @extend .effect-show-hover;\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\r\n\t\t\t// \t\t&__icon {\r\n\t\t\t// \t\t\topacity: 1;\r\n\t\t\t// \t\t}\r\n\t\t\t// \t}\r\n\t\t\t// }\r\n\t\t}\r\n\r\n\t\t@media screen and ( max-width: 767px ) {\r\n\t\t\t&__head {\r\n\t\t\t\theight: auto;\r\n\t\t\t\tmin-height: 110px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t}\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!./ItemLibrary.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!./ItemLibrary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemLibrary.vue?vue&type=template&id=5b647af2&scoped=true&\"\nimport script from \"./ItemLibrary.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemLibrary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ItemLibrary.vue?vue&type=style&index=0&id=5b647af2&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  \"5b647af2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}