{"version":3,"sources":["webpack:///./src/components/VideoCourse/AddVideoData/VideoDetail/VideoModal.vue?e3e7","webpack:///src/components/VideoCourse/AddVideoData/VideoDetail/VideoModal.vue","webpack:///./src/components/VideoCourse/AddVideoData/VideoDetail/VideoModal.vue?686b","webpack:///./src/components/VideoCourse/AddVideoData/VideoDetail/VideoModal.vue?9b27","webpack:///./src/components/VideoCourse/AddVideoData/VideoDetail/VideoModal.vue?6725"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$vuetify","breakpoint","xsOnly","model","value","callback","$$v","show","expression","staticStyle","staticClass","_v","_s","titleText","on","closeHandler","ref","rules","required","formLoading","videoTitle","videoDescription","playlistItems","searchPlaylistQuery","$event","scopedSlots","_u","key","fn","togglePlaylistModal","type","proxy","playlist","isNumber","price","durationList","duration","languageList","language","previewUrl","class","blur","uploading","$refs","imageInput","click","videoUploadPerctange","_e","fileSelected","submitHandler","onCrop","cropperModal","staticRenderFns","name","components","ImageCropperModal","data","emitterKey","commonFunctions","loading","imageObj","imageDetail","video_detail","computed","mapGetters","getVideoDetailShow","get","set","videoDetail","id","thumbnail","playlistS","emitter","snackText","watch","methods","mapActions","toggleVideoDetail","snackBar","openModal","closeModal","croppedImage","imgObj","uploadThumbnil","Math","formData","onSuccess","onFailure","onUploadProgress","uploadImage","getDurations","Axios","onFinally","getPlaylist","params","getLanguageList","setTimeout","getDetail","submitForm","text","color","timeout","console","el","block","behavior","saveAsDraft","obj","created","self","beforeDestroy","component","VAutocomplete","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VDialog","VDivider","VForm","VIcon","VProgressCircular","VRow","VSelect","VSpacer","VTextField"],"mappings":"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AC,YACAC,6BAAA,qDAEAC,gBACA,OACAvC,aACAwC,kBACAC,uBACAC,WACAxC,eAEAC,cACAC,oBACAW,cACAV,iBACAC,uBACAW,WACAE,cACAD,gBACAG,cACAD,gBACAE,cACAqB,cACAT,gBACAL,uBACAJ,aACAmB,iBACAC,oBAGAC,0CACAC,gBACAC,uDACA,IACA1D,MACA2D,eACA,gCAEAC,gBACA,+BAAA5D,WAGAuB,gBACA,uDAEAsC,uBACA,8DAEAC,cACA,qDAEAC,qBACA,4DAEAC,qBACA,2DAEAC,mBACA,uDAEA3D,qBACA,kBACA,UACA,qBACA,WACA,qBACA,QACA,uBAGA4D,qBACA,kBACA,UACA,2BACA,WACA,6BACA,QACA,+BAIAC,OACAnE,iBACA,EACA,iBAEA,mBAGAgB,+BACA,eACA,wBAOAoD,yCACAC,gBACAC,kDACAC,8BACAjD,yDACA,IACAkD,qBACA,iBACA,iCAEA,qBAEAC,sBACA,gBACA,oBAEA,mBACA,yBACA,mBACA,sBACA,4BACA,gBACA,mBACA,qBACA,mBACA,qBACA,mBACA,mBACA,qBACA,4BACA,kBACA,sBACA,wBAEAhC,yBACA,IACA,gCACA,mDACA,iCACA,uBAEAE,mBAAA,WACA,8BACA+B,sBACA,MACAC,4BAGA,wBAOAC,2BAAA,WACA,cACA,8BAEA,aACA,cAEA,cACA,gCACAC,mCAGA,eAQA,OAPA,mBACAC,mBAEAA,8BACAA,mCAGA,mDACA7B,OAEA8B,YACAC,YACAC,sBAGAC,wBAAA,WACA,cACA,8BAEA,aACA,cAEA,cACA,gCACAL,mCAGA,eAOA,OANA,mBACAC,mBAEAA,8BAGA,kDACA7B,OAEA8B,YACAC,YACAC,sBAMAE,wBAAA,WACA,gBACA,kBACA,qCAEA,aACA,cAEA,aACA,iBAGAC,iDACAL,YACAC,YACAK,eAMAC,uBAAA,WACA,cACA,qCACA,cACA,uCACA,oCAIA,eACA,aACA,qBAEA,KACAC,8CACAA,qCACAH,6CACAG,SACAR,YACAC,YACAK,eAMAG,2BAAA,WACA,cACA,qCAEA,aACA,cAEA,aACA,gBAEA,eAGA,2BACAC,uBACA,gCACA,eACA,OAGAL,iDACAL,YACAC,YACAK,eAIAK,qBAAA,WACA,cACA,4BACA,wCAEA,sBACA,oCAEA,kCACA,oDAEA,+BACA,mDACA,4CAEA,4BACA,mCAEA,+BACA,4CAEA,+BACA,4CAEA,gCACA,gDACA,6CAEA,cAEA,aACA,cAEA,eACA,KACAH,gBACAH,8CACAG,SACAR,YACAC,YACAK,eAGA3C,yBACA,uCACA,mBAYAiD,sBAAA,WACA,0CACA,oBACA,iBACA,YACAC,iBACAC,gBACAC,eAEA,gBACA,UACA5C,6BACA,oBACA,qBAAAlD,UACA,kBAEA,aACA,kBAEA,KACAiD,2BACAA,uCACAA,iDACA,gBACAA,6BAEA,aACAA,uBAEA8C,2BACA,gBACA9C,6BAEA,gBACAA,6BAEA,mBACAA,gCAEA,mBACAA,oCAMA,uCACA,qBACAA,kBAGA,mBACA,yDAEAA,4BAGAmC,0CACAnC,OACA8B,YACAC,mBAGA,2BACA,6DACA,GACAgB,qBACAC,YACAC,wBAMAC,uBAAA,WACA,oBACA,iBACA,YACAP,wBACAC,gBACAC,eAGA,gBACA,UACA5C,6BACA,oBACA,qBAAAlD,UACA,kBAEA,aACA,kBAEA,KACA,kBACAiD,4BAEA,wBACAA,wCAEAA,iDACA,gBACAA,6BAEA,aACAA,uBAEA,gBACAA,6BAEA,gBACAA,6BAEA,mBACAA,gCAEA,mBACAA,oCAMAA,oBAEAmC,+CACAnC,OACA8B,YACAC,eAGAxE,wBAAA,WACA,qBACA,oBACA,uBACA,CACA,uCACA4F,mBACA,mBAIA,wBAAApG,aAGAqG,mBACA,6CACA,qBACA,KAGA,WACA,2DACAC,oBAGAC,4BCttBiY,I,qNCQ7XC,EAAY,eACd,EACAvH,EACA4D,GACA,EACA,KACA,WACA,MAIa,aAAA2D,EAAiB,QAoBhC,IAAkBA,EAAW,CAACC,gBAAA,KAAcC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,UAAA,KAAQC,WAAA,KAASC,QAAA,KAAMC,QAAA,KAAMC,oBAAA,KAAkBC,OAAA,KAAKC,UAAA,KAAQC,UAAA,KAAQC,aAAA,Q,yDCvClK","file":"js/chunk-8ece299c.5760a7dd.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\":\"500\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"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\":_vm.closeHandler}},[_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',[_c('v-form',{ref:\"videoDetailForm\",staticClass:\"pt-5\",attrs:{\"lazy-validation\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Video Title \"),_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"256\",\"rules\":[_vm.rules.required],\"disabled\":_vm.formLoading,\"placeholder\":\"Enter Video Title\"},model:{value:(_vm.videoTitle),callback:function ($$v) {_vm.videoTitle=$$v},expression:\"videoTitle\"}})],1)]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Video Description \"),_c('v-text-field',{attrs:{\"outlined\":\"\",\"multi-line\":\"\",\"counter\":\"\",\"maxlength\":\"1024\",\"rows\":\"3\",\"rules\":[_vm.rules.required],\"disabled\":_vm.formLoading,\"placeholder\":\"Enter Video Description\",\"dense\":\"\"},model:{value:(_vm.videoDescription),callback:function ($$v) {_vm.videoDescription=$$v},expression:\"videoDescription\"}})],1)]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Playlist Name \"),_c('v-autocomplete',{staticStyle:{\"font-size\":\"15px\"},attrs:{\"placeholder\":\"Enter Playlist Name\",\"outlined\":\"\",\"items\":_vm.playlistItems,\"search-input\":_vm.searchPlaylistQuery,\"item-value\":\"id\",\"item-text\":\"name\",\"label-class\":\"my-label-class\",\"disabled\":_vm.formLoading,\"dense\":\"\",\"clearable\":\"\"},on:{\"update:searchInput\":function($event){_vm.searchPlaylistQuery=$event},\"update:search-input\":function($event){_vm.searchPlaylistQuery=$event}},scopedSlots:_vm._u([{key:\"append-item\",fn:function(){return [_c('v-divider'),_c('v-btn',{staticClass:\"text-none\",staticStyle:{\"font-size\":\"14px\"},attrs:{\"text\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.togglePlaylistModal({ show: true, type: 'add' })}}},[_c('v-icon',{staticStyle:{\"font-size\":\"12px\"},attrs:{\"small\":\"\"}},[_vm._v(\"mdi-plus\")]),_vm._v(\"Add a new playlist \")],1)]},proxy:true}]),model:{value:(_vm.playlist),callback:function ($$v) {_vm.playlist=$$v},expression:\"playlist\"}})],1)]),_c('v-col',{staticClass:\"pr-1\",attrs:{\"cols\":\"6\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Pricing \"),_c('v-text-field',{attrs:{\"outlined\":\"\",\"placeholder\":\"Enter Video Price\",\"type\":\"number\",\"hide-spin-buttons\":\"\",\"dense\":\"\",\"disabled\":_vm.formLoading},on:{\"keypress\":function($event){return _vm.rules.isNumber($event)}},model:{value:(_vm.price),callback:function ($$v) {_vm.price=$$v},expression:\"price\"}})],1)]),_c('v-col',{staticClass:\"pl-1\",attrs:{\"cols\":\"6\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Valid Till \"),_c('v-select',{attrs:{\"items\":_vm.durationList,\"placeholder\":\"Select duration\",\"item-value\":\"id\",\"item-text\":\"name\",\"outlined\":\"\",\"dense\":\"\",\"disabled\":_vm.formLoading},model:{value:(_vm.duration),callback:function ($$v) {_vm.duration=$$v},expression:\"duration\"}})],1)]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Video Language \"),_c('v-select',{attrs:{\"placeholder\":\"Select Video Language\",\"items\":_vm.languageList,\"rules\":[_vm.rules.required],\"item-text\":\"name\",\"item-value\":\"id\",\"outlined\":\"\",\"dense\":\"\",\"disabled\":_vm.formLoading},model:{value:(_vm.language),callback:function ($$v) {_vm.language=$$v},expression:\"language\"}})],1)]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',[(!_vm.previewUrl)?_c('label',{ref:\"imageInputLabel\",staticClass:\"label__class d-flex justify-center text-center\",attrs:{\"for\":\"imageInput\"}},[_c('div',{staticClass:\"pt-10\"},[_c('v-icon',{attrs:{\"color\":\"#2d8cff\"}},[_vm._v(\"mdi-image-outline\")]),_c('div',{staticClass:\"label_text__class\"},[_vm._v(\" Upload \"),_c('br'),_vm._v(\" Video Thumbnail \")]),_c('div',{staticClass:\"label_info_text__class\"},[_vm._v(\"Size | 16:9\")])],1)]):_c('div',{staticStyle:{\"width\":\"100%\",\"overflow\":\"hidden\"}},[_c('img',{staticClass:\"preview_image__class\",class:{ blur: _vm.uploading },attrs:{\"src\":_vm.previewUrl,\"alt\":\"\",\"width\":\"100%\"},on:{\"click\":function($event){return _vm.$refs.imageInput.click()}}}),(_vm.uploading)?_c('div',{staticClass:\"upload-percentage\"},[_vm._v(\" \"+_vm._s(_vm.videoUploadPerctange)+\"% \")]):_vm._e()])]),_c('input',{ref:\"imageInput\",staticClass:\"d-none\",attrs:{\"type\":\"file\",\"id\":\"imageInput\",\"accept\":\"image/*\",\"disabled\":_vm.formLoading},on:{\"input\":_vm.fileSelected}})]),(_vm.previewUrl)?_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"change_btn__class text-none\",on:{\"click\":function($event){return _vm.$refs.imageInput.click()}}},[_c('span',[_vm._v(\"Change Thumbnail\")])])],1):_vm._e()],1)],1)],1),_c('v-card-actions',{staticClass:\"pb-5\"},[_c('v-btn',{staticClass:\"btn__class text-none\",attrs:{\"color\":\"#2D8CFF\",\"width\":\"100%\",\"loading\":_vm.formLoading},on:{\"click\":_vm.submitHandler}},[_c('span',[_vm._v(\"Submit\")])])],1)],1)],1),_c('image-cropper-modal',{attrs:{\"image\":_vm.previewUrl,\"asp_ratio\":16 / 9},on:{\"onCrop\":_vm.onCrop},model:{value:(_vm.cropperModal),callback:function ($$v) {_vm.cropperModal=$$v},expression:\"cropperModal\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog\n      v-model=\"show\"\n      width=\"500\"\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      scrollable\n      persistent\n    >\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 text @click=\"closeHandler\">\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>\n          <v-form lazy-validation ref=\"videoDetailForm\" class=\"pt-5\">\n            <v-row no-gutters>\n              <v-col cols=\"12\">\n                <label for=\"\"\n                  >Video Title\n                  <v-text-field\n                    v-model=\"videoTitle\"\n                    outlined\n                    dense\n                    counter\n                    maxlength=\"256\"\n                    :rules=\"[rules.required]\"\n                    :disabled=\"formLoading\"\n                    placeholder=\"Enter Video Title\"\n                  ></v-text-field>\n                </label>\n              </v-col>\n              <v-col cols=\"12\">\n                <label for=\"\"\n                  >Video Description\n                  <v-text-field\n                    v-model=\"videoDescription\"\n                    outlined\n                    multi-line\n                    counter\n                    maxlength=\"1024\"\n                    rows=\"3\"\n                    :rules=\"[rules.required]\"\n                    :disabled=\"formLoading\"\n                    placeholder=\"Enter Video Description\"\n                    dense\n                  ></v-text-field>\n                </label>\n              </v-col>\n              <v-col cols=\"12\">\n                <label for=\"\"\n                  >Playlist Name\n                  <v-autocomplete\n                    style=\"font-size: 15px\"\n                    placeholder=\"Enter Playlist Name\"\n                    outlined\n                    v-model=\"playlist\"\n                    :items=\"playlistItems\"\n                    :search-input.sync=\"searchPlaylistQuery\"\n                    item-value=\"id\"\n                    item-text=\"name\"\n                    label-class=\"my-label-class\"\n                    :disabled=\"formLoading\"\n                    dense\n                    clearable\n                  >\n                    <template v-slot:append-item>\n                      <v-divider></v-divider>\n                      <v-btn\n                        text\n                        class=\"text-none\"\n                        color=\"primary\"\n                        style=\"font-size: 14px\"\n                        @click=\"\n                          togglePlaylistModal({ show: true, type: 'add' })\n                        \"\n                      >\n                        <v-icon small style=\"font-size: 12px\">mdi-plus</v-icon\n                        >Add a new playlist\n                      </v-btn>\n                    </template>\n                  </v-autocomplete>\n                </label>\n              </v-col>\n              <v-col cols=\"6\" class=\"pr-1\">\n                <label for=\"\"\n                  >Pricing\n                  <v-text-field\n                    v-model=\"price\"\n                    outlined\n                    placeholder=\"Enter Video Price\"\n                    type=\"number\"\n                    hide-spin-buttons\n                    @keypress=\"rules.isNumber($event)\"\n                    dense\n                    :disabled=\"formLoading\"\n                  ></v-text-field>\n                </label>\n              </v-col>\n              <v-col cols=\"6\" class=\"pl-1\">\n                <label for=\"\"\n                  >Valid Till\n                  <v-select\n                    v-model=\"duration\"\n                    :items=\"durationList\"\n                    placeholder=\"Select duration\"\n                    item-value=\"id\"\n                    item-text=\"name\"\n                    outlined\n                    dense\n                    :disabled=\"formLoading\"\n                  >\n                  </v-select>\n                </label>\n              </v-col>\n              <v-col cols=\"12\">\n                <label for=\"\"\n                  >Video Language\n                  <v-select\n                    placeholder=\"Select Video Language\"\n                    v-model=\"language\"\n                    :items=\"languageList\"\n                    :rules=\"[rules.required]\"\n                    item-text=\"name\"\n                    item-value=\"id\"\n                    outlined\n                    dense\n                    :disabled=\"formLoading\"\n                  >\n                  </v-select>\n                </label>\n              </v-col>\n              <v-col cols=\"6\">\n                <div>\n                  <label\n                    for=\"imageInput\"\n                    ref=\"imageInputLabel\"\n                    class=\"label__class d-flex justify-center text-center\"\n                    v-if=\"!previewUrl\"\n                  >\n                    <div class=\"pt-10\">\n                      <v-icon color=\"#2d8cff\">mdi-image-outline</v-icon>\n                      <div class=\"label_text__class\">\n                        Upload <br />\n                        Video Thumbnail\n                      </div>\n                      <div class=\"label_info_text__class\">Size | 16:9</div>\n                    </div>\n                  </label>\n\n                  <div v-else style=\"width: 100%; overflow: hidden\">\n                    <img\n                      :src=\"previewUrl\"\n                      alt=\"\"\n                      width=\"100%\"\n                      class=\"preview_image__class\"\n                      :class=\"{ blur: uploading }\"\n                      @click=\"$refs.imageInput.click()\"\n                    />\n                    <div v-if=\"uploading\" class=\"upload-percentage\">\n                      {{ videoUploadPerctange }}%\n                    </div>\n                  </div>\n                </div>\n                <input\n                  type=\"file\"\n                  id=\"imageInput\"\n                  ref=\"imageInput\"\n                  accept=\"image/*\"\n                  class=\"d-none\"\n                  @input=\"fileSelected\"\n                  :disabled=\"formLoading\"\n                />\n              </v-col>\n              <v-col cols=\"6\" v-if=\"previewUrl\" class=\"text-center\">\n                <v-btn\n                  class=\"change_btn__class text-none\"\n                  @click=\"$refs.imageInput.click()\"\n                >\n                  <span>Change Thumbnail</span>\n                </v-btn>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n        <v-card-actions class=\"pb-5\">\n          <v-btn\n            color=\"#2D8CFF\"\n            width=\"100%\"\n            class=\"btn__class text-none\"\n            :loading=\"formLoading\"\n            @click=\"submitHandler\"\n          >\n            <span>Submit</span>\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n    <image-cropper-modal\n      v-model=\"cropperModal\"\n      :image=\"previewUrl\"\n      :asp_ratio=\"16 / 9\"\n      @onCrop=\"onCrop\"\n    ></image-cropper-modal>\n  </div>\n</template>\n<script>\nimport { mapGetters, mapActions } from \"vuex\";\nimport fieldRules from \"@/common/fieldRules\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport _ from \"lodash\";\nimport emitterKey from \"@/helper/emitterKey\";\nimport commonFunctions from \"@/common/commonFunctions\";\nexport default {\n  name: \"VideoModal\",\n  components: {\n    ImageCropperModal: () => import(\"@/components/ImageCropperModal.vue\"),\n  },\n  data() {\n    return {\n      rules: fieldRules,\n      emitterKey: emitterKey,\n      commonFunctions: commonFunctions,\n      loading: false,\n      formLoading: false,\n\n      videoTitle: \"\",\n      videoDescription: \"\",\n      playlist: null,\n      playlistItems: [],\n      searchPlaylistQuery: \"\",\n      price: null,\n      duration: null,\n      durationList: [],\n      language: null,\n      languageList: [],\n      previewUrl: \"\",\n      imageObj: null,\n      cropperModal: false,\n      videoUploadPerctange: 0,\n      uploading: false,\n      imageDetail: null,\n      video_detail: null,\n    };\n  },\n  computed: {\n    ...mapGetters({\n      getVideoDetailShow: \"videoCourse/getVideoDetailShow\",\n    }),\n    show: {\n      get() {\n        return this.getVideoDetailShow;\n      },\n      set(value) {\n        return this.toggleVideoDetail({ show: value });\n      },\n    },\n    type() {\n      return this.$store.state.videoCourse.videoDetail.type;\n    },\n    videoDetail() {\n      return this.$store.state.videoCourse.videoDetail.videoDetail;\n    },\n    id() {\n      return this.$store.state.videoCourse.videoDetail.id;\n    },\n    thumbnail() {\n      return this.$store.state.videoCourse.videoDetail.thumbnail;\n    },\n    playlistS() {\n      return this.$store.state.videoCourse.videoDetail.playlist;\n    },\n    emitter() {\n      return this.$store.state.videoCourse.videoDetail.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    snackText() {\n      switch (this.type) {\n        case \"add\":\n          return \"Added Successfully\";\n        case \"edit\":\n          return \"Updated Successfully\";\n        default:\n          return \"Added Successfully\";\n      }\n    },\n  },\n  watch: {\n    show(value) {\n      if (value) {\n        this.openModal();\n      } else {\n        this.closeModal();\n      }\n    },\n    searchPlaylistQuery() {\n      if (!this.playlist) {\n        this.debounceSearch();\n      }\n    },\n    // playlist(old_value, value) {\n    //   console.log(old_value, value);\n    // },\n  },\n  methods: {\n    ...mapActions({\n      toggleVideoDetail: \"videoCourse/toggleVideoDetail\",\n      snackBar: \"snackBar/showSnack\",\n      togglePlaylistModal: \"videoCourse/togglePlaylistModal\",\n    }),\n    openModal() {\n      if (this.playlistS) {\n        this.playlist = this.playlistS.id;\n      }\n      this.getDurations();\n    },\n    closeModal() {\n      this.loading = false;\n      this.formLoading = false;\n\n      this.videoTitle = \"\";\n      this.videoDescription = \"\";\n      this.playlist = null;\n      this.playlistItems = [];\n      this.searchPlaylistQuery = \"\";\n      this.price = null;\n      this.duration = null;\n      this.durationList = [];\n      this.language = null;\n      this.languageList = [];\n      this.previewUrl = \"\";\n      this.imageObj = null;\n      this.cropperModal = false;\n      this.videoUploadPerctange = 0;\n      this.uploading = false;\n      this.imageDetail = null;\n      this.video_detail = null;\n    },\n    fileSelected(evt) {\n      if (!evt) return;\n      this.imageObj = evt.target.files[0];\n      this.previewUrl = URL.createObjectURL(this.imageObj);\n      this.$refs.imageInput.value = null;\n      this.cropperModal = true;\n    },\n    onCrop(croppedImage) {\n      this.previewUrl = croppedImage.toDataURL();\n      croppedImage.toBlob((blob) => {\n        let imgObj;\n        imgObj = new File([blob], \"image.jpg\");\n        // console.log(imgObj, \"kdjdjd\");\n        // this.uploadImage(imgObj);\n        this.uploadThumbnil(imgObj);\n      });\n      //   console.log(imgObj, \"imgae obj\");\n    },\n    /**\n     * upload image\n     */\n    uploadThumbnil(imgObj) {\n      const onSuccess = (res) => {\n        this.imageDetail = res.data.details;\n      };\n      const onFailure = () => {\n        this.loading = 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 (imgObj instanceof File) {\n        formData.append(\"file\", imgObj);\n      }\n      formData.append(\"file_type\", \"image\");\n      formData.append(\"id\", this.imageDetail.id);\n      // let params = {}\n      // params[\"id\"] = \"1\";\n      return Axios(\"patch\", apiUrl.UPLOAD_VIDEO_ASSETS, {\n        data: formData,\n        // params,\n        onSuccess,\n        onFailure,\n        onUploadProgress,\n      });\n    },\n    uploadImage(imgObj) {\n      const onSuccess = (res) => {\n        this.imageDetail = res.data.details;\n      };\n      const onFailure = () => {\n        this.loading = 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 (imgObj instanceof File) {\n        formData.append(\"file\", imgObj);\n      }\n      formData.append(\"file_type\", \"image\");\n      // let params = {}\n      // params[\"id\"] = \"1\";\n      return Axios(\"post\", apiUrl.UPLOAD_VIDEO_ASSETS, {\n        data: formData,\n        // params,\n        onSuccess,\n        onFailure,\n        onUploadProgress,\n      });\n    },\n    /**\n     * duration list function\n     */\n    getDurations() {\n      this.loading = true;\n      const onSuccess = (res) => {\n        this.durationList = res.data.duration_list;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      const onFinally = () => {\n        this.getPlaylist();\n        // this.getLanguageList();\n      };\n      Axios(\"get\", apiUrl.VIDEO_DURATION_LIST, {\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    /**\n     * Searching playlist\n     */\n    getPlaylist() {\n      const onSuccess = (res) => {\n        this.playlistItems = res.data.search_result;\n        if (this.playlistS) {\n          if (!this.playlistItems.includes(this.playlistS)) {\n            this.playlistItems.push(this.playlistS);\n          }\n        }\n      };\n      const onFailure = () => {};\n      const onFinally = () => {\n        this.getLanguageList();\n      };\n      let params = {};\n      params[\"user_id\"] = this.commonFunctions.getUserId();\n      params[\"search\"] = this.searchPlaylistQuery;\n      Axios(\"get\", apiUrl.PLAYLIST_SEARCH, {\n        params,\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    /**\n     * language list function\n     */\n    getLanguageList() {\n      const onSuccess = (res) => {\n        this.languageList = res.data.language_list;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      const onFinally = () => {\n        if (this.type === \"edit\") {\n          // this.previewUrl = this.imageDetail.file;\n          this.getDetail();\n          // this.getDetail();\n        } else {\n          this.uploadImage(this.thumbnail);\n          setTimeout(() => {\n            this.previewUrl = this.imageDetail.file;\n            this.loading = false;\n          }, 2000);\n        }\n      };\n      Axios(\"get\", apiUrl.VIDEO_LANGUAGE_LIST, {\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n\n    getDetail() {\n      const onSuccess = (res) => {\n        if (res.data.video_detail.title) {\n          this.videoTitle = res.data.video_detail.title;\n        }\n        if (res.data.video_detail) {\n          this.video_detail = res.data.video_detail;\n        }\n        if (res.data.video_detail.description) {\n          this.videoDescription = res.data.video_detail.description;\n        }\n        if (res.data.video_detail.playlist) {\n          this.playlistItems.push(res.data.video_detail.playlist);\n          this.playlist = res.data.video_detail.playlist.id;\n        }\n        if (res.data.video_detail.price) {\n          this.price = res.data.video_detail.price;\n        }\n        if (res.data.video_detail.duration) {\n          this.duration = res.data.video_detail.duration.id;\n        }\n        if (res.data.video_detail.language) {\n          this.language = res.data.video_detail.language.id;\n        }\n        if (res.data.video_detail.thumbnail) {\n          this.previewUrl = res.data.video_detail.thumbnail.file;\n          this.imageDetail = res.data.video_detail.thumbnail;\n        }\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      const onFinally = () => {};\n      let params = {};\n      params[\"id\"] = this.id;\n      Axios(\"get\", apiUrl.VIDEO_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    submitHandler() {\n      if (this.$refs.videoDetailForm.validate()) {\n        this.submitForm();\n      }\n      // else {\n      //   // console.log(this.thumbnail);\n      //   const obj = this.uploadImage(this.thumbnail);\n      //   // console.log(obj.then(()));\n      //   obj.then(() => {\n      //     this.submitForm();\n      //   });\n      //   // this.submitForm();\n      // }\n    },\n    submitForm() {\n      if (this.$refs.videoDetailForm.validate()) {\n        this.formLoading = true;\n        const onSuccess = () => {\n          this.snackBar({\n            text: this.snackText,\n            color: \"success\",\n            timeout: 4500,\n          });\n          let emit = this.emitter\n            ? this.emitter\n            : emitterKey.UPDATE_VIDEO_PLAYLIST;\n          this.eventBus.$emit(emit);\n          this.toggleVideoDetail({ show: false });\n          this.formLoading = false;\n        };\n        const onFailure = () => {\n          this.formLoading = false;\n        };\n        let data = {};\n        data[\"title\"] = this.videoTitle;\n        data[\"description\"] = this.videoDescription;\n        data[\"profile\"] = this.commonFunctions.getProfileId();\n        if (this.playlist) {\n          data[\"playlist\"] = this.playlist;\n        }\n        if (this.price) {\n          data[\"price\"] = this.price;\n        }\n        console.log(this.duration);\n        if (this.duration) {\n          data[\"duration\"] = this.duration;\n        }\n        if (this.language) {\n          data[\"language\"] = this.language;\n        }\n        if (this.videoDetail) {\n          data[\"video\"] = this.videoDetail.id;\n        }\n        if (this.imageDetail) {\n          data[\"thumbnail\"] = this.imageDetail.id;\n        }\n        // else {\n        //   this.uploadImage(this.thumbnail);\n        //   data[\"thumbnail\"] = this.imageDetail.id;\n        // }\n        let method = this.type === \"add\" ? \"post\" : \"patch\";\n        if (this.type === \"edit\") {\n          data[\"id\"] = this.id;\n        }\n        if (\n          this.type === \"add\" ||\n          (this.type === \"edit\" && this.video_detail.status == \"Draft\")\n        ) {\n          data[\"status\"] = \"Under Review\";\n        }\n\n        Axios(method, apiUrl.VIDEO_DETAIL_API, {\n          data,\n          onSuccess,\n          onFailure,\n        });\n      } else {\n        this.$nextTick(() => {\n          const el = document.getElementsByClassName(\"v-input error--text\");\n          if (el)\n            el[0].scrollIntoView({\n              block: \"end\",\n              behavior: \"smooth\",\n            });\n          return;\n        });\n      }\n    },\n    saveAsDraft() {\n      this.formLoading = true;\n      const onSuccess = () => {\n        this.snackBar({\n          text: \"Saved as a Draft\",\n          color: \"warning\",\n          timeout: 4500,\n        });\n        // this.eventBus.$emit(emitterKey.UPDATE_VIDEO_PLAYLIST);\n        let emit = this.emitter\n          ? this.emitter\n          : emitterKey.UPDATE_VIDEO_PLAYLIST;\n        this.eventBus.$emit(emit);\n        this.toggleVideoDetail({ show: false });\n        this.formLoading = false;\n      };\n      const onFailure = () => {\n        this.formLoading = false;\n      };\n      let data = {};\n      if (this.videoTitle) {\n        data[\"title\"] = this.videoTitle;\n      }\n      if (this.videoDescription) {\n        data[\"description\"] = this.videoDescription;\n      }\n      data[\"profile\"] = this.commonFunctions.getProfileId();\n      if (this.playlist) {\n        data[\"playlist\"] = this.playlist;\n      }\n      if (this.price) {\n        data[\"price\"] = this.price;\n      }\n      if (this.duration) {\n        data[\"duration\"] = this.duration;\n      }\n      if (this.language) {\n        data[\"language\"] = this.language;\n      }\n      if (this.videoDetail) {\n        data[\"video\"] = this.videoDetail.id;\n      }\n      if (this.imageDetail) {\n        data[\"thumbnail\"] = this.imageDetail.id;\n      }\n      //   else {\n      //     this.uploadImage(this.thumbnail);\n      //     data[\"thumbnail\"] = this.imageDetail.id;\n      //   }\n      data[\"status\"] = \"Draft\";\n\n      Axios(\"post\", apiUrl.VIDEO_DETAIL_API, {\n        data,\n        onSuccess,\n        onFailure,\n      });\n    },\n    closeHandler() {\n      if (this.type === \"add\") {\n        if (this.imageDetail) {\n          this.saveAsDraft();\n        } else {\n          const obj = this.uploadImage(this.thumbnail);\n          obj.then(() => {\n            this.saveAsDraft();\n          });\n        }\n      }\n      this.toggleVideoDetail({ show: false });\n    },\n  },\n  created() {\n    this.debounceSearch = _.debounce(function () {\n      this.getPlaylist();\n    }, 500);\n\n    // Event buses\n    const self = this;\n    this.eventBus.$on(emitterKey.UPDATE_VIDEO_PLAYLIST, () => {\n      self.getPlaylist();\n    });\n  },\n  beforeDestroy() {\n    // this.eventBus.$off(emitterKey.UPDATE_VIDEO_PLAYLIST);\n  },\n};\n</script>\n<style scoped>\n.change_btn__class {\n  border: 1px solid #2d8cff;\n  color: #2d8cff;\n}\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}\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: 180px;\n  min-height: 180px;\n  width: 100%;\n  min-width: 100%;\n  cursor: pointer;\n}\n.label_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  /* or 143% */\n\n  text-align: center;\n\n  color: #2d8cff;\n}\n.label_info_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 10px;\n  line-height: 14px;\n  aspect-ratio: 16 / 9;\n  /* identical to box height */\n\n  text-align: center;\n\n  color: #9c9d9e;\n}\n.preview_image__class {\n  aspect-ratio: 16/9;\n  object-fit: contain;\n  border-radius: 12px;\n}\n.blur {\n  filter: blur(5px);\n  /* adjust the blur radius as per your requirement */\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.btn__class >>> span {\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\n  color: #ffffff;\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!./VideoModal.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!./VideoModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoModal.vue?vue&type=template&id=4996c906&scoped=true&\"\nimport script from \"./VideoModal.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoModal.vue?vue&type=style&index=0&id=4996c906&scoped=true&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  \"4996c906\",\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 { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\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 { VDivider } from 'vuetify/lib/components/VDivider';\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 { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAutocomplete,VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VDialog,VDivider,VForm,VIcon,VProgressCircular,VRow,VSelect,VSpacer,VTextField})\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!./VideoModal.vue?vue&type=style&index=0&id=4996c906&scoped=true&lang=css&\""],"sourceRoot":""}