{"version":3,"sources":["webpack:///./src/components/VideoCourse/AddVideoData/UploadVideo/UploadVideo.vue?07be","webpack:///src/components/VideoCourse/AddVideoData/UploadVideo/UploadVideo.vue","webpack:///./src/components/VideoCourse/AddVideoData/UploadVideo/UploadVideo.vue?6f2f","webpack:///./src/components/VideoCourse/AddVideoData/UploadVideo/UploadVideo.vue?f593","webpack:///./src/components/VideoCourse/AddVideoData/UploadVideo/UploadVideo.vue?9d7f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","show","expression","staticStyle","staticClass","_v","_s","titleText","on","$event","toggleUploadVideo","closingFromBtn","ref","previewUrl","class","blur","uploading","videoUploadPerctange","_e","deleteLoader","deleteVideo","previewFile","formLoading","btnDisabled","proceedForm","staticRenderFns","name","data","loading","videoObj","fileType","videoDetail","thumbnail","computed","mapGetters","getVideoShow","get","set","type","playlist","emitter","watch","methods","mapActions","toggleVideoDetail","openModal","closeModal","uploadVideo","canvas","context","console","Math","formData","Axios","onSuccess","onFailure","onUploadProgress","params","config","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VDialog","VForm","VIcon","VProgressCircular","VRow","VSpacer"],"mappings":"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P,GACfC,mBACAC,gBACA,OACAC,WACAN,eACAN,aACAH,cACAU,eACAM,YACAZ,uBACAa,YACAC,iBACAZ,gBACAa,iBAGAC,0CACAC,gBACAC,2CACA,IACAlC,MACAmC,eACA,0BAEAC,gBACA,+BAAApC,WAGAqC,gBACA,uDAEAC,oBACA,2DAEAC,mBACA,uDAEAjC,qBACA,kBACA,UACA,qBACA,WACA,qBACA,QACA,yBAIAkC,OACAxC,iBACA,EACA,iBAEA,oBAIAyC,yCACAC,gBACAjC,kDACAkC,qDACA,IACAC,uBACAlC,0BACA,iBACA,oBAGAmC,sBACA,gBACA,oBACA,kBACA,mBACA,iBACA,4BACA,iBACA,sBACA,qBACA,oBACA,qBAEAzB,uBACA,kBACA,4CACA,+CACA,mDACA,gCAEA,oBAEA0B,uBAAA,WACA,cAEA,6BACA,iCAGA,oBACA,iBACA,qBACAC,qBACAA,uBAEAC,oCAEAD,sBACA,gCACA,cACAE,4BAGA,iBAEA,gBAEA,aACA,gBAEA,cACA,gCACAC,mCAGA,eACA,+BAEAC,+BAGAA,oCAEAC,kDACA1B,OACA2B,YACAC,YACAC,sBAGApC,uBAAA,WACA,qBACA,iBACA,8BACA,mBACA,kBACA,kBAEA,aACA,mBAEA,KACAqC,4BACAJ,oDACAI,SACAH,YACAC,eAGA/B,uBACA,OACAkC,oBACAA,6BACAA,8BACA,gBACAA,6BAEAA,uBAEA,0BACA,wBAAAzD,cC3RkY,I,qKCQ9X0D,EAAY,eACd,EACAtE,EACAoC,GACA,EACA,KACA,KACA,MAIa,aAAAkC,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,UAAA,KAAQC,QAAA,KAAMC,QAAA,KAAMC,oBAAA,KAAkBC,OAAA,KAAKC,UAAA,Q,oCCnC3H,W","file":"js/chunk-368a1b38.64f82cc9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-dialog',{attrs:{\"width\":\"400\",\"scrollable\":\"\",\"persistent\":\"\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticStyle:{\"background\":\"#2d8cff\"}},[_c('span',{staticClass:\"title_text__class\"},[_vm._v(_vm._s(_vm.titleText))]),_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.toggleUploadVideo({ show: false }), _vm.closingFromBtn}}},[_c('v-icon',{attrs:{\"large\":\"\",\"color\":\"#ffffff\"}},[_vm._v(\"mdi-close\")])],1)],1),(_vm.loading)?_c('v-card-text',[_c('div',{staticClass:\"text-center fill-height\",staticStyle:{\"min-height\":\"400px\"}},[_c('v-progress-circular',{staticClass:\"mr-2 my-2 mt-10\",attrs:{\"indeterminate\":\"\",\"color\":\"#2d8cff\"}})],1)]):_c('v-card-text',{staticClass:\"pt-9\"},[_c('v-form',{ref:\"videoForm\",attrs:{\"lazy-validation\":\"\"}},[_c('v-row',[_c('v-col',{staticClass:\"px-2\",staticStyle:{\"min-height\":\"250px\"},attrs:{\"cols\":\"12\"}},[(!_vm.previewUrl)?_c('div',[_c('label',{staticClass:\"label__class d-flex justify-center\",attrs:{\"for\":\"fileInput\"}},[_c('div',{staticClass:\"text-center mt-14\"},[_c('v-icon',{attrs:{\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-tray-arrow-up\")]),_c('div',{staticClass:\"label_heading__class\"},[_vm._v(\"Upload Video File\")]),_c('div',{staticClass:\"label_description__class\"},[_vm._v(\" Video limit : 1 hr | Upload landscape video \")])],1)])]):_c('div',[_c('div',{staticClass:\"d-flex justify-center\"},[_c('video',{ref:\"video\",staticClass:\"VideoPreview\",class:{ blur: _vm.uploading },attrs:{\"src\":_vm.previewUrl,\"id\":\"video\",\"width\":\"100%\"}}),_c('canvas',{ref:\"canvas\",attrs:{\"id\":\"canvas\",\"hidden\":\"\"}})]),_c('div',{staticClass:\"d-flex pt-3\"},[_c('div',{staticClass:\"d-flex\"},[_c('v-icon',{attrs:{\"color\":\"#656565\"}},[_vm._v(\"mdi-video-outline\")]),_c('span',{staticClass:\"uploading_text__class pl-3 pt-2\"},[_vm._v(\" Video File \"),(_vm.uploading)?_c('span',[_vm._v(\"Uploading \"+_vm._s(_vm.videoUploadPerctange)+\"%\")]):_vm._e()])],1),_c('v-spacer'),(!_vm.uploading)?_c('v-btn',{staticStyle:{\"min-width\":\"5px !important\",\"padding\":\"5px !important\"},attrs:{\"text\":\"\",\"loading\":_vm.deleteLoader},on:{\"click\":_vm.deleteVideo}},[_c('v-icon',{attrs:{\"color\":\"#EB5757\"}},[_vm._v(\"mdi-delete-outline\")])],1):_vm._e()],1)]),_c('input',{ref:\"fileInput\",staticClass:\"d-none\",attrs:{\"type\":\"file\",\"accept\":\"video/*\",\"id\":\"fileInput\"},on:{\"input\":_vm.previewFile}})])],1)],1)],1),_c('v-card-actions',{staticClass:\"pb-3\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"proceed_btn__class text-none py-6\",attrs:{\"color\":\"#2d8cff\",\"width\":\"100%\",\"loading\":_vm.formLoading,\"disabled\":_vm.btnDisabled},on:{\"click\":_vm.proceedForm}},[_vm._v(\" Proceed \")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog v-model=\"show\" width=\"400\" scrollable persistent>\n      <v-card>\n        <v-card-title style=\"background: #2d8cff\">\n          <span class=\"title_text__class\">{{ titleText }}</span>\n          <v-spacer></v-spacer>\n          <v-btn\n            text\n            @click=\"toggleUploadVideo({ show: false }), closingFromBtn\"\n          >\n            <v-icon large color=\"#ffffff\">mdi-close</v-icon>\n          </v-btn>\n        </v-card-title>\n        <v-card-text v-if=\"loading\">\n          <div class=\"text-center fill-height\" style=\"min-height: 400px\">\n            <v-progress-circular\n              indeterminate\n              color=\"#2d8cff\"\n              class=\"mr-2 my-2 mt-10\"\n            />\n          </div>\n        </v-card-text>\n        <v-card-text v-else class=\"pt-9\">\n          <v-form lazy-validation ref=\"videoForm\">\n            <v-row>\n              <v-col cols=\"12\" class=\"px-2\" style=\"min-height: 250px\">\n                <div v-if=\"!previewUrl\">\n                  <label\n                    for=\"fileInput\"\n                    class=\"label__class d-flex justify-center\"\n                  >\n                    <div class=\"text-center mt-14\">\n                      <v-icon color=\"#2D8CFF\">mdi-tray-arrow-up</v-icon>\n                      <div class=\"label_heading__class\">Upload Video File</div>\n                      <div class=\"label_description__class\">\n                        Video limit : 1 hr | Upload landscape video\n                      </div>\n                    </div>\n                  </label>\n                </div>\n                <div v-else>\n                  <div class=\"d-flex justify-center\">\n                    <video\n                      :src=\"previewUrl\"\n                      :class=\"{ blur: uploading }\"\n                      class=\"VideoPreview\"\n                      id=\"video\"\n                      ref=\"video\"\n                      width=\"100%\"\n                    ></video>\n                    <canvas id=\"canvas\" ref=\"canvas\" hidden></canvas>\n                    <!-- <div v-if=\"uploading\" class=\"upload-percentage\">\n                      {{ videoUploadPerctange }}%\n                    </div> -->\n                  </div>\n                  <div class=\"d-flex pt-3\">\n                    <div class=\"d-flex\">\n                      <v-icon color=\"#656565\">mdi-video-outline</v-icon>\n                      <span class=\"uploading_text__class pl-3 pt-2\">\n                        Video File\n                        <span v-if=\"uploading\"\n                          >Uploading {{ videoUploadPerctange }}%</span\n                        >\n                      </span>\n                    </div>\n                    <v-spacer></v-spacer>\n                    <v-btn\n                      text\n                      style=\"min-width: 5px !important; padding: 5px !important\"\n                      @click=\"deleteVideo\"\n                      v-if=\"!uploading\"\n                      :loading=\"deleteLoader\"\n                    >\n                      <v-icon color=\"#EB5757\">mdi-delete-outline</v-icon>\n                    </v-btn>\n                  </div>\n                </div>\n                <input\n                  type=\"file\"\n                  accept=\"video/*\"\n                  id=\"fileInput\"\n                  ref=\"fileInput\"\n                  class=\"d-none\"\n                  @input=\"previewFile\"\n                />\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n        <v-card-actions class=\"pb-3\">\n          <v-row no-gutters>\n            <v-col cols=\"12\">\n              <v-btn\n                color=\"#2d8cff\"\n                width=\"100%\"\n                class=\"proceed_btn__class text-none py-6\"\n                :loading=\"formLoading\"\n                :disabled=\"btnDisabled\"\n                @click=\"proceedForm\"\n              >\n                Proceed\n              </v-btn>\n            </v-col>\n          </v-row>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n<script>\nimport { mapActions, mapGetters } from \"vuex\";\nimport apiUrl from \"@/common/apiUrl\";\nimport Axios from \"@/api/newAxios\";\nexport default {\n  name: \"UploadVideo\",\n  data() {\n    return {\n      loading: false,\n      formLoading: false,\n      uploading: false,\n      previewUrl: \"\",\n      btnDisabled: true,\n      videoObj: {},\n      videoUploadPerctange: 0,\n      fileType: \"\",\n      videoDetail: null,\n      deleteLoader: false,\n      thumbnail: null,\n    };\n  },\n  computed: {\n    ...mapGetters({\n      getVideoShow: \"videoCourse/getVideoShow\",\n    }),\n    show: {\n      get() {\n        return this.getVideoShow;\n      },\n      set(value) {\n        return this.toggleUploadVideo({ show: value });\n      },\n    },\n    type() {\n      return this.$store.state.videoCourse.uploadVideo.type;\n    },\n    playlist() {\n      return this.$store.state.videoCourse.uploadVideo.playlist;\n    },\n    emitter() {\n      return this.$store.state.videoCourse.uploadVideo.emit;\n    },\n    titleText() {\n      switch (this.type) {\n        case \"add\":\n          return \"Upload Video\";\n        case \"edit\":\n          return \"Update Video\";\n        default:\n          return \"Upload Video\";\n      }\n    },\n  },\n  watch: {\n    show(value) {\n      if (value) {\n        this.openModal();\n      } else {\n        this.closeModal();\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleUploadVideo: \"videoCourse/toggleUploadVideo\",\n      toggleVideoDetail: \"videoCourse/toggleVideoDetail\",\n    }),\n    openModal() {},\n    closingFromBtn() {\n      if (this.previewUrl) {\n        this.deleteVideo();\n      }\n    },\n    closeModal() {\n      this.loading = false;\n      this.formLoading = false;\n      this.uploading = false;\n      this.previewUrl = \"\";\n      this.videoObj = {};\n      this.videoUploadPerctange = 0;\n      this.fileType = \"\";\n      this.videoDetail = null;\n      this.deleteLoader = false;\n      this.thumbnail = null;\n      this.btnDisabled = true;\n    },\n    previewFile() {\n      this.uploading = true;\n      this.videoObj = this.$refs.fileInput.files[0];\n      this.fileType = this.videoObj.type.split(\"/\")[0];\n      this.previewUrl = URL.createObjectURL(this.videoObj);\n      this.$refs.fileInput.value = null;\n\n      this.uploadVideo();\n    },\n    uploadVideo() {\n      const onSuccess = (res) => {\n        // console.log(res.data.details);\n        this.videoDetail = res.data.details;\n        this.previewUrl = res.data.details.file;\n\n        //creating thumbnail of video\n        let video = this.$refs.video;\n        let canvas = this.$refs.canvas;\n        let context = canvas.getContext(\"2d\");\n        canvas.width = video.videoWidth;\n        canvas.height = video.videoHeight;\n\n        context.drawImage(video, 0, 0, canvas.width, canvas.height);\n\n        canvas.toBlob((blob) => {\n          let imgObj = new File([blob], \"image.jpg\");\n          this.thumbnail = imgObj;\n          console.log(this.thumbnail);\n        });\n        //creating thumbnail of video\n        this.btnDisabled = false;\n\n        this.uploading = false;\n      };\n      const onFailure = () => {\n        this.uploading = false;\n      };\n      const onUploadProgress = (progressEvent) => {\n        this.videoUploadPerctange = parseInt(\n          Math.round((progressEvent.loaded / progressEvent.total) * 100)\n        );\n      };\n      let formData = new FormData();\n      if (this.videoObj instanceof File) {\n        // formData[\"file\"] = this.videoObj;\n        formData.append(\"file\", this.videoObj);\n      }\n      //   formData[\"file_type\"] = this.fileType;\n      formData.append(\"file_type\", this.fileType);\n      // formData.append(\"duration\", this.$refs.video.duration);\n      Axios(\"post\", apiUrl.UPLOAD_VIDEO_ASSETS, {\n        data: formData,\n        onSuccess: onSuccess,\n        onFailure: onFailure,\n        onUploadProgress: onUploadProgress,\n      });\n    },\n    deleteVideo() {\n      this.deleteLoader = true;\n      const onSuccess = () => {\n        (this.videoObj = {}), (this.previewUrl = \"\");\n        this.videoDetail = null;\n        this.deleteLoader = false;\n        this.btnDisabled = true;\n      };\n      const onFailure = () => {\n        this.deleteLoader = false;\n      };\n      let params = {};\n      params[\"id\"] = this.videoDetail.id;\n      Axios(\"delete\", apiUrl.UPLOAD_VIDEO_ASSETS, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n    proceedForm() {\n      let config = {};\n      (config[\"show\"] = true), (config[\"type\"] = \"add\");\n      config[\"detail\"] = this.videoDetail;\n      config[\"thumbnail\"] = this.thumbnail;\n      if (this.playlist) {\n        config[\"playlist\"] = this.playlist;\n      }\n      config[\"emit\"] = this.emitter;\n\n      this.toggleVideoDetail(config);\n      this.toggleUploadVideo({ show: false });\n    },\n  },\n};\n</script>\n<style>\n.title_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 20px;\n  line-height: 27px;\n\n  color: #ffffff !important;\n}\n.proceed_btn__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n\n  text-align: center;\n  color: #ffffff !important;\n}\nlabel.label__class {\n  background: rgba(45, 140, 255, 0.03);\n  border: 1px dashed #2d8cff;\n  display: flex;\n  border-radius: 12px;\n  height: 208.82px;\n  min-height: 208.82px;\n  width: 100%;\n  min-width: 100%;\n  cursor: pointer;\n}\n.label_heading__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  /* identical to box height, or 143% */\n\n  text-align: center;\n\n  color: #2d8cff;\n}\n.label_description__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 10px;\n  line-height: 14px;\n  /* identical to box height */\n\n  text-align: center;\n\n  color: #9c9d9e;\n}\n.blur {\n  filter: blur(5px);\n  /* adjust the blur radius as per your requirement */\n}\n\n.upload-percentage {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  /* background-color: #fff; */\n  padding: 5px;\n  color: black;\n}\n.VideoPreview {\n  border-radius: 12px;\n  height: 208.82px;\n  max-height: 208.82px;\n}\n.uploading_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  /* identical to box height, or 143% */\n\n  color: #656565;\n}\n@media all and (min-width: 1000px) {\n}\n\n@media all and (max-width: 600px) {\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadVideo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UploadVideo.vue?vue&type=template&id=f1d1a778&\"\nimport script from \"./UploadVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./UploadVideo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UploadVideo.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VDialog,VForm,VIcon,VProgressCircular,VRow,VSpacer})\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadVideo.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}