{"version":3,"sources":["webpack:///./src/modules/libraries/_components/list/ItemLibraryBook.vue?5d5d","webpack:///src/modules/libraries/_components/list/ItemLibraryBook.vue","webpack:///./src/modules/libraries/_components/list/ItemLibraryBook.vue?4f63","webpack:///./src/modules/libraries/_components/list/ItemLibraryBook.vue","webpack:///./src/modules/libraries/_components/list/ItemLibraryBook.vue?165e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","dataSource","isShowFree","isActived","linkUrl","checkAudio","attrs","on","$event","onClickItem","checkVideo","checkGifImage","checkImage","imageUrl","handleResizeImg","img404","title","posterLink","isFullLink","appUrl","checkYoutube","isPlay","_e","isLesson","position","_v","_s","titlelink","staticRenderFns","name","mixins","components","PreviewImage","PreviewYoutube","PreviewAudio","IconMedia","props","data","urlImg","audioPause","computed","mapState","methods","type","console","el","pagelinksId","setTypeIcon","val","link","width","height","component"],"mappings":"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","file":"js/chunk-52f4c68c.f1981b02.js","sourcesContent":["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.onClickItem((_vm.dataSource.linkUrl && _vm.checkAudio(_vm.dataSource.linkUrl))?'audio':(_vm.dataSource.linkUrl && _vm.checkVideo(_vm.dataSource.linkUrl))?'video':(_vm.dataSource.linkUrl && _vm.checkGifImage(_vm.dataSource.linkUrl))?'gif':(_vm.dataSource.linkUrl && _vm.checkImage(_vm.dataSource.linkUrl))?'image':'')}}},[(_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.dataSource.pagelinksId)),\"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\",on:{\"click\":function($event){_vm.onClickItem((_vm.dataSource.linkUrl && _vm.checkAudio(_vm.dataSource.linkUrl))?'audio':(_vm.dataSource.linkUrl && _vm.checkVideo(_vm.dataSource.linkUrl))?'video':(_vm.dataSource.linkUrl && _vm.checkGifImage(_vm.dataSource.linkUrl))?'gif':(_vm.dataSource.linkUrl && _vm.checkImage(_vm.dataSource.linkUrl))?'image':'')}}},[_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.titlelink)+\"\\n\\t\\t\\t\")])])])])}\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 \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=\"onClickItem((dataSource.linkUrl && checkAudio(dataSource.linkUrl))?'audio':(dataSource.linkUrl && checkVideo(dataSource.linkUrl))?'video':(dataSource.linkUrl && checkGifImage(dataSource.linkUrl))?'gif':(dataSource.linkUrl && checkImage(dataSource.linkUrl))?'image':'')\"\r\n\t\t\t\t\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_${dataSource.pagelinksId}`\"\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\" @click=\"onClickItem((dataSource.linkUrl && checkAudio(dataSource.linkUrl))?'audio':(dataSource.linkUrl && checkVideo(dataSource.linkUrl))?'video':(dataSource.linkUrl && checkGifImage(dataSource.linkUrl))?'gif':(dataSource.linkUrl && checkImage(dataSource.linkUrl))?'image':'')\">\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.titlelink }}\r\n\t\t\t\t</p>\r\n\t\t\t\t\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 } 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\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\taudioPause: -1\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\tmethods: {\r\n\t\t\tonClickItem(type){\r\n\t\t\t\tconsole.log(type)\r\n\t\t\t\tif(type == 'audio'){\r\n\t\t\t\t\tlet el= document.getElementById(`audio_${this.dataSource.pagelinksId}`)\r\n\t\t\t\t\tif(el.paused){\r\n\t\t\t\t\t\tel.play()\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tel.pause()\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse if(type == 'video'){\r\n\t\t\t\t\tthis.$emit('onViewItem',{type:'video',pagelinksId:this.dataSource.pagelinksId})\r\n\t\t\t\t}\r\n\t\t\t\telse if(type == 'gif'){\r\n\t\t\t\t\tthis.$emit('onViewItem',{type:'gif',pagelinksId:this.dataSource.pagelinksId})\r\n\t\t\t\t}\r\n\t\t\t\telse if(type == 'image'){\r\n\t\t\t\t\tthis.$emit('onViewItem',{type:'image',pagelinksId:this.dataSource.pagelinksId})\r\n\t\t\t\t}\r\n\t\t\t},\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!./ItemLibraryBook.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!./ItemLibraryBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemLibraryBook.vue?vue&type=template&id=c951d4a2&scoped=true&\"\nimport script from \"./ItemLibraryBook.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemLibraryBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ItemLibraryBook.vue?vue&type=style&index=0&id=c951d4a2&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  \"c951d4a2\",\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!./ItemLibraryBook.vue?vue&type=style&index=0&id=c951d4a2&lang=scss&scoped=true&\""],"sourceRoot":""}