{"version":3,"sources":["webpack:///./src/modules/libraries/_views/DetailPageLinkLib.vue?f7df","webpack:///./src/modules/libraries/_views/DetailPageLinkLib.vue?832c","webpack:///src/modules/libraries/_views/DetailPageLinkLib.vue","webpack:///./src/modules/libraries/_views/DetailPageLinkLib.vue?995b","webpack:///./src/modules/libraries/_views/DetailPageLinkLib.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","name","query","lop","dataPageLink","classId","mon","nhom","tab","_s","className","title","linkUrl","class","checkTypeDocs","relateMedia","length","fileName","totalPage","checkVideo","linkViewFull","pathView","appUrl","checkPdf","checkWord","scale","checkPowerpoint","checkImage","checkYoutube","checkAudio","posterLink","urlImg","imgThumbAudio","countView","on","$event","handleDownloadFile","pageLinksId","countDownLoad","_e","handleShareMedia","openModalNotiError","subjectName","bookName","bookGroupName","bookIndexParentName","bookIndexName","showModalReadmore","bookPageLinkGroupId","isPublish","documentType","ref","slidesPerView","spaceBetween","slidesPerGroup","grabCursor","loop","loopFillGroupWithBlank","breakpoints","767","575","navigation","nextEl","prevEl","handleNextMedia","_l","item","loc","key","isShowFree","isActived","directToMediaDetail","handleResizeImg","img404","isFullLink","slot","staticRenderFns","mixins","components","PreviewVideo","PreviewPdf","Previewpptx","PreviewImage","PreviewYoutube","PreviewAudio","PreviewAudioPoster","PreviewBookImg","swiper","swiperSlide","IconMedia","ModalReadMoreLinkType","ModalShare","modalShowHelp","data","cdnUrl","paramSearchRelateMedia","id","pageIndex","pageSize","mediaRelateNotdata","authInfo","openModalReadmore","thumbnailUrl","nameRoute","isShowVideo","computed","mapState","queryRoute","watch","loginPopupData","newVal","created","beforeDestroy","methods","mapActions","getInfoLib","self","getMediaDetailInLibs","bookPageLinkId","pagelinksId","finally","evt","viewMedia","val","params","getDataRelateMedia","getMediaRelateInLibs","setTimeout","link","apiUpdateCountdownload","width","height","component"],"mappings":"4IAAA,Y,0CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACA,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,cAAc,CAACP,EAAIQ,GAAG,eAAe,GAAGJ,EAAG,KAAK,CAACA,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAACE,KAAM,UAAWC,MAAO,CAACC,IAAKX,EAAIY,aAAaC,QAASC,IAAK,IAAKC,KAAM,IAAKC,IAAK,QAAQ,CAAChB,EAAIQ,GAAG,iBAAiBR,EAAIiB,GAAGjB,EAAIY,aAAaM,WAAW,mBAAmB,GAAGd,EAAG,KAAK,CAACA,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAaO,kBAAmBnB,EAAIY,cAAgBZ,EAAIY,aAAaQ,QAAShB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYe,MAAO,eAAiBrB,EAAIY,aAAaQ,QAAUpB,EAAIsB,cAActB,EAAIY,aAAaQ,SAAW,IAAM,KAAOpB,EAAIuB,aAAevB,EAAIuB,YAAYC,OAAS,EAAI,WAAa,IAAKjB,MAAM,CAAC,GAAK,mBAAmB,CAAEP,EAAIY,cAAgBZ,EAAIY,aAAaa,UAAYzB,EAAIY,aAAac,UAAWtB,EAAG,iBAAiB,CAACG,MAAM,CAAC,SAAWP,EAAIY,aAAaa,SAAS,UAAYzB,EAAIY,aAAac,UAAU,SAAW,KAAM1B,EAAIY,aAAaQ,SAAWpB,EAAI2B,WAAW3B,EAAIY,aAAaQ,SAAUhB,EAAG,eAAe,CAACG,MAAM,CAAC,SAAWP,EAAIY,aAAagB,aAAe5B,EAAIY,aAAaiB,SAAY,GAAK7B,EAAI8B,OAAU9B,EAAIY,aAAoB,QAAG,aAAYZ,EAAIuB,aAAevB,EAAIuB,YAAYC,OAAS,MAAqBxB,EAAIY,aAAaQ,UAAYpB,EAAI+B,SAAS/B,EAAIY,aAAaQ,UAAYpB,EAAIgC,UAAUhC,EAAIY,aAAaQ,UAAWhB,EAAG,aAAa,CAACiB,MAAM,CAAC,eAA8B,IAAdrB,EAAIiC,OAAa1B,MAAM,CAAC,SAAWP,EAAIY,aAAagB,aAAe5B,EAAIY,aAAaiB,SAAY,GAAK7B,EAAI8B,QAAU9B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaQ,SAAU,SAAWpB,EAAIiC,SAAUjC,EAAIY,aAAaQ,SAAWpB,EAAIkC,gBAAgBlC,EAAIY,aAAaQ,SAAUhB,EAAG,cAAc,CAACiB,MAAM,CAAC,eAA8B,IAAdrB,EAAIiC,OAAa1B,MAAM,CAAC,SAAWP,EAAIY,aAAagB,aAAe5B,EAAIY,aAAaiB,SAAY,GAAK7B,EAAI8B,QAAU9B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaQ,SAAU,SAAWpB,EAAIiC,SAAUjC,EAAIY,aAAaQ,SAAWpB,EAAImC,WAAWnC,EAAIY,aAAaQ,SAAUhB,EAAG,eAAe,CAACG,MAAM,CAAC,SAAWP,EAAIY,aAAagB,aAAe5B,EAAIY,aAAaiB,SAAY,GAAK7B,EAAI8B,QAAU9B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaQ,YAAcpB,EAAIY,aAAaQ,SAAWpB,EAAIoC,aAAapC,EAAIY,aAAaQ,SAAUhB,EAAG,iBAAiB,CAACG,MAAM,CAAC,SAAWP,EAAIY,aAAaiB,SAAS,UAAW,EAAK,aAAY7B,EAAIuB,aAAevB,EAAIuB,YAAYC,OAAS,MAAqBxB,EAAIY,aAAaQ,SAAWpB,EAAIqC,WAAWrC,EAAIY,aAAaQ,SAAUhB,EAAG,qBAAqB,CAACG,MAAM,CAAC,SAAWP,EAAIY,aAAagB,aAAe5B,EAAIY,aAAaiB,SAAY,GAAK7B,EAAI8B,QAAU9B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaQ,SAAU,UAAW,EAAK,OAASpB,EAAIY,aAAa0B,WAActC,EAAIuC,OAAS,IAAOvC,EAAIY,aAAuB,WAAKZ,EAAIwC,iBAAiBpC,EAAG,IAAI,CAACE,YAAY,gDAAgD,CAACN,EAAIQ,GAAG,uCAAuC,GAAGJ,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,0EAA0E,CAACF,EAAG,KAAK,CAACE,YAAY,uDAAuD,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAaO,UAAUf,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,OAAO,CAACE,YAAY,kCAAkC,CAACF,EAAG,IAAI,CAACE,YAAY,8CAA8CN,EAAIQ,GAAG,mBAAmBR,EAAIiB,GAAGjB,EAAIY,aAAa6B,WAAW,oBAAqBzC,EAAIY,aAAoB,QAAER,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,gBAAgBmC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3C,EAAI4C,mBAAmB5C,EAAIY,aAAagB,aAAe5B,EAAIY,aAAaiB,SAAY,GAAK7B,EAAI8B,QAAU9B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaiB,SAAW7B,EAAIY,aAAaQ,SAAWpB,EAAIY,aAAaO,MAAOnB,EAAIY,aAAaiC,gBAAgB,CAACzC,EAAG,IAAI,CAACE,YAAY,kBAAkBF,EAAG,OAAO,CAACE,YAAY,sCAAsC,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAakC,oBAAoB9C,EAAI+C,KAAK3C,EAAG,IAAI,CAACE,YAAY,kDAAkDC,MAAM,CAAC,KAAO,gBAAgBmC,GAAG,CAAC,MAAQ1C,EAAIgD,mBAAmB,CAAC5C,EAAG,IAAI,CAACE,YAAY,qBAAqBN,EAAIQ,GAAG,4BAA4BJ,EAAG,IAAI,CAACE,YAAY,kDAAkDC,MAAM,CAAC,KAAO,eAAe,MAAQ,wCAAwCmC,GAAG,CAAC,MAAQ1C,EAAIiD,qBAAqB,CAAC7C,EAAG,IAAI,CAACE,YAAY,0BAA0BF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACE,YAAY,qCAAqC,CAACN,EAAIQ,GAAG,UAAUJ,EAAG,OAAO,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAasC,kBAAkB9C,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACE,YAAY,qCAAqC,CAACN,EAAIQ,GAAG,WAAWJ,EAAG,OAAO,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAauC,eAAe/C,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACE,YAAY,qCAAqC,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,OAAO,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAawC,oBAAoBhD,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACE,YAAY,qCAAqC,CAACN,EAAIQ,GAAG,oBAAoBJ,EAAG,OAAO,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAayC,0BAA0BjD,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACE,YAAY,qCAAqC,CAACN,EAAIQ,GAAG,UAAUJ,EAAG,OAAO,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAa0C,oBAAoBlD,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACE,YAAY,qCAAqC,CAACN,EAAIQ,GAAG,oBAAoBJ,EAAG,OAAO,CAACE,YAAY,kCAAkCoC,GAAG,CAAC,MAAQ1C,EAAIuD,oBAAoB,CAACvD,EAAIQ,GAAG,qBAAqBR,EAAIiB,GAA4C,IAAzCjB,EAAIY,aAAa4C,qBAA6BxD,EAAIY,aAAa6C,UAAY,qCAAuC,mCAAmC,kCAAkCzD,EAAI+C,KAAK3C,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,iFAAiF,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGjB,EAAIY,aAAa8C,cAAc,gBAAgBtD,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,SAAS,CAACuD,IAAI,gBAAgBpD,MAAM,CAAC,QAAU,CAACqD,cAAe,EAAGC,aAAc,GAAIC,eAAgB,EAAGC,YAAY,EAAMC,MAAM,EAAOC,wBAAwB,EAAMC,YAAa,CAACC,IAAK,CAACP,cAAe,EAAGE,eAAgB,EAAGD,aAAc,IAAMO,IAAK,CAACR,cAAe,EAAGE,eAAgB,EAAGD,aAAc,KAAQQ,WAAY,CAACC,OAAQ,kBAAmBC,OAAQ,qBAAqB7B,GAAG,CAAC,uBAAyB1C,EAAIwE,kBAAkB,CAACxE,EAAIyE,GAAIzE,EAAe,aAAE,SAAS0E,EAAKC,GAAK,OAAOvE,EAAG,cAAc,CAACwE,IAAK,SAAWD,EAAKrE,YAAY,oBAAoBe,MAAM,CAAC,eAAgBqD,EAAKG,YAAkC,IAApBH,EAAKG,cAAsBH,EAAKI,YAAY,CAAC1E,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,gBAAgBmC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3C,EAAI+E,oBAAoBL,MAAS,CAACtE,EAAG,MAAM,CAACE,YAAY,wEAAwE,CAAEN,EAAI2B,WAAW+C,EAAKtD,SAAUhB,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMmE,EAAKpC,WAAatC,EAAIgF,gBAAgBN,EAAKpC,YAActC,EAAIiF,OAAO,IAAMP,EAAKvD,WAAYnB,EAAImC,WAAWuC,EAAKtD,SAAUhB,EAAG,eAAe,CAACG,MAAM,CAAC,SAAWP,EAAIkF,WAAWR,EAAKtD,SAAWsD,EAAKtD,QAAUpB,EAAIgF,gBAAgBN,EAAKtD,YAAapB,EAAIoC,aAAasC,EAAKtD,SAAUhB,EAAG,iBAAiB,CAACG,MAAM,CAAC,SAAWmE,EAAKtD,WAAYpB,EAAIqC,WAAWqC,EAAKtD,SAAUhB,EAAG,eAAe,CAACE,YAAY,WAAWC,MAAM,CAAC,SAAWP,EAAIkF,WAAWR,EAAKtD,SAAWsD,EAAKtD,QAAW,GAAKpB,EAAI8B,OAAU4C,EAAY,WAAM1E,EAAI+C,KAAK3C,EAAG,YAAY,CAACE,YAAY,aAAaC,MAAM,CAAC,WAAamE,MAAS,GAAGtE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,mEAAmE,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGyD,EAAKvD,UAAUf,EAAG,IAAI,CAACE,YAAY,6CAA6C,CAACN,EAAIQ,GAAGR,EAAIiB,GAAGyD,EAAKvB,UAAU,MAAMnD,EAAIiB,GAAGyD,EAAKtB,2BAA0BhD,EAAG,MAAM,CAACE,YAAY,oCAAoCC,MAAM,CAAC,KAAO,eAAe4E,KAAK,gBAAgB/E,EAAG,MAAM,CAACE,YAAY,oCAAoCC,MAAM,CAAC,KAAO,eAAe4E,KAAK,iBAAiB,IAAI,OAAQnF,EAAqB,kBAAEI,EAAG,yBAAyBJ,EAAI+C,KAAK3C,EAAG,cAAcA,EAAG,kBAAkB,IACvtRgF,EAAkB,G,ysDCoOtB,gBACA,YAGA,GACA3E,yBACA4E,gBACAC,YACAC,oBACAC,kBACAC,mBACAC,oBACAC,sBACAC,oBACAC,0BACAC,sBACAC,mBACAC,6BACAC,iBACAC,mCACAC,kBACAC,sBAEAC,KAnBA,WAoBA,OACAvE,yBACAwE,qBACA/D,gCACA3B,gBACAW,eACAgF,wBAAAC,KAAAC,YAAAC,YACAC,sBACA1B,SACAzC,gBACAoE,YACAC,qBACAC,gBACAC,2BACAC,gBAoCAC,kBACAC,2CACAA,6CAFA,IAGAC,WAHA,WAIA,4BAGAC,OACAC,eADA,SACAC,GACA,2BACA,kBAGA,4CACA,qBAEAC,QAtFA,WAuFA,4BAAAR,2BACA,kBACA,gCAGAS,cA5FA,WA6FA,8BAGAC,iBACAC,+CACAA,+PAFA,IAIAzE,mBAJA,WAKA,yBAAA+D,+BACA,+BAGAW,WATA,WASA,WACA,OACAC,iBAEAA,iBAEAC,sEACA,YACA,wBACAC,uCAEA,4CAGA,uBACA,iDACA,6GACA,sCACAF,yBAEAA,8BAEAA,gBAAAnH,mBAEAmH,sBACAA,8HACAA,8DAAApB,uCAAAuB,sCAGAC,SAAA,uCAGAxD,gBAzCA,SAyCAyD,GACA,sCACA,QACA,oCACA,oEAAAxB,sDAIAyB,UAjDA,SAiDAC,GACA,mBAAA1H,yBAAA2H,QAAA5B,wBAGA6B,mBArDA,WAsDA,WACAC,2DACA,6BACAV,qDAEA,eACAA,6BAKA7C,oBAjEA,SAiEAsB,GACA,sCACA,4DAEA,eAGA,mBAAA5F,yBAAA2H,QAAA5B,mBAFA,iCAFA,6BAQAjD,kBA5EA,WA4EA,WACA,uBACA,4BAEA,0BACAgF,uBACA,0BACA,OAIAvF,iBAvFA,WAwFA,kDACA,kCAGAJ,mBA5FA,SA4FA4F,EAAA/H,EAAA+F,GACA,4CACA,6BAGAiC,wCAQA,0DAIAzD,gBA7GA,SA6GAwD,GACA,yBAAAE,UAAAC,iBCvbyX,I,wBCQrXC,EAAY,eACd,EACA7I,EACAqF,GACA,EACA,KACA,WACA,MAIa,aAAAwD,E","file":"js/chunk-f80d4516.f8cd9c6f.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!./DetailPageLinkLib.vue?vue&type=style&index=0&id=7ff80197&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lib-detail\"},[_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.dataPageLink.classId, mon: '0', nhom: '0', tab: '1'}}}},[_vm._v(\"\\n            \"+_vm._s(_vm.dataPageLink.className)+\"\\n          \")])],1),_c('li',[_c('span',[_vm._v(_vm._s(_vm.dataPageLink.title))])])])])]),(_vm.dataPageLink && _vm.dataPageLink.linkUrl)?_c('div',{staticClass:\"lib-detail__body\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"inner-img\",class:(\"inner-type-\" + (_vm.dataPageLink.linkUrl ? _vm.checkTypeDocs(_vm.dataPageLink.linkUrl) : '') + \" \" + (_vm.relateMedia && _vm.relateMedia.length > 0 ? 'has-more' : '')),attrs:{\"id\":\"content_viewer\"}},[(_vm.dataPageLink && _vm.dataPageLink.fileName && _vm.dataPageLink.totalPage)?_c('PreviewBookImg',{attrs:{\"fileName\":_vm.dataPageLink.fileName,\"totalPage\":_vm.dataPageLink.totalPage,\"zoomData\":1}}):(_vm.dataPageLink.linkUrl && _vm.checkVideo(_vm.dataPageLink.linkUrl))?_c('PreviewVideo',{attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.linkUrl)),\"mediaMore\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(_vm.dataPageLink.linkUrl && (_vm.checkPdf(_vm.dataPageLink.linkUrl) || _vm.checkWord(_vm.dataPageLink.linkUrl)))?_c('PreviewPdf',{class:{'view-default': _vm.scale === 1},attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.linkUrl)),\"zoomData\":_vm.scale}}):(_vm.dataPageLink.linkUrl && _vm.checkPowerpoint(_vm.dataPageLink.linkUrl))?_c('Previewpptx',{class:{'view-default': _vm.scale === 1},attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.linkUrl)),\"zoomData\":_vm.scale}}):(_vm.dataPageLink.linkUrl && _vm.checkImage(_vm.dataPageLink.linkUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.linkUrl))}}):(_vm.dataPageLink.linkUrl && _vm.checkYoutube(_vm.dataPageLink.linkUrl))?_c('PreviewYoutube',{attrs:{\"pathView\":_vm.dataPageLink.pathView,\"autoplay\":true,\"mediaMore\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(_vm.dataPageLink.linkUrl && _vm.checkAudio(_vm.dataPageLink.linkUrl))?_c('PreviewAudioPoster',{attrs:{\"pathView\":_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.linkUrl)),\"autoPlay\":true,\"poster\":_vm.dataPageLink.posterLink ? (_vm.urlImg + \"/\" + (_vm.dataPageLink.posterLink)) : _vm.imgThumbAudio}}):_c('p',{staticClass:\"text-center color-light font-sanpro-semibold\"},[_vm._v(\"Không tìm thấy tài liệu hiển thị\")])],1),_c('div',{staticClass:\"lib-detail__content\"},[_c('div',{staticClass:\"lib-detail__content__title display-flex-center justify-content-between\"},[_c('h1',{staticClass:\"font-size-24 font-sanpro-semibold primary-color-txt\"},[_vm._v(_vm._s(_vm.dataPageLink.title))]),_c('div',{staticClass:\"lib-detail__content__action\"},[_c('span',{staticClass:\"secondary-color-txt count-view\"},[_c('i',{staticClass:\"icon-eye secondary-color-txt font-size-18\"}),_vm._v(\"\\n              \"+_vm._s(_vm.dataPageLink.countView)+\"\\n            \")]),(_vm.dataPageLink.linkUrl)?_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDownloadFile(_vm.dataPageLink.linkViewFull ? _vm.dataPageLink.pathView : (\"\" + _vm.appUrl + (_vm.dataPageLink.pathView ? _vm.dataPageLink.pathView : _vm.dataPageLink.linkUrl)), _vm.dataPageLink.title, _vm.dataPageLink.pageLinksId)}}},[_c('i',{staticClass:\"icon-download\"}),_c('span',{staticClass:\"secondary-color-txt count-download\"},[_vm._v(_vm._s(_vm.dataPageLink.countDownLoad))])]):_vm._e(),_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleShareMedia}},[_c('i',{staticClass:\"icon-share-white\"}),_vm._v(\" Chia sẻ\\n            \")]),_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold\",attrs:{\"href\":\"javascript:;\",\"title\":\"Hướng dẫn sử dụng chức năng thư viện\"},on:{\"click\":_vm.openModalNotiError}},[_c('i',{staticClass:\"icon-question-2\"})])])]),_c('div',{staticClass:\"lib-detail__content__info\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Môn:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.subjectName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Sách:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Bộ sách:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookGroupName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Chương / tuần:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookIndexParentName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Bài:\")]),_c('span',{staticClass:\"primary-color-txt font-sanpro-light\"},[_vm._v(_vm._s(_vm.dataPageLink.bookIndexName))])]),_c('div',{staticClass:\"col-xl-2 col-lg-4 col-sm-6\"},[_c('label',{staticClass:\"secondary-color-txt display-block\"},[_vm._v(\"Loại học liệu:\")]),_c('span',{staticClass:\"primary-color font-sanpro-light\",on:{\"click\":_vm.showModalReadmore}},[_vm._v(\"\\n                \"+_vm._s(_vm.dataPageLink.bookPageLinkGroupId === 1 && _vm.dataPageLink.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất')+\"\\n              \")])])])])])])]):_vm._e(),_c('div',{staticClass:\"lib-detail__relate\"},[_c('div',{staticClass:\"container-hts\"},[_c('h2',{staticClass:\"lib-detail__relate__title font-size-22 font-sanpro-semibold primary-color-txt\"},[_vm._v(_vm._s(_vm.dataPageLink.documentType)+\" Liên quan\")]),_c('div',{staticClass:\"lib-detail__relate__body\"},[_c('swiper',{ref:\"swiper_relate\",attrs:{\"options\":{slidesPerView: 3, spaceBetween: 20, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: \".ebook__next__0\", prevEl: \".ebook__prev__0\"}}},on:{\"slideNextTransitionEnd\":_vm.handleNextMedia}},[_vm._l((_vm.relateMedia),function(item,loc){return _c('swiperSlide',{key:(\"book__\" + loc),staticClass:\"item position-rel\",class:{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !item.isActived}},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.directToMediaDetail(item)}}},[_c('div',{staticClass:\"item__media position-rel text-center aspect-ratio aspect-ratio--16-9\"},[(_vm.checkVideo(item.linkUrl))?_c('div',{staticClass:\"img-wrap text-center\"},[_c('img',{attrs:{\"src\":item.posterLink ? _vm.handleResizeImg(item.posterLink) : _vm.img404,\"alt\":item.title}})]):(_vm.checkImage(item.linkUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.isFullLink(item.linkUrl) ? item.linkUrl : _vm.handleResizeImg(item.linkUrl)}}):(_vm.checkYoutube(item.linkUrl))?_c('PreviewYoutube',{attrs:{\"pathView\":item.linkUrl}}):(_vm.checkAudio(item.linkUrl))?_c('PreviewAudio',{staticClass:\"evt-none\",attrs:{\"pathView\":_vm.isFullLink(item.linkUrl) ? item.linkUrl : (\"\" + _vm.appUrl + (item.linkUrl))}}):_vm._e(),_c('IconMedia',{staticClass:\"item__icon\",attrs:{\"dataSource\":item}})],1),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__title font-size-15 font-sanpro-semibold primary-color-txt\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"font-size-13 secondary-color-txt margin-0\"},[_vm._v(_vm._s(item.bookName)+\" - \"+_vm._s(item.bookGroupName))])])])])}),_c('div',{staticClass:\"swiper-button-prev ebook__prev__0\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next ebook__next__0\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})],2)],1)])]),(_vm.openModalReadmore)?_c('ModalReadMoreLinkType'):_vm._e(),_c('ModalShare'),_c('modalShowHelp')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lib-detail\">\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: dataPageLink.classId, mon: '0', nhom: '0', tab: '1'}}\">\r\n              {{ dataPageLink.className }}\r\n            </router-link>\r\n          </li>\r\n          <!-- <li>\r\n            <router-link :to=\"{name: 'library', query: {lop: dataPageLink.classId, mon: dataPageLink.subjectId, nhom: '0', tab: '1'}}\">\r\n              {{ dataPageLink.subjectName }}\r\n            </router-link>\r\n          </li>\r\n          <li>\r\n            <router-link :to=\"{name: 'library', query: {lop: dataPageLink.classId, mon: dataPageLink.subjectId, nhom: dataPageLink.bookGroupId, tab: '1'}}\">\r\n              {{ dataPageLink.bookGroupName }}\r\n            </router-link>\r\n          </li>\r\n          <li>\r\n            <router-link :to=\"{name: 'library', query: {lop: dataPageLink.classId, mon: dataPageLink.subjectId, nhom: dataPageLink.bookGroupId, tab: '1'}}\">\r\n              Học liệu điện tử\r\n            </router-link>\r\n          </li> -->\r\n          <!-- <li>\r\n            <router-link :to=\"{name: 'library', query: {lop: dataPageLink.classId, mon: dataPageLink.subjectId, nhom: dataPageLink.bookGroupId, tab: '1'}}\">\r\n              {{ dataPageLink.documentType }}\r\n            </router-link>\r\n          </li> -->\r\n          <li><span>{{ dataPageLink.title }}</span></li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"lib-detail__body\" v-if=\"dataPageLink && dataPageLink.linkUrl\">\r\n      <div class=\"container-hts\">\r\n        <!-- <div class=\"lib-back\">\r\n          <a href=\"javascript:;\" @click=\"$router.go(-1)\" class=\"secondary-color-txt\"><i class=\"fa fa-angle-left\"></i> Trở lại</a>\r\n        </div> -->\r\n        <div id=\"content_viewer\" class=\"inner-img\" :class=\"`inner-type-${dataPageLink.linkUrl ? checkTypeDocs(dataPageLink.linkUrl) : ''} ${relateMedia && relateMedia.length > 0 ? 'has-more' : ''}`\">\r\n          <PreviewBookImg\r\n            v-if=\"dataPageLink && dataPageLink.fileName && dataPageLink.totalPage\"\r\n            :fileName=\"dataPageLink.fileName\"\r\n            :totalPage=\"dataPageLink.totalPage\"\r\n            :zoomData=\"1\"\r\n          />\r\n          <PreviewVideo \r\n            v-else-if=\"dataPageLink.linkUrl && checkVideo(dataPageLink.linkUrl)\"\r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.linkUrl}`\" \r\n            :mediaMore=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n          />\r\n          <PreviewPdf \r\n            v-else-if=\"dataPageLink.linkUrl && (checkPdf(dataPageLink.linkUrl) || checkWord(dataPageLink.linkUrl))\" \r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.linkUrl}`\" \r\n            :zoomData=\"scale\" :class=\"{'view-default': scale === 1}\" \r\n          />\r\n          <Previewpptx \r\n            v-else-if=\"dataPageLink.linkUrl && checkPowerpoint(dataPageLink.linkUrl)\" \r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.linkUrl}`\" \r\n            :zoomData=\"scale\" \r\n            :class=\"{'view-default': scale === 1}\" \r\n          />\r\n          <PreviewImage \r\n            v-else-if=\"dataPageLink.linkUrl && checkImage(dataPageLink.linkUrl)\" \r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.linkUrl}`\" \r\n          />\r\n          <PreviewYoutube \r\n            v-else-if=\"dataPageLink.linkUrl && checkYoutube(dataPageLink.linkUrl)\" \r\n            :pathView=\"dataPageLink.pathView\"\r\n            :autoplay=\"true\"\r\n            :mediaMore=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n          />\r\n          <PreviewAudioPoster\r\n            v-else-if=\"dataPageLink.linkUrl && checkAudio(dataPageLink.linkUrl)\"\r\n            :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.linkUrl}`\"\r\n            :autoPlay=\"true\"\r\n            :poster=\"dataPageLink.posterLink ? `${urlImg}/${dataPageLink.posterLink}` : imgThumbAudio\"\r\n          />\r\n          <!-- <template v-else-if=\"checkAudio(dataPageLink.linkUrl)\">\r\n            <div class=\"img-wrap text-center position-rel\">\r\n              <img :src=\"dataPageLink.posterLink ? `${urlImg}/${dataPageLink.posterLink}` : img404\" :alt=\"dataPageLink.title\">\r\n              <PreviewAudio \r\n                class=\"d-none\"\r\n                :pathView=\"dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.linkUrl}`\"\r\n                :autoPlay=\"true\" \r\n              />\r\n            </div>\r\n          </template> -->\r\n          <p v-else class=\"text-center color-light font-sanpro-semibold\">Không tìm thấy tài liệu hiển thị</p>\r\n        </div>\r\n        <div class=\"lib-detail__content\">\r\n          <div class=\"lib-detail__content__title display-flex-center justify-content-between\">\r\n            <h1 class=\"font-size-24 font-sanpro-semibold primary-color-txt\">{{ dataPageLink.title }}</h1>\r\n            <div class=\"lib-detail__content__action\">\r\n              <span class=\"secondary-color-txt count-view\">\r\n                <i class=\"icon-eye secondary-color-txt font-size-18\"></i>\r\n                {{ dataPageLink.countView }}\r\n              </span>\r\n              <a\r\n                v-if=\"dataPageLink.linkUrl\"\r\n                href=\"javascript:;\"\r\n                @click=\"handleDownloadFile(dataPageLink.linkViewFull ? dataPageLink.pathView : `${appUrl}${dataPageLink.pathView ? dataPageLink.pathView : dataPageLink.linkUrl}`, dataPageLink.title, dataPageLink.pageLinksId)\"\r\n              >\r\n                <i class=\"icon-download\"></i>\r\n                <span class=\"secondary-color-txt count-download\">{{ dataPageLink.countDownLoad }}</span>\r\n              </a>\r\n\r\n              <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold\" @click=\"handleShareMedia\">\r\n                <i class=\"icon-share-white\"></i> Chia sẻ\r\n              </a>\r\n              <!-- {{ dataPageLink.pageLinksId}} -->\r\n              <!-- <a\r\n                v-if=\"dataPageLink.linkUrl\"\r\n                href=\"javascript:;\"\r\n                @click=\"handleDownloadFiles(dataPageLink.pageLinksId)\"\r\n              >\r\n                <i class=\"icon-download\"></i>\r\n              </a> -->\r\n              <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold\"  title=\"Hướng dẫn sử dụng chức năng thư viện\"  @click=\"openModalNotiError\"><i class=\"icon-question-2\"></i></a>\r\n            </div>\r\n          </div>\r\n          <div class=\"lib-detail__content__info\">\r\n            <div class=\"row\">\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Môn:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.subjectName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Sách:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Bộ sách:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookGroupName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Chương / tuần:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookIndexParentName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Bài:</label>\r\n                <span class=\"primary-color-txt font-sanpro-light\">{{ dataPageLink.bookIndexName }}</span>\r\n              </div>\r\n              <div class=\"col-xl-2 col-lg-4 col-sm-6\">\r\n                <label class=\"secondary-color-txt display-block\">Loại học liệu:</label>\r\n                <span class=\"primary-color font-sanpro-light\" @click=\"showModalReadmore\">\r\n                  {{ dataPageLink.bookPageLinkGroupId === 1 && dataPageLink.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất' }}\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"lib-detail__relate\">\r\n      <div class=\"container-hts\">\r\n        <h2 class=\"lib-detail__relate__title font-size-22 font-sanpro-semibold primary-color-txt\">{{ dataPageLink.documentType }} Liên quan</h2>\r\n        <div class=\"lib-detail__relate__body\">\r\n          <swiper :options=\"{slidesPerView: 3, spaceBetween: 20, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: `.ebook__next__0`, prevEl: `.ebook__prev__0`}}\" @slideNextTransitionEnd=\"handleNextMedia\" ref=\"swiper_relate\">\r\n            <swiperSlide \r\n              class=\"item position-rel\" \r\n              v-for=\"(item, loc) of relateMedia\" \r\n              :key=\"`book__${loc}`\"\r\n              :class=\"{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !item.isActived}\"\r\n            >\r\n              <a href=\"javascript:;\" @click=\"directToMediaDetail(item)\">\r\n               <div class=\"item__media position-rel text-center aspect-ratio aspect-ratio--16-9\">\r\n                  <div class=\"img-wrap text-center\" v-if=\"checkVideo(item.linkUrl)\">\r\n                    <img :src=\"item.posterLink ? handleResizeImg(item.posterLink) : img404\" :alt=\"item.title\">\r\n                  </div>\r\n                  <PreviewImage \r\n                    v-else-if=\"checkImage(item.linkUrl)\" \r\n                    :pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : handleResizeImg(item.linkUrl)\" \r\n                  />\r\n                  <PreviewYoutube \r\n                    v-else-if=\"checkYoutube(item.linkUrl)\" \r\n                    :pathView=\"item.linkUrl\"\r\n                  />\r\n                  <PreviewAudio \r\n                    v-else-if=\"checkAudio(item.linkUrl)\" \r\n                    :pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : `${appUrl}${item.linkUrl}`\" \r\n                    class=\"evt-none\"\r\n                  />\r\n                  <IconMedia class=\"item__icon\" :dataSource=\"item\" />\r\n                </div>\r\n                <div class=\"item__body\">\r\n                  <h3 class=\"item__title font-size-15 font-sanpro-semibold primary-color-txt\">{{ item.title }}</h3>\r\n                  <p class=\"font-size-13 secondary-color-txt margin-0\">{{item.bookName}} - {{item.bookGroupName}}</p>\r\n                </div>\r\n              <!-- </router-link> -->\r\n              </a>\r\n              <!-- </div> -->\r\n            </swiperSlide>\r\n            <div class=\"swiper-button-prev ebook__prev__0\" slot=\"button-prev\"></div>\r\n            <div class=\"swiper-button-next ebook__next__0\" slot=\"button-next\"></div>\r\n          </swiper>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ModalReadMoreLinkType v-if=\"openModalReadmore\" />\r\n    <ModalShare />\r\n    <modalShowHelp />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import PreviewVideo from '@/components/content-files/PreviewVideo.vue'\r\n  import { mapGetters, mapState, mapActions } from 'vuex'\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  import mixinsFiles from '@/components/content-files/mixinsFiles'\r\n  import PreviewPdf from '@/components/content-files/PreviewPdf.vue'\r\n  import Previewpptx from '@/components/content-files/Previewpptx.vue'\r\n  import PreviewImage from '@/components/content-files/PreviewImage.vue'\r\n  import PreviewYoutube from '@/components/content-files/PreviewYoutube.vue'\r\n  import PreviewAudio from '@/components/content-files/PreviewAudio.vue'\r\n  import PreviewAudioPoster from '@/components/content-files/PreviewAudioPoster.vue'\r\n  import PreviewBookImg from \"@/components/content-files/PreviewBookImg.vue\";\r\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\r\n  import 'swiper/dist/css/swiper.css'\r\n  import { getMediaDetailInLibs, getMediaRelateInLibs, apiUpdateCountdownload } from './../_api/'\r\n  import IconMedia from './../_components/list/IconMedia.vue'\r\n  import { getAuth } from '@/utils/jwt'\r\n  import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n  import { ID_MODAL_READ_LINK_TYPE } from './../_store/constants'\r\n  import ModalReadMoreLinkType from './../_components/list/ModalReadMoreLinkType.vue'\r\n  import ModalShare from '@/modules/libraries/_components/detail/ModalShare.vue'\r\n  import modalShowHelp from '@/components/modal/modalShowHelp'\r\n  import { replaceImageResize } from '@/helpers/functions'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n  const imgThumbAudio = require(`@/assets/images/thumb-audio.png`)\r\n  import { FLE_DOWNLOAD_BEFORE } from '@/store/common/constants'\r\n\r\n  export default {\r\n    name: 'DetailPageLinkLib',\r\n    mixins: [ mixinsFiles ],\r\n    components: {\r\n      PreviewVideo,\r\n      PreviewPdf,\r\n      Previewpptx,\r\n      PreviewImage,\r\n      PreviewYoutube,\r\n      PreviewAudio,\r\n      PreviewAudioPoster,\r\n      PreviewBookImg,\r\n      swiper,\r\n      swiperSlide,\r\n      IconMedia,\r\n      ModalReadMoreLinkType,\r\n      ModalShare,\r\n      modalShowHelp\r\n    },\r\n    data () {\r\n      return {\r\n        appUrl: APP_CONFIG.bookCdnUrl,\r\n        cdnUrl: APP_CONFIG.cdnUrl,\r\n        urlImg: APP_CONFIG.urlPlatformCmsImg,\r\n        dataPageLink: {},\r\n        relateMedia: [],\r\n        paramSearchRelateMedia: {id: 0, pageIndex: 1, pageSize: 6},\r\n        mediaRelateNotdata: false,\r\n        img404,\r\n        imgThumbAudio,\r\n        authInfo: {},\r\n        openModalReadmore: false,\r\n        thumbnailUrl: '',\r\n        nameRoute: this.$route.name,\r\n        isShowVideo: 3\r\n\r\n      }\r\n    },\r\n    // head: {\r\n    //   title: function () {\r\n    //     return {\r\n    //       inner: this.dataPageLink.titlelink\r\n    //     }\r\n    //   },\r\n    //   meta: [\r\n    //     { name: 'description', content: 'Học liệu điện tử'},\r\n    //     { property: 'og:title', content: this.dataPageLink.titleLink + ' - Hành trang số'},\r\n    //     { property: 'og:site_name', content: 'Hành trang số'},\r\n    //     { property: 'og:description', content: 'Học liệu điện tử'},\r\n    //     { property: 'og:type', content: 'profile'},\r\n    //     { property: 'og:url', content: `${window.location.origin}${this.$route.fullPath}` },\r\n    //     { property: 'og:image', content: this.thumbnailUrl }\r\n    //   ]\r\n    // },\r\n\r\n    // metaInfo() {\r\n    //   return {\r\n    //     title: this.dataPageLink.titleLink,\r\n    //     // titleTemplate: 'Hành trang số',\r\n    //     meta: [\r\n    //       { name: 'description', content: 'Học liệu điện tử'},\r\n    //       { property: 'og:title', content: this.dataPageLink.titleLink + ' - Hành trang số'},\r\n    //       { property: 'og:site_name', content: 'Hành trang số'},\r\n    //       { property: 'og:description', content: 'Học liệu điện tử'},\r\n    //       { property: 'og:type', content: 'profile'},\r\n    //       { property: 'og:url', content: `${window.location.origin}${this.$route.fullPath}` },\r\n    //       { property: 'og:image', content: this.thumbnailUrl }\r\n    //     ]\r\n    //   }\r\n    // },\r\n    computed: {\r\n      ...mapState('auth', ['loginPopupData']),\r\n      ...mapState('common', ['mediaShareInfo']),\r\n      queryRoute () {\r\n        return this.$route.query\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        }\r\n      },\r\n      'paramSearchRelateMedia': 'getDataRelateMedia',\r\n      '$route': 'getInfoLib'\r\n    },\r\n    created () {\r\n      this.actionCheckRouterHelp({nameRoute: this.nameRoute})\r\n      this.getInfoLib();\r\n      this.authInfo = getAuth();\r\n      // console.log('route', this.$route)\r\n    },\r\n    beforeDestroy () {\r\n      this.acSetMediaShareInfo({})\r\n      // this.$emit('updateHead')\r\n    },\r\n    methods: {\r\n      ...mapActions('auth', ['setToggleLoginForm']),\r\n      ...mapActions('common', ['setLoading', 'acToggleModalActiveBook', 'acToggleModalShareMedia', 'acSetMediaShareInfo', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'actionSetBookPageLinkId', 'actionSetInfoLibrary', 'actionSetBookIndexId']),\r\n\r\n      openModalNotiError(){\r\n        this.actionGetVideoHelp({isShowVideo: this.isShowVideo})\r\n        this.acToggleModaShowHelp(true)\r\n      },\r\n\r\n      getInfoLib() {\r\n        let self = this;\r\n        self.setLoading(true);\r\n        // Set relate params: \r\n        self.relateMedia = [];\r\n        // Get detail\r\n        getMediaDetailInLibs(self.$router.history.current.params.id).then(res => {\r\n          if(res && res.data) {\r\n            this.actionSetInfoLibrary({\r\n              bookPageLinkId: res.data.bookPageLinkId,\r\n            })\r\n            this.actionSetBookIndexId(res.data.bookIndexId)\r\n            // console.log('res', res.data.bookIndexId) \r\n          }\r\n          if(res && res.data && !res.errors) {\r\n            this.actionSetBookPageLinkId(res.data.bookPageLinkId)\r\n            if (self.queryRoute && self.queryRoute.shared === window.location.origin && self.queryRoute.type_show !== '1' && !res.data.isActived) {\r\n              if(self.authInfo && self.authInfo.email === EMAIL_PUBLIC) {\r\n                self.setToggleLoginForm(true);\r\n              } else {\r\n                self.acToggleModalActiveBook(true)\r\n              }\r\n              self.$router.push({ name: 'library' })\r\n            } else {\r\n              self.dataPageLink = res.data;\r\n              self.thumbnailUrl = res.data.posterLink ? `${self.urlImg}/${res.data.posterLink}` : `${self.appUrl}${res.data.linkUrl}`\r\n              self.paramSearchRelateMedia = {...self.paramSearchRelateMedia, id: self.$router.history.current.params.id, pagelinksId: res.data.pagelinksId};\r\n            }\r\n          }\r\n        }).finally(() => self.setLoading(false));\r\n      },\r\n\r\n      handleNextMedia(evt) {\r\n        const swiperRef = this.$refs.swiper_relate.swiper;\r\n        const indexActive = swiperRef.isEnd;\r\n        if(swiperRef.isEnd && !this.mediaRelateNotdata) {\r\n          this.paramSearchRelateMedia = {...this.paramSearchRelateMedia, pageIndex: this.paramSearchRelateMedia.pageIndex + 1}\r\n        }\r\n      },\r\n\r\n      viewMedia(val) {\r\n        this.$router.push({name: 'DetailPageLinkLib', params: {id: val.bookPageLinkId}});\r\n      },\r\n\r\n      getDataRelateMedia() {\r\n        let self = this;\r\n        getMediaRelateInLibs(self.paramSearchRelateMedia).then(res => {\r\n          if(res && res.data && res.data.length > 0) {\r\n            self.relateMedia = [...self.relateMedia, ...res.data];\r\n          }\r\n          if(res.length === 0) {\r\n            self.mediaRelateNotdata = true;\r\n          }\r\n        })\r\n      },\r\n\r\n      directToMediaDetail (data) {\r\n        let linkActive = data.isShowFree && data.isShowFree !== 0;\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC && !data.isActived && !linkActive) {\r\n            this.setToggleLoginForm(true);\r\n        } else if(!linkActive && !data.isActived) {\r\n            this.acToggleModalActiveBook(true)\r\n        } else {\r\n          this.$router.push({name: 'DetailPageLinkLib', params: {id: data.pageLinkId}})\r\n        }\r\n      },\r\n\r\n      showModalReadmore () {\r\n        if (this.openModalReadmore) {\r\n          this.$bvModal.show(ID_MODAL_READ_LINK_TYPE)\r\n        } else {\r\n          this.openModalReadmore = true\r\n          setTimeout(() => {\r\n            this.$bvModal.show(ID_MODAL_READ_LINK_TYPE)\r\n          }, 500);\r\n        }\r\n      },\r\n\r\n      handleShareMedia () {\r\n        this.acSetMediaShareInfo({...this.dataPageLink})\r\n        this.acToggleModalShareMedia(true)\r\n      },\r\n\r\n      handleDownloadFile (link, name, id) {\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC) {\r\n            this.setToggleLoginForm(true);\r\n        } else {\r\n          // console.log('id', id)\r\n          apiUpdateCountdownload(id).then(res => {\r\n            if(res){\r\n              // console.log('rés', res)\r\n            }\r\n          })\r\n          // Download full link\r\n          // let lengthLink = link.length\r\n          // let exFile = link.slice(-4, lengthLink)\r\n          this.downloadDocs(link, `${FLE_DOWNLOAD_BEFORE} ${name}`, true)\r\n        }\r\n      },\r\n\r\n      handleResizeImg (link) {\r\n        return replaceImageResize(link, {width: 521, height: 293})\r\n      }\r\n\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .count-download{\r\n    margin-left: 10px;\r\n  }\r\n  .count-view{\r\n    margin-right: 15px;\r\n  }\r\n  .lib-detail {\r\n    padding-bottom: 60px;\r\n\r\n    &__body {\r\n      padding: 35px 0;\r\n    }\r\n\r\n    &__content {\r\n      // padding-top: 15px;\r\n\r\n      &__read {\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n          @extend .primary-color;\r\n        }\r\n      }\r\n\r\n      &__title {\r\n        padding: 20px 0;\r\n      }\r\n\r\n      &__info {\r\n        padding: 20px 0 30px;\r\n      }\r\n     \r\n      &__title, &__info {\r\n        border-bottom: 1px solid $color_border_main;\r\n      }\r\n\r\n      &__action {\r\n        a {\r\n          letter-spacing: 0.03em;\r\n\r\n          &:not(:last-child) {\r\n            margin-right: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__relate {\r\n\r\n      &__title {\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .item {\r\n        \r\n        &__media {\r\n          &:before {\r\n            background: #fff;\r\n          }\r\n        }\r\n\r\n        &--lock {\r\n          .item {\r\n            \r\n            &__title {\r\n              @extend .secondary-color-txt;\r\n            }\r\n            // &__icon {\r\n            //   opacity: 1;\r\n            // }\r\n          }\r\n        }\r\n\r\n        &__media {\r\n          &:after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0,0,0,.2);\r\n            z-index: 1;\r\n            @extend .effect-transition-fast;\r\n            @extend .effect-hide-hover;\r\n          }\r\n        }\r\n\r\n        &__icon {\r\n          opacity: 0;\r\n        }\r\n\r\n        &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          z-index: 1;\r\n          pointer-events: none;\r\n        }\r\n\r\n        &__body {\r\n          padding: 10px 0;\r\n        }\r\n\r\n        p {\r\n          line-height: 1;\r\n        }\r\n\r\n        video {\r\n          max-height: 150px;\r\n        }\r\n\r\n        video, audio {\r\n          width: 100%;\r\n          pointer-events: none;\r\n        }\r\n\r\n        &:hover {\r\n          .item {\r\n            &__icon {\r\n              opacity: 1;\r\n            }\r\n\r\n            &__media {\r\n              &:after {\r\n                @extend .effect-show-hover;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .video-wrap {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .swiper-button-prev, .swiper-button-next {\r\n        height: 100%;\r\n        top: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        background-position: center;\r\n        background-color: rgba(255,255,255,.5);\r\n        width: 40px;\r\n    }\r\n\r\n    .swiper-button-prev {\r\n      left: 0;\r\n    }\r\n    .swiper-button-next {\r\n      right: 0;\r\n\r\n    }\r\n  }\r\n  .lib-back {\r\n    margin-bottom: 15px;\r\n  }\r\n  .audio-detail {\r\n    max-width: 100%;\r\n  }\r\n  @media screen and ( max-width: 767px ) {\r\n    .lib-detail {\r\n\r\n      &__content {\r\n\r\n        &__title {\r\n          display: block;\r\n        }\r\n\r\n        &__action {\r\n          margin-top: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\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!./DetailPageLinkLib.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!./DetailPageLinkLib.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailPageLinkLib.vue?vue&type=template&id=7ff80197&scoped=true&\"\nimport script from \"./DetailPageLinkLib.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailPageLinkLib.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailPageLinkLib.vue?vue&type=style&index=0&id=7ff80197&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  \"7ff80197\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}