{"version":3,"sources":["webpack:///./src/api/media.js","webpack:///./src/components/modules/media/previewPage.vue?3474","webpack:///src/components/modules/media/previewPage.vue","webpack:///./src/components/modules/media/previewPage.vue?8c89","webpack:///./src/components/modules/media/previewPage.vue"],"names":["filePreData","data","params","store","Promise","resolve","requestApi","api","method","then","res","rs","dynamicDispatcher","filePreviewDetail","fileInheritedDetail","editorFileInfo","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","on","download","_v","_e","docExt","key","loaderKey","attrs","parseInt","id","prms","force","minusHeight","$event","$emit","onImgLoaded","$store","state","app","staticStyle","qrImg","style","qrLeft","showDescr","domProps","_s","fileInf","desc","staticRenderFns","name","components","loader","props","swd","type","String","default","Number","show","Boolean","Object","showSidebar","img","mounted","fileDetail","isFull","methods","playerResume","$refs","mediaLdr","_prms","lessonId","courseId","cid","boxId","bid","objectTypeId","bot","generateQr","qr","visibleChanged","e","updateRecentView","attachId","iid","isCompleted","window","open","document","createElement","src","link","onload","naturalWidth","self","clientWidth","computed","courseid","watch","val","component"],"mappings":"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","file":"js/chunk-58f9dc64.a8a7fb32.js","sourcesContent":["import { requestApi, requestUploader } from \"@/api/core\";\r\nimport { dynamicDispatcher } from \"@/libs/util\";\r\n\r\nexport const filePreData = ({ data, params, store }) => {\r\n  return new Promise(resolve => {\r\n    requestApi({\r\n      api: \"Media/FilePreData\",\r\n      method: \"get\",\r\n      params: params,\r\n      data: data\r\n    }).then(res => {\r\n      if (res != false) {\r\n        let rs = dynamicDispatcher(res, store);\r\n        if (rs != false) {\r\n          resolve(rs);\r\n        } else {\r\n          resolve(false);\r\n        }\r\n      } else {\r\n        resolve(false);\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nexport const filePreviewDetail = ({ data, params, store }) => {\r\n  return new Promise(resolve => {\r\n    requestApi({\r\n      api: \"Media/FilePreviewDetail\",\r\n      method: \"get\",\r\n      params: params,\r\n      data: data\r\n    }).then(res => {\r\n      if (res != false) {\r\n        let rs = dynamicDispatcher(res, store);\r\n        if (rs != false) {\r\n          resolve(rs);\r\n        } else {\r\n          resolve(false);\r\n        }\r\n      } else {\r\n        resolve(false);\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nexport const fileInheritedDetail = ({ data, params, store }) => {\r\n  return new Promise(resolve => {\r\n    requestApi({\r\n      api: \"Media/FileInheritedDetail\",\r\n      method: \"get\",\r\n      params: params,\r\n      data: data\r\n    }).then(res => {\r\n      if (res != false) {\r\n        let rs = dynamicDispatcher(res, store);\r\n        if (rs != false) {\r\n          resolve(rs);\r\n        } else {\r\n          resolve(false);\r\n        }\r\n      } else {\r\n        resolve(false);\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nexport const editorFileInfo = ({ data, params, store }) => {\r\n  return new Promise(resolve => {\r\n    requestApi({\r\n      api: \"Media/EditorFileInfo\",\r\n      method: \"get\",\r\n      params: params,\r\n      data: data\r\n    }).then(res => {\r\n      if (res != false) {\r\n        let rs = dynamicDispatcher(res, store);\r\n        if (rs != false) {\r\n          resolve(rs);\r\n        } else {\r\n          resolve(false);\r\n        }\r\n      } else {\r\n        resolve(false);\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nexport const uploader = ({ file, params, store }) => {\r\n  return new Promise(resolve => {\r\n    //console.log(file);\r\n    requestUploader({\r\n      //api: \"Media/uploader\",\r\n      file: file,\r\n      //method: \"post\",\r\n      params: params\r\n      //data: data\r\n    }).then(res => {\r\n      if (res != false) {\r\n        let rs = dynamicDispatcher(res, store);\r\n        if (rs != false) {\r\n          resolve(rs);\r\n        } else {\r\n          resolve(false);\r\n        }\r\n      } else {\r\n        resolve(false);\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nexport const boxInAttachmentList = ({ data, params, store }) => {\r\n  return new Promise(resolve => {\r\n    requestApi({\r\n      api: \"Media/BoxInAttachmentList\",\r\n      method: \"get\",\r\n      params: params,\r\n      data: data\r\n    }).then(res => {\r\n      if (res != false) {\r\n        let rs = dynamicDispatcher(res, store);\r\n        if (rs != false) {\r\n          resolve(rs);\r\n        } else {\r\n          resolve(false);\r\n        }\r\n      } else {\r\n        resolve(false);\r\n      }\r\n    });\r\n  });\r\n};\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"item_cnt\",staticClass:\"pos-relative\"},[(_vm.force)?_c('div',[_c('div',{staticClass:\"pd-10 bg-white bd-b\"},[_c('button',{staticClass:\"btn btn-outline-success btn-xs\",on:{\"click\":_vm.download}},[_c('i',{staticClass:\"icon ion-md-download tx-14 mg-r-5 pd-t-5\"}),_vm._v(\" татах\")])])]):_vm._e(),(_vm.docExt != '')?_c('loader',{key:_vm.loaderKey,ref:\"mediaLdr\",attrs:{\"otCompName\":_vm.docExt,\"propFileId\":parseInt(_vm.id, 0),\"prms\":_vm.prms,\"minusHeight\":_vm.force && _vm.minusHeight == 170 ? 0 : _vm.minusHeight,\"force\":_vm.force},on:{\"on-completed-info\":function($event){return _vm.$emit('on-completed-info', $event)},\"on-img-loaded\":_vm.onImgLoaded,\"on-finish-video\":function($event){return _vm.$emit('on-finish-video', $event)},\"on-hide-finish-btn\":function($event){return _vm.$emit('on-hide-finish-btn', $event)},\"on-interactive-media\":function($event){return _vm.$emit('on-interactive-media', $event)},\"on-interactive-html\":function($event){return _vm.$emit('on-interactive-html', $event)}}}):_vm._e(),(_vm.$store.state.app.isMobile)?_c('div',{staticClass:\"bg-white pd-1 bd rounded-1\",staticStyle:{\"position\":\"absolute\",\"top\":\"10px\",\"right\":\"10px\"}},[_c('img',{staticClass:\"wd-40 ht-40\",attrs:{\"src\":(\"data:image/png;base64, \" + _vm.qrImg)}})]):_c('div',[(_vm.docExt == 'image')?_c('div',{staticClass:\"bg-white pd-5 bd rounded-3\",style:((\"position: absolute; bottom: 30px; left: \" + _vm.qrLeft + \"px\"))},[_c('img',{staticClass:\"wd-60 ht-60\",attrs:{\"src\":(\"data:image/png;base64, \" + _vm.qrImg)}})]):_c('div',{staticClass:\"bg-white pd-5 bd rounded-3\",staticStyle:{\"position\":\"absolute\",\"bottom\":\"80px\",\"right\":\"30px\"}},[_c('img',{staticClass:\"wd-60 ht-60\",attrs:{\"src\":(\"data:image/png;base64, \" + _vm.qrImg)}})])])],1),(_vm.showDescr())?_c('div',{staticClass:\"pd-x-10 pd-y-15 tx-13 tx-color-02\",domProps:{\"innerHTML\":_vm._s(_vm.fileInf.desc)}}):_vm._e(),_c('img',{attrs:{\"id\":\"imgtmp\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pos-relative\" ref=\"item_cnt\">\r\n      <!-- <div v-if=\"force && $store.state.app.activeGroup.id == 9254\"> -->\r\n        <div v-if=\"force\">\r\n          <!-- Сертификат загвар татах үед ашиглаж байгаа -->\r\n        <!-- <a >татах</a> -->\r\n        <div class=\"pd-10 bg-white bd-b\"><button class=\"btn btn-outline-success btn-xs\" @click=\"download\"><i class=\"icon ion-md-download tx-14 mg-r-5 pd-t-5\"></i> татах</button></div>\r\n\r\n      </div>\r\n      <loader\r\n        ref=\"mediaLdr\"\r\n        :key=\"loaderKey\"\r\n        v-if=\"docExt != ''\"\r\n        :otCompName=\"docExt\"\r\n        :propFileId=\"parseInt(id, 0)\"\r\n        :prms=\"prms\"\r\n        :minusHeight=\"force && minusHeight == 170 ? 0 : minusHeight\"\r\n        @on-completed-info=\"$emit('on-completed-info', $event)\"\r\n        @on-img-loaded=\"onImgLoaded\"\r\n        @on-finish-video=\"$emit('on-finish-video', $event)\"\r\n        @on-hide-finish-btn=\"$emit('on-hide-finish-btn', $event)\"\r\n        :force=\"force\"\r\n        @on-interactive-media=\"$emit('on-interactive-media', $event)\"\r\n        @on-interactive-html=\"$emit('on-interactive-html', $event)\"\r\n      />\r\n      <div\r\n        v-if=\"$store.state.app.isMobile\"\r\n        style=\"position: absolute; top: 10px; right: 10px\"\r\n        class=\"bg-white pd-1 bd rounded-1\"\r\n      >\r\n        <img class=\"wd-40 ht-40\" :src=\"`data:image/png;base64, ${qrImg}`\" />\r\n      </div>\r\n      <div v-else>\r\n        <div\r\n          v-if=\"docExt == 'image'\"\r\n          :style=\"`position: absolute; bottom: 30px; left: ${qrLeft}px`\"\r\n          class=\"bg-white pd-5 bd rounded-3\"\r\n        >\r\n          <img class=\"wd-60 ht-60\" :src=\"`data:image/png;base64, ${qrImg}`\" />\r\n        </div>\r\n        <div\r\n          v-else\r\n          style=\"position: absolute; bottom: 80px; right: 30px\"\r\n          class=\"bg-white pd-5 bd rounded-3\"\r\n        >\r\n          <img class=\"wd-60 ht-60\" :src=\"`data:image/png;base64, ${qrImg}`\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-if=\"showDescr()\"\r\n      class=\"pd-x-10 pd-y-15 tx-13 tx-color-02\"\r\n      v-html=\"fileInf.desc\"\r\n    ></div>\r\n    <img id=\"imgtmp\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from \"vuex\";\r\nimport { getFileMode } from \"@/libs/tools\";\r\nimport { filePreData, filePreviewDetail } from \"@/api/media\";\r\n\r\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\r\nimport AsyncLoading from \"@/components/base/asyncLoading\";\r\n\r\nimport { request } from \"@/api/all\";\r\n\r\nexport default {\r\n  name: \"FileDetail\",\r\n  components: {\r\n    loader: () => ({\r\n      component: import(\"@/components/modules/media/components/loader\"),\r\n      loading: AsyncLoading,\r\n      error: AsyncLoadError,\r\n      delay: 100,\r\n      timeout: 5000\r\n    })\r\n  },\r\n  props: {\r\n    swd: {\r\n      type: String,\r\n      default: () => \"90vw\"\r\n    },\r\n    id: {\r\n      type: [Number, String],\r\n      default: () => 0\r\n    },\r\n    show: {\r\n      type: Boolean,\r\n      default: () => false\r\n    },\r\n    params: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    force: {\r\n      type: Boolean,\r\n      default: () => false\r\n    },\r\n    minusHeight: {\r\n      type: Number,\r\n      default: () => 170\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      docExt: \"\",\r\n      fileInf: {},\r\n      prms: {},\r\n      loaderKey: 0,\r\n      showSidebar: false,\r\n      qrImg: \"\",\r\n      qrLeft: 0,\r\n      img: { w: 600, h: 480 },\r\n      \r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.id > 0) this.fileDetail();\r\n    if(this.params.isFull!=undefined && this.params.isFull){\r\n      this.prms.isFull= true;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\"handleLoading\"]),\r\n    playerResume(){\r\n      this.$refs.mediaLdr.playerResume();\r\n    },\r\n    fileDetail() {\r\n      this.showSidebar = true;\r\n\r\n      let _prms = {};\r\n      if (this.force) {\r\n        _prms = {\r\n          id: this.id\r\n        };\r\n      } else {\r\n        _prms = {\r\n          id: this.id,\r\n          lessonId: this.params.id,\r\n          courseId: this.params.cid,\r\n          boxId: this.params.bid,\r\n          objectTypeId: this.params.bot\r\n        };\r\n      }\r\n      //console.log('filePreData', _prms);\r\n      filePreData({\r\n        params: _prms,\r\n        store: this.$store\r\n      }).then(res => {\r\n        //console.log('filePreData', res);\r\n        if (res != false) {\r\n          //console.log(res);\r\n          this.$emit(\"on-completed-info\", res.data.isCompleted);\r\n\r\n          //GOLOMT PDF TATAAD NUHTSUL AVAV 2021-09-22\r\n          if (\r\n            (this.$store.state.app.activeGroup.id == 9241 ||\r\n              this.$store.state.app.activeGroup.id == 9249) &&\r\n            getFileMode(res.data.file.extension) == \"pdfObject\"\r\n          ) {\r\n            //# pdf olgoj baisniig tataad bsn uchir document bolgov golomt 2021-09-30\r\n            this.docExt = \"document\";\r\n          }\r\n          // else if(this.$store.state.app.activeGroup.id == 9157){\r\n          //   if(getFileMode(res.data.file.extension) == \"pdfObject\"){\r\n          //     this.docExt = \"pdf\";\r\n          //   }\r\n          //   // console.log('getFileMode(res.data.file.extension)', getFileMode(res.data.file.extension))\r\n          // } \r\n          // else if(getFileMode(res.data.file.extension) == \"video\"){\r\n          //   this.fetchInteractives(this.id);\r\n          // }\r\n          else {\r\n            this.docExt = getFileMode(res.data.file.extension);\r\n          }\r\n\r\n          //this.docExt = getFileMode(res.data.file.extension);\r\n\r\n          this.loaderKey++;\r\n          filePreviewDetail({\r\n            params: { id: this.id },\r\n            store: this.$store\r\n          }).then(res => {\r\n            //console.log('filePreviewDetail', res);\r\n            if (res != false) {\r\n              this.$emit(\"on-data-fetched\", res);\r\n              //console.log(res);\r\n              this.generateQr();\r\n\r\n              if (\r\n                this.docExt == \"document\" ||\r\n                this.docExt == \"pdfObject\" ||\r\n                this.docExt == \"pdf\"\r\n              ) {\r\n                this.$emit(\"content-no-padding\", true);\r\n              } else this.$emit(\"content-no-padding\", false);\r\n\r\n              this.$emit(\"on-file-loaded\", res.data.file);\r\n              this.fileInf = res.data.file;\r\n              if (!this.force) this.updateRecentView();\r\n            }\r\n          });\r\n        }\r\n      });\r\n    },\r\n    \r\n    generateQr() {\r\n      let grpLatinName = this.$store.state.app.activeGroup.id;\r\n      if (\r\n        this.$store.state.app.activeGroup.id == 9241 ||\r\n        this.$store.state.app.activeGroup.id == 9249\r\n      )\r\n        grpLatinName = \"Golomt\";\r\n      request({\r\n        api: { method: \"POST\", url: \"Qr/Generate\" },\r\n        data: {\r\n          qr: `${grpLatinName}-${this.$store.state.user.userInfo.user_name}`\r\n        },\r\n        store: this.$store\r\n      }).then(res => {\r\n        if (res != false) {\r\n          this.qrImg = res.data.base64;\r\n        }\r\n      });\r\n    },\r\n    visibleChanged(e) {\r\n      if (!e) {\r\n        //this.loaderKey++;\r\n        this.showSidebar = false;\r\n        this.$emit(\"on-hide\");\r\n      }\r\n    },\r\n    updateRecentView() {\r\n      request({\r\n        api: { method: \"POST\", url: \"Learn/AttachFinish\" },\r\n        data: {\r\n          attachId: this.params.iid,\r\n          lessonId: this.params.id,\r\n          courseId: this.params.cid,\r\n          boxId: this.params.bid,\r\n          objectTypeId: this.params.bot,\r\n          isCompleted: false\r\n        },\r\n        store: this.$store\r\n      }).then(res => {\r\n        if (res != false) {\r\n          this.$emit(\"on-finished\", this.params);\r\n          //console.log('AttachFinish=> ', res);\r\n        }\r\n      });\r\n    },\r\n    download(){\r\n      window.open(\r\n            this.fileInf.link + \"?i=\" + Math.floor(Math.random() * 100),\r\n            \"_blank\"\r\n          );\r\n    },\r\n    showDescr() {\r\n      if (\r\n        getFileMode(this.docExt) != \"document\" &&\r\n        getFileMode(this.docExt) != \"pdfObject\" &&\r\n        this.fileInf.desc != null &&\r\n        this.fileInf.desc != \"\"\r\n      ) {\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    onImgLoaded(e) {\r\n      let self = this;\r\n      var img = document.createElement(\"img\");\r\n      img.src = e.link + \"?w=1200\";\r\n      img.onload = function() {\r\n        //console.log(self.$refs['item_cnt'].clientWidth);\r\n        //   div w = 1200\r\n        // img w = 400\r\n        // (1200-400)%2+30\r\n        // ----****----\r\n        if (img.naturalWidth >= self.$refs[\"item_cnt\"].clientWidth) {\r\n          self.qrLeft = 30;\r\n        } else\r\n          self.qrLeft =\r\n            (self.$refs[\"item_cnt\"].clientWidth - img.naturalWidth) / 2 + 30;\r\n      };\r\n    }\r\n  },\r\n  computed: {\r\n    courseid() {\r\n      return this.show;\r\n    }\r\n  },\r\n  watch: {\r\n    courseid(val) {\r\n      if (val) {\r\n        this.fileDetail();\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\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!./previewPage.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!./previewPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./previewPage.vue?vue&type=template&id=70944b73&\"\nimport script from \"./previewPage.vue?vue&type=script&lang=js&\"\nexport * from \"./previewPage.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}