{"version":3,"sources":["webpack:///./src/components/modules/media/previewPage.vue","webpack:///src/components/modules/media/previewPage.vue","webpack:///./src/components/modules/media/previewPage.vue?8ea2","webpack:///./src/components/modules/media/previewPage.vue?1738"],"names":["render","_vm","this","_c","_self","ref","staticClass","hideDownload","force","hasPermission","on","download","_v","_e","docExt","key","loaderKey","attrs","parseInt","id","prms","minusHeight","$event","$emit","onImgLoaded","$store","state","app","isMobile","staticStyle","concat","qrImg","style","qrLeft","showDescr","domProps","_s","fileInf","desc","staticRenderFns","name","components","loader","component","loading","AsyncLoading","error","AsyncLoadError","delay","timeout","props","swd","type","String","default","Number","show","Boolean","params","Object","data","showSidebar","img","w","h","mounted","fileDetail","undefined","isFull","methods","_objectSpread","hasOneOf","tarr","arr","perrArr","user","access","mapActions","playerResume","$refs","mediaLdr","_this","_prms","lessonId","courseId","cid","boxId","bid","objectTypeId","bot","filePreData","store","then","res","isCompleted","activeGroup","getFileMode","file","extension","filePreviewDetail","generateQr","updateRecentView","_this2","grpLatinName","request","api","method","url","qr","userInfo","user_name","base64","visibleChanged","e","_this3","attachId","iid","window","open","link","Math","floor","random","self","document","createElement","src","onload","naturalWidth","clientWidth","computed","courseid","watch","val"],"mappings":"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","file":"js/chunk-2d20e863.d5478d3a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{ref:\"item_cnt\",staticClass:\"pos-relative\"},[(!_vm.hideDownload && _vm.force && _vm.hasPermission(['admin', 'learningadmin']))?_c('div',[_c('div',{staticClass:\"bg-white pd-10 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\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"pos-relative\" ref=\"item_cnt\">\n      <!-- <div v-if=\"force && $store.state.app.activeGroup.id == 9254\"> -->\n        <div v-if=\"!hideDownload && force && hasPermission(['admin', 'learningadmin'])\">\n          <!-- Сертификат загвар татах үед ашиглаж байгаа -->\n        <!-- <a >татах</a> -->\n          <div class=\"bg-white pd-10 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>\n        </div>\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\";\nimport { hasOneOf } from \"@/libs/tools\";\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    hideDownload:{\n      type: Boolean,\n      default: () => false\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!=undefined && this.params.isFull!=undefined && this.params.isFull){\n      this.prms.isFull= true;\n    }\n  },\n  methods: {\n    hasOneOf(tarr, arr) {\n      return hasOneOf(tarr, arr);\n    },\n    hasPermission(perrArr) {\n      return hasOneOf(perrArr, this.$store.state.user.access);\n    },\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          // console.log('getFileMode(res.data.file.extension)', getFileMode(res.data.file.extension))\n          \n          //GOLOMT PDF TATAAD NUHTSUL AVAV 2021-09-22\n          if (\n            (\n              // this.$store.state.app.activeGroup.id == 9132 ||  \n              // this.$store.state.app.activeGroup.id == 9352 || \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(this.$store.state.app.activeGroup.id == 9132 && getFileMode(res.data.file.extension) == \"pdfObject\"){\n          //   this.docExt = \"pdf\";\n          // }\n           else if((this.$store.state.app.activeGroup.id == 9357 \n          //|| this.$store.state.app.activeGroup.id == 9352\n\n          ) && (\n            res.data.file.extension=='ppt' ||\n            res.data.file.extension=='pptx'\n          )){\n            // console.log('getFileMode(res.data.file.extension', getFileMode(res.data.file.extension), res.data.file.extension)\n            this.docExt = \"ppt\";\n          }\n          // else if(this.$store.state.app.activeGroup.id == 9157){\n          //   if(getFileMode(res.data.file.extension) == \"pdfObject\"){\n          //     this.docExt = \"pdf\";\n          //   }\n          //   // console.log('getFileMode(res.data.file.extension)', getFileMode(res.data.file.extension))\n          // } \n          // else if(getFileMode(res.data.file.extension) == \"video\"){\n          //   this.fetchInteractives(this.id);\n          // }\n          else if(getFileMode(res.data.file.extension) == \"pdfObject\"){\n            this.docExt = \"pdfJs\";\n          }\n          else {\n            //console.log('getFileMode(res.data.file.extension)', getFileMode(res.data.file.extension), res.data.file.extension)\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                this.docExt == \"pdfJs\" ||\n                this.docExt == \"ppt\"\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    download(){\n      window.open(\n            this.fileInf.link + \"?i=\" + Math.floor(Math.random() * 100),\n            \"_blank\"\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=280bdd6b\"\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":""}