{"version":3,"sources":["webpack:///./src/components/modules/media/previewPage.vue?e1b5","webpack:///src/components/modules/media/previewPage.vue","webpack:///./src/components/modules/media/previewPage.vue?8c89","webpack:///./src/components/modules/media/previewPage.vue"],"names":["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","params","Object","data","showSidebar","img","mounted","fileDetail","methods","playerResume","$refs","mediaLdr","_prms","lessonId","courseId","cid","boxId","bid","objectTypeId","bot","store","res","generateQr","api","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-2d20e863.bc68981b.js","sourcesContent":["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>\r\n  <div>\r\n    <div class=\"pos-relative\" ref=\"item_cnt\">\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  },\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(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    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=2f9f07ec&\"\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":""}