{"version":3,"sources":["webpack:///./src/components/VideoCourse/AddVideoData/PlaylistModal/PlaylistModal.vue?f0b6","webpack:///src/components/VideoCourse/AddVideoData/PlaylistModal/PlaylistModal.vue","webpack:///./src/components/VideoCourse/AddVideoData/PlaylistModal/PlaylistModal.vue?7489","webpack:///./src/components/VideoCourse/AddVideoData/PlaylistModal/PlaylistModal.vue?04e2","webpack:///./src/components/VideoCourse/AddVideoData/PlaylistModal/PlaylistModal.vue?f02b"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$vuetify","breakpoint","xsOnly","model","value","callback","$$v","show","expression","staticStyle","staticClass","_v","_s","titleText","on","$event","togglePlaylistModal","ref","rules","required","formLoading","playlistName","isNumber","price","durationList","duration","submitForm","staticRenderFns","name","data","emitterKey","commonFunctions","loading","computed","mapGetters","getPlaylistShow","get","set","id","type","emitter","snackText","watch","methods","mapActions","snackBar","openModal","closeModal","getDurations","Axios","onSuccess","onFailure","onFinally","getDetail","params","text","color","timeout","created","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VDialog","VForm","VIcon","VProgressCircular","VRow","VSelect","VSpacer","VTextField"],"mappings":"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","file":"js/chunk-68ba52b6.ddf145f4.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\":function($event){return _vm.togglePlaylistModal({ show: false })}}},[_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-5\"},[_c('v-form',{ref:\"playlistForm\",attrs:{\"lazy-validation\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Playlist Name \"),_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"maxlength\":\"256\",\"rules\":[_vm.rules.required],\"disabled\":_vm.formLoading,\"placeholder\":\"Enter Playlist Name\"},model:{value:(_vm.playlistName),callback:function ($$v) {_vm.playlistName=$$v},expression:\"playlistName\"}})],1)]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Pricing \"),_c('v-text-field',{attrs:{\"outlined\":\"\",\"placeholder\":\"Enter Playlist 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',{attrs:{\"cols\":\"12\"}},[_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)])],1)],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"btn__class text-none py-5\",attrs:{\"color\":\"#2D8CFF\",\"width\":\"100%\",\"loading\":_vm.formLoading},on:{\"click\":_vm.submitForm}},[_c('span',[_vm._v(\"Submit\")])])],1)],1)],1)],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=\"togglePlaylistModal({ show: false })\">\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 indeterminate color=\"#2d8cff\" class=\"mr-2 my-2 mt-10\" />\n          </div>\n        </v-card-text>\n        <v-card-text v-else class=\"pt-5\">\n          <v-form lazy-validation ref=\"playlistForm\">\n            <v-row no-gutters>\n              <!-- <v-col cols=\"12\"></v-col> -->\n              <v-col cols=\"12\">\n                <label for=\"\"\n                  >Playlist Name\n                  <v-text-field\n                    v-model=\"playlistName\"\n                    outlined\n                    dense\n                    maxlength=\"256\"\n                    :rules=\"[rules.required]\"\n                    :disabled=\"formLoading\"\n                    placeholder=\"Enter Playlist Name\"\n                  ></v-text-field>\n                </label>\n              </v-col>\n              <v-col cols=\"12\">\n                <label for=\"\"\n                  >Pricing\n                  <v-text-field\n                    v-model=\"price\"\n                    outlined\n                    placeholder=\"Enter Playlist Price\"\n                    @keypress=\"rules.isNumber($event)\"\n                    type=\"number\"\n                    hide-spin-buttons\n                    dense\n                    :disabled=\"formLoading\"\n                  ></v-text-field>\n                </label>\n              </v-col>\n              <v-col cols=\"12\">\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-row>\n          </v-form>\n        </v-card-text>\n        <v-card-actions>\n          <v-btn\n            color=\"#2D8CFF\"\n            class=\"btn__class text-none py-5\"\n            width=\"100%\"\n            :loading=\"formLoading\"\n            @click=\"submitForm\"\n          >\n            <span>Submit</span>\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n<script>\nimport { mapActions, mapGetters } from \"vuex\";\nimport fieldRules from \"@/common/fieldRules\";\nimport apiUrl from \"@/common/apiUrl\";\nimport commonFunctions from \"@/common/commonFunctions\";\nimport Axios from \"@/api/newAxios\";\nimport emitterKey from \"@/helper/emitterKey\";\nexport default {\n  name: \"PlaylistModal\",\n  data() {\n    return {\n      rules: fieldRules,\n      emitterKey: emitterKey,\n      commonFunctions: commonFunctions,\n      loading: false,\n      formLoading: false,\n      playlistName: \"\",\n      price: null,\n      duration: null,\n      durationList: [],\n    };\n  },\n  computed: {\n    ...mapGetters({\n      getPlaylistShow: \"videoCourse/getPlaylistShow\",\n    }),\n    show: {\n      get() {\n        return this.getPlaylistShow;\n      },\n      set(value) {\n        return this.togglePlaylistModal({ show: value });\n      },\n    },\n    id() {\n      return this.$store.state.videoCourse.playlistModal.id;\n    },\n    type() {\n      return this.$store.state.videoCourse.playlistModal.type;\n    },\n    emitter() {\n      return this.$store.state.videoCourse.playlistModal.emit;\n    },\n    titleText() {\n      switch (this.type) {\n        case \"add\":\n          return \"Create New Playlist\";\n        case \"edit\":\n          return \"Update Playlist\";\n        default:\n          return \"Create New Playlist\";\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  },\n  methods: {\n    ...mapActions({\n      togglePlaylistModal: \"videoCourse/togglePlaylistModal\",\n      snackBar: \"snackBar/showSnack\",\n    }),\n    openModal() {\n      this.getDurations();\n    },\n    closeModal() {\n      this.loading = false;\n      this.formLoading = false;\n      this.playlistName = \"\";\n      this.price = null;\n      this.duration = null;\n      this.durationList = [];\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.getLanguageList();\n        if (this.type === \"edit\") {\n          this.getDetail();\n        } else {\n          this.loading = false;\n        }\n      };\n      Axios(\"get\", apiUrl.VIDEO_DURATION_LIST, {\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    getDetail() {\n      const onSuccess = (res) => {\n        this.playlistName = res.data.playlist_detail.name;\n        this.price = res.data.playlist_detail.price;\n        if (res.data.playlist_detail.duration) {\n          this.duration = res.data.playlist_detail.duration.id;\n        }\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      let params = {};\n      params[\"id\"] = this.id;\n      Axios(\"get\", apiUrl.PLAYLIST_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n    submitForm() {\n      if (this.$refs.playlistForm.validate()) {\n        this.formLoading = true;\n        const onSuccess = () => {\n          this.formLoading = false;\n          this.snackBar({\n            text: this.snackText,\n            color: \"success\",\n            timeout: 4500,\n          });\n          let emit = this.emitter ? this.emitter : emitterKey.UPDATE_VIDEO_PLAYLIST;\n          this.eventBus.$emit(emit);\n          this.togglePlaylistModal({ show: false });\n        };\n        const onFailure = () => {\n          this.formLoading = false;\n        };\n        let data = {};\n        data[\"name\"] = this.playlistName;\n        if (this.price) {\n          data[\"price\"] = this.price;\n        }\n        if (this.duration) {\n          data[\"duration\"] = this.duration;\n        }\n        data[\"profile\"] = this.commonFunctions.getProfileId();\n\n        let method = this.type === \"add\" ? \"post\" : \"patch\";\n        if (this.type === \"edit\") {\n          data[\"id\"] = this.id;\n        }\n        Axios(method, apiUrl.PLAYLIST_DETAIL_API, {\n          data,\n          onSuccess,\n          onFailure,\n        });\n      }\n    },\n  },\n  created() {},\n};\n</script>\n<style scoped>\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.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@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!./PlaylistModal.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!./PlaylistModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlaylistModal.vue?vue&type=template&id=5d7074b3&scoped=true&\"\nimport script from \"./PlaylistModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PlaylistModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlaylistModal.vue?vue&type=style&index=0&id=5d7074b3&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  \"5d7074b3\",\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 { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VDialog,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!./PlaylistModal.vue?vue&type=style&index=0&id=5d7074b3&scoped=true&lang=css&\""],"sourceRoot":""}