{"version":3,"sources":["webpack:///./src/components/modules/media/components/pdfJs/index.vue?e6ec","webpack:///./src/components/modules/media/components/pdfJs/index.vue","webpack:///src/components/modules/media/components/pdfJs/index.vue","webpack:///./src/components/modules/media/components/pdfJs/index.vue?1ccc","webpack:///./src/components/modules/media/components/pdfJs/index.vue?a349","webpack:///./src/components/modules/media/components/pdfJs/index.js"],"names":["render","_vm","this","_c","_self","staticClass","style","concat","minusHeight","$store","state","app","isMobile","attrs","pageNum","on","prevPage","_v","_s","pageCount","nextPage","_e","file","link","_l","page","key","class","active","$event","goToPage","staticRenderFns","name","props","propFileId","type","Number","default","data","fileReady","deletingFileId","pdfDoc","scale","viewLog","second","mounted","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_id","res","wrap","_context","prev","next","undefined","$route","params","id","fileInheritedDetail","store","sent","loadPDF","stop","methods","updateViewLog","isFullView","_this2","_callee2","_context2","request","api","method","url","attachId","logId","renderThumbnails","_this3","_callee3","canvas","context","viewport","_context3","getPage","$refs","getContext","getViewport","height","width","canvasContext","promise","_this4","_callee4","_context4","renderPage","t0","_this5","_callee5","self","_context5","then","error","console","_this6","_callee6","_context6","abrupt","_this7","_callee7","_context7","component","index"],"mappings":"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","file":"js/chunk-739fe91c.bf7ed23a.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=84da85f6&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pdf-container d-flex align-items-start\"},[_c('div',{staticClass:\"pdf-inner\",style:(`height:calc(100vh - ${_vm.minusHeight}px);`)},[(_vm.$store.state.app.isMobile)?_c('div',{staticClass:\"pdf-controls d-flex justify-content-between mg-b-20\"},[_c('button',{attrs:{\"disabled\":_vm.pageNum <= 1},on:{\"click\":_vm.prevPage}},[_c('feather',{attrs:{\"type\":\"chevron-left\"}})],1),_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.pageNum)+\" / \"+_vm._s(_vm.pageCount))]),_c('button',{attrs:{\"disabled\":_vm.pageNum >= _vm.pageCount},on:{\"click\":_vm.nextPage}},[_c('feather',{attrs:{\"type\":\"chevron-right\"}})],1)]):_vm._e(),_c('img',{style:(`max-width: ${_vm.$store.state.app.isMobile?'90%':'90%'}`),attrs:{\"src\":`${_vm.file.link}?page=${_vm.pageNum}&w=${_vm.$store.state.app.isMobile?'800':'1600'}`}})]),(!_vm.$store.state.app.isMobile)?_c('div',{staticClass:\"pdf-sidebar\",style:(`height:calc(100vh - ${_vm.minusHeight}px);`)},[_c('div',{staticClass:\"pdf-controls d-flex justify-content-between\"},[_c('button',{attrs:{\"disabled\":_vm.pageNum <= 1},on:{\"click\":_vm.prevPage}},[_c('feather',{attrs:{\"type\":\"chevron-left\"}})],1),_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.pageNum)+\" / \"+_vm._s(_vm.pageCount))]),_c('button',{attrs:{\"disabled\":_vm.pageNum >= _vm.pageCount},on:{\"click\":_vm.nextPage}},[_c('feather',{attrs:{\"type\":\"chevron-right\"}})],1)]),_c('div',{staticClass:\"pdf-thumbs\"},_vm._l((_vm.pageCount),function(page){return _c('div',{key:page,staticClass:\"pdf-thumb\",class:{ active: page === _vm.pageNum },on:{\"click\":function($event){return _vm.goToPage(page)}}},[_c('img',{attrs:{\"src\":`${_vm.file.link}?page=${page}&w=160&h=120&mode=crop`}}),_c('div',{staticClass:\"page-number\"},[_vm._v(_vm._s(page))])])}),0)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pdf-container d-flex align-items-start\">\n    <div class=\"pdf-inner\" :style=\"`height:calc(100vh - ${minusHeight}px);`\">\n\n      <div v-if=\"$store.state.app.isMobile\" class=\"pdf-controls d-flex justify-content-between mg-b-20\">\n        <button @click=\"prevPage\" :disabled=\"pageNum <= 1\">\n          <feather type=\"chevron-left\"></feather>\n        </button>\n        <span class=\"text-white\">{{ pageNum }} / {{ pageCount }}</span>\n        <button @click=\"nextPage\" :disabled=\"pageNum >= pageCount\">\n          <feather type=\"chevron-right\"></feather>\n        </button>\n      </div>\n\n      <img :style=\"`max-width: ${$store.state.app.isMobile?'90%':'90%'}`\" :src=\"`${file.link}?page=${pageNum}&w=${$store.state.app.isMobile?'800':'1600'}`\" />\n      <!-- <canvas ref=\"pdfCanvas\"></canvas> -->\n    </div>\n    <div v-if=\"!$store.state.app.isMobile\" class=\"pdf-sidebar\" :style=\"`height:calc(100vh - ${minusHeight}px);`\">\n      <div class=\"pdf-controls d-flex justify-content-between\">\n        <button @click=\"prevPage\" :disabled=\"pageNum <= 1\">\n          <feather type=\"chevron-left\"></feather>\n        </button>\n        <span class=\"text-white\">{{ pageNum }} / {{ pageCount }}</span>\n        <button @click=\"nextPage\" :disabled=\"pageNum >= pageCount\">\n          <feather type=\"chevron-right\"></feather>\n        </button>\n      </div>\n      <div class=\"pdf-thumbs\">\n        <div \n          v-for=\"page in pageCount\" \n          :key=\"page\"\n          class=\"pdf-thumb\"\n          :class=\"{ active: page === pageNum }\"\n          @click=\"goToPage(page)\"\n        >\n        <img :src=\"`${file.link}?page=${page}&w=160&h=120&mode=crop`\" />\n          <!-- <canvas :ref=\"'thumb_' + page\"></canvas> -->\n          <div class=\"page-number\">{{ page }}</div>\n        </div>\n      </div>\n    </div>\n    \n  </div>\n  <!-- <iframe\n    v-if=\"fileReady\"\n    :src=\"`${file.link}#toolbar=0&navpanes=0`\"\n    :style=\"`\n    width:100%; \n    height:calc(100vh - ${minusHeight}px);`\"\n    frameborder=\"0\"\n    ref=\"myIframe\"\n  ></iframe> -->\n</template>\n<script>\nimport { fileInheritedDetail } from \"@/api/media\";\nimport { request } from \"@/api/all\";\n\n// PDF.js-ийг import хийх\n// import * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf';\n// import 'pdfjs-dist/legacy/build/pdf.worker.entry';\n\n// import * as pdfjsLib from 'pdfjs-dist/webpack';\n// import 'pdfjs-dist/webpack/pdf.worker.entry';\n// pdfjsLib.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.js`;\n\n// import * as pdfjsLib from 'pdfjs-dist';\n// // Worker-ийг тохируулах\n// pdfjsLib.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry');\n\n// PDF.js-ийг import хийх\n// import * as pdfjsLib from 'pdfjs-dist/build/pdf';\n// import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';\n\n// // Worker-ийг тохируулах\n// pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;\n\n\nexport default {\n  name: \"detail\",\n  props: {\n    propFileId: {\n      type: Number,\n      default: () => null\n    },\n    minusHeight: {\n      type: Number,\n      default: () => 115\n    }\n  },\n  data() {\n    return {\n      fileReady: false,\n      file: {},\n      deletingFileId: 0,\n      pdfDoc: null,\n      pageNum: 1,\n      pageCount: 0,\n      scale: 1.5,\n      viewLog: {\n        second: 0,\n      },\n    };\n  },\n\n  async mounted() {\n    let _id = this.propFileId;\n    if (_id == undefined) {\n      _id = this.$route.params.id;\n    }\n\n    if (this.$route.params.id) {\n      const res = await fileInheritedDetail({\n        params: { id: _id }, \n        store: this.$store\n      });\n      \n      this.file = res.data.file;\n      // console.log('this.$route.params.id', this.$route.params.id, this.file)\n      if(this.file.pageCount>0){\n        await this.loadPDF();\n      }\n      //\n    }\n  },\n  methods: {\n    async updateViewLog(page, isFullView) {\n      //let self = this;\n      let _id = this.propFileId;\n      if (_id == undefined) {\n        _id = this.$route.params.id;\n      }      \n      if(this.file.pageCount == page+1){\n        isFullView=true;\n      }\n\n      request({\n        api: { method: \"POST\", url: \"Media/UpdateVideoViewLog\" },\n        data: {\n          attachId: _id,\n          logId: this.viewLog.id,\n          second: page,\n          isFullView: isFullView != undefined ? isFullView : false,\n        },\n        store: this.$store,\n      });\n    },\n\n    async renderThumbnails() {\n      for (let pageNum = 1; pageNum <= this.pageCount; pageNum++) {\n        const page = await this.pdfDoc.getPage(pageNum);\n        const canvas = this.$refs['thumb_' + pageNum][0];\n        const context = canvas.getContext('2d');\n\n        const viewport = page.getViewport({ scale: 0.2 }); // Thumbnail хэмжээг бага байлгах\n        canvas.height = viewport.height;\n        canvas.width = viewport.width;\n\n        await page.render({\n          canvasContext: context,\n          viewport: viewport\n        }).promise;\n      }\n    },\n\n    async loadPDF() {\n      try {\n        //this.pdfDoc = await pdfjsLib.getDocument(this.file.link).promise;\n        // this.pageCount = this.pdfDoc.numPages;\n        this.pageCount = this.file.pageCount;\n        \n        await this.renderPage();\n        //await this.renderThumbnails(); // Thumbnail-үүдийг үүсгэх\n      } catch (error) {\n        // console.error('PDF ачаалахад алдаа гарлаа:', error);\n      }\n    },\n\n    async renderPage(pageNum) {\n      let self = this;\n      let _id = this.propFileId;\n      if (_id == undefined) {\n        _id = this.$route.params.id;\n      }\n\n      try {\n        request({\n          api: { method: \"POST\", url: \"Media/GetLastVideoViewLog\" },\n          data: {\n            attachId: _id,\n          },\n          store: this.$store,\n        }).then((res) => {\n          if (res != false) {\n            // console.log('sfrs', res);\n            this.viewLog = res.data.viewLog;\n            if (pageNum) {\n              self.updateViewLog(pageNum ? pageNum : 0);\n            }else{\n              if(res.data.viewLog.second!=null && res.data.viewLog.second>0){\n                this.pageNum= res.data.viewLog.second;\n              }\n            }\n            //  else {\n            //   if (res.data.viewLog.second > 0)\n            //     this.curPage = res.data.viewLog.second;\n            //   this.viewerOptions.initialViewIndex = this.curPage;\n            // }\n          }\n        });\n        // const page = await this.pdfDoc.getPage(this.pageNum);\n        // const canvas = this.$refs.pdfCanvas;\n        // const context = canvas.getContext('2d');\n\n        // const viewport = page.getViewport({ scale: this.scale });\n        // canvas.height = viewport.height;\n        // canvas.width = viewport.width;\n\n        // await page.render({\n        //   canvasContext: context,\n        //   viewport: viewport\n        // }).promise;\n      } catch (error) {\n        console.error('Хуудас харуулахад алдаа гарлаа:', error);\n      }\n    },\n\n    async prevPage() {\n      if (this.pageNum <= 1) return;\n      this.pageNum--;\n      await this.renderPage(this.pageNum);\n    },\n\n    async nextPage() {\n      if (this.pageNum >= this.pageCount) return;\n      this.pageNum++;\n      await this.renderPage(this.pageNum);\n    },\n\n    goToPage(pageNum) {\n      this.pageNum = pageNum;\n      this.renderPage(this.pageNum);\n    }\n  }\n};\n</script>\n\n<style scoped>\n.pdf-controls {\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n}\n.pdf-inner{\n  overflow-y: auto;\n  background: #525659;\n  justify-items: center;\n  width: 100%;\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n.pdf-inner img {\n  border-radius: 8px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n  /* max-width: calc(75vw - 400px); */\n  /* min-width: calc(75vw - 400px); */\n}\n\nbutton {\n  padding: 5px 10px;\n  background-color: #4CAF50;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton:disabled {\n  background-color: #cccccc;\n  cursor: not-allowed;\n}\n\n.pdf-sidebar {\n  width: 25%;\n  padding: 10px;\n  background: rgb(50 54 57);\n  border-radius: 0 5px 0 0;\n  overflow-y: auto;\n}\n\n.pdf-thumbs {\n  margin-top: 1rem;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 0.5rem;\n}\n\n.pdf-thumb {\n  margin-bottom: 0;  /* Remove margin-bottom since we're using grid gap */\n  cursor: pointer;\n  position: relative;\n  border: 2px solid transparent;\n}\n\n.pdf-thumb.active {\n  border-color: #4CAF50;\n  border-radius: 7px;\n}\n\n.pdf-thumb img {\n  border-radius: 5px;\n  width: 100%;\n  height: auto;\n  opacity: 0.8; /* Default opacity */\n  filter: grayscale(100%); /* Convert to grayscale */\n  transition: opacity 0.2s ease; /* Smooth transition */\n}\n\n.pdf-thumb:hover img,\n.pdf-thumb.active img {\n  filter: none;\n  opacity: 1; /* Hover болон active үед тод харагдуулах */\n}\n\n.pdf-thumb.active .page-number {\n  background: rgba(76, 175, 80, 0.8);  /* Using the same green as the buttons (#4CAF50) with some transparency */\n}\n\n.page-number {\n  position: absolute;\n  bottom: 5px;\n  right: 5px;\n  background: rgba(0, 0, 0, 0.5);\n  color: white;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 12px;\n}\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=84da85f6&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=84da85f6&prod&scoped=true&lang=css\"\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  \"84da85f6\",\n  null\n  \n)\n\nexport default component.exports","import index from \"./index.vue\";\nexport default index;\n"],"sourceRoot":""}