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