{"version":3,"sources":["webpack:///./src/constant/routingHandler.js","webpack:///./src/components/VideoCourse/PlaylistDetailPage/PlaylistDetailCard/PlaylistDetailCard.vue?182a","webpack:///./src/components/VideoCourse/PlaylistDetailPage/PlaylistDetailCard/PlaylistDetailCard.vue?3b4a","webpack:///src/components/VideoCourse/PlaylistDetailPage/PlaylistDetailCard/PlaylistDetailCard.vue","webpack:///./src/components/VideoCourse/PlaylistDetailPage/PlaylistDetailCard/PlaylistDetailCard.vue?9404","webpack:///./src/components/VideoCourse/PlaylistDetailPage/PlaylistDetailCard/PlaylistDetailCard.vue?204f"],"names":["getRoute","user_type","localStorage","getItem","ROUTER_URL","userPanel","link","children","trending","main","adminPanel","group","routeToVideoDetailPage","obj","type","id","ptid","usid","vdid","panel","query","router","push","name","videoDetail","openSearchPage","return_uri","searchPage","q","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","value","thumbnail","file","_v","_s","is_same_user","staticStyle","on","$event","routeToProfile","profile","user","profile_image","_e","video_count","modified_time","price","is_subscribed","duration","days","actionHandler","is_admin_layout","share","scopedSlots","_u","key","fn","ref","_g","_b","_l","item","i","$route","meta","layout","toggleUploadVideo","show","playlist","emit","emitterKey","RELOAD_PLAYLIST_DETAIL_PAGE_VIDEOS","subscribeNow","status","toggleRejectModal","ADMIN_REJECT_PLAYLIST_DETAIL_VIDEO_COURSE","toggleApproveModal","ADMIN_APPROVE_PLAYLIST_DETAIL_VIDEO_COURSE","staticRenderFns","components","AvatarOrInitials","RejectModal","ApproveModal","props","required","playlist_videos","data","action_list1","action_list2","computed","user_id_check","action_list","logged_in","watch","methods","mapActions","toggleVideoDetail","togglePlaylistModal","togglePaymentModal","toggleSuccessModal","toggleDeleteModal","snackBar","PlayVideos","routingHandler","commonFunctions","helper","patchDetailHandler","formData","Axios","apiUrl","successHandler","failureHandler","deleteHandler","text","color","timeout","suffix","deletePlaylist","params","newAxios","onSuccess","onFailure","mounted","created","destroyed","component","VBtn","VCard","VCardActions","VCardText","VChip","VCol","VIcon","VList","VListItem","VListItemGroup","VMenu","VRow"],"mappings":"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qBACA,yBAGAC,SACAC,yCACAC,gBACA7B,kDACA8B,kDACAC,sDACAC,oDACAC,oDACAzB,kDACAE,qDACAwB,kDACAC,iCACA,IACAnD,0BACA,UACA,WACA,0BACAiB,QACA7D,YACAC,iBACA8D,0CAEA,MACA,WACA,kBACA,MACA,aACA,qBACA,QAGAiC,sBACA,mBAIA,SACAjG,wBACAA,qBACAA,iCAEA,uCACAA,mBAEAA,kBAGAkG,sCAdAC,0BAgBAhC,wBACA,eAIA,yBACAL,QACA7D,gBACA8D,sBANAoC,0BASAjE,6BACAkE,yBAEArD,iBACAqD,wDAEAC,iCAAA,WACA,aACA,0BAEA,eACA,KACAC,cACA,wCACAA,aACAC,qBACAC,2BACAF,EACA,GACAG,EACAC,GACA,GACA,IAGAC,yBACA,sDACA,gCACA,+BACA,2BACA,eACAC,OACAC,gBACAC,oBAIA,wBACAhD,QACAiD,uBACA/C,+DACA9D,oBAGA8G,0BAAA,WAEA,aAEA,gBACAtG,qDACAH,OAAAL,uBAGA,eACA,KACA+G,sBACAC,oDACAD,SACAE,YACAC,iBAIAC,qBACAC,mBAAA,WACA,gFACA,sCAEA,iFACA,sCAEA,kBACArD,2DACA,WACA,uBAIAsD,qBACA,qEACA,wEC5XyY,I,iLCQrYC,EAAY,eACd,EACAxG,EACAyD,GACA,EACA,KACA,WACA,MAIa,aAAA+C,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,QAAA,KAAMC,OAAA,KAAKC,QAAA,KAAMC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,KAAeC,QAAA,KAAMC,OAAA","file":"js/chunk-3b59df11.b846e9af.js","sourcesContent":["import ROUTER_URL from \"@/constant/urls\";\nimport router from \"@/router/index\";\nexport default {\n  getRoute() {\n    let user_type = localStorage.getItem(\"user_type\");\n    if (user_type == \"User\" || user_type == null || user_type == \"user\") {\n      return (\n        ROUTER_URL.userPanel.link +\n        ROUTER_URL.userPanel.children.trending.link +\n        ROUTER_URL.userPanel.children.trending.children.main.link\n      );\n    } else if (user_type == \"Admin\" || user_type == \"Super User\") {\n      return (\n        ROUTER_URL.adminPanel.link + ROUTER_URL.adminPanel.children.group.link\n        // ROUTER_URL.adminPanel.name\n      );\n    }\n  },\n  routeToVideoDetailPage(obj) {\n    const { type, id, ptid, usid, vdid, panel } = obj;\n    let query = {};\n    if (type === \"playlist\") {\n      query[\"ptid\"] = ptid;\n      query[\"type\"] = type;\n      if (vdid) {\n        query[\"vdid\"] = vdid;\n      }\n    } else {\n      query[\"vdid\"] = id;\n      query[\"type\"] = type;\n    }\n    query[\"usid\"] = usid;\n    if (panel == \"admin\") {\n      router.push({\n        name: ROUTER_URL.adminPanel.children.videoDetail.name,\n        query: query,\n      });\n    } else {\n      router.push({\n        name: ROUTER_URL.userPanel.children.videoDetail.name,\n        query: query,\n      });\n      // urlName = ROUTER_URL.userPanel.children.videoDetail.name;\n    }\n  },\n  openSearchPage(query, return_uri) {\n    router.push({\n      name: ROUTER_URL.userPanel.children.searchPage.name,\n      query: { q: query, return_uri: return_uri },\n    });\n  },\n};\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!./PlaylistDetailCard.vue?vue&type=style&index=0&id=28bde954&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{staticClass:\"main_card__class\"},[_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"pa-4\",attrs:{\"cols\":\"12\"}},[(_vm.value.thumbnail)?_c('div',[_c('img',{staticClass:\"image__class\",attrs:{\"src\":_vm.value.thumbnail.file,\"alt\":\"\",\"width\":\"100%\"}})]):_c('div',{staticClass:\"no_thumbnail__class\"}),_c('div',{staticClass:\"playlist_title__class py-2\"},[_vm._v(\" \"+_vm._s(_vm.value.name)+\" \")]),(!_vm.is_same_user && _vm.value)?_c('div',{staticClass:\"pb-2\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.routeToProfile(_vm.value.profile.user, _vm.value.profile.name)}}},[_c('avatar-or-initials',{attrs:{\"image\":_vm.value.profile.profile_image,\"name\":_vm.value.profile.name,\"size\":\"30\"}}),_c('span',{staticClass:\"profile_name__class ml-4\"},[_vm._v(_vm._s(_vm.value.profile.name))])],1):_vm._e(),_c('div',{staticClass:\"playlist_detail_text__class pb-2\"},[_vm._v(\" \"+_vm._s(_vm.value.video_count)+\" Videos \"),_c('span',[_c('v-icon',{attrs:{\"size\":\"8\",\"color\":\"rgba(51, 51, 51, 0.87)\"}},[_vm._v(\"mdi-circle\")])],1),_vm._v(\" Last updated \"+_vm._s(_vm.value.modified_time)+\" ago \")]),_c('div',{staticClass:\"price_text__class\"},[_vm._v(\"₹\"+_vm._s(_vm.value.price))]),(_vm.value.is_subscribed && _vm.value.price !== 0)?_c('v-chip',{staticClass:\"duration__class\"},[_vm._v(\" Valid for \"+_vm._s(_vm.value.duration.days)+\" days \")]):_vm._e()],1)],1)],1),_c('v-card-actions',{staticClass:\"px-4\"},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"d-flex\"},[_c('v-btn',{staticClass:\"btn_text__class btn_text_width text-none\",attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.actionHandler('play')}}},[_c('v-icon',{attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-play-outline\")]),_c('span',[_vm._v(\"Play All\")])],1),(!_vm.is_admin_layout)?_c('v-btn',{staticClass:\"btn_text__class btn_text_width text-none ml-2\",attrs:{\"text\":\"\"},on:{\"click\":_vm.share}},[_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"#333333\"}},[_vm._v(\"mdi-share-variant-outline\")]),_c('span',[_vm._v(\"Share\")])],1):_vm._e(),(!_vm.is_admin_layout)?_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar attrs = ref.attrs;\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"btn_text__class text-none ml-2\",staticStyle:{\"float\":\"right\"},attrs:{\"text\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-dots-horizontal\")])],1)]}}],null,false,3571426011)},[_c('v-list',[_c('v-list-item-group',_vm._l((_vm.action_list),function(item,i){return _c('v-list-item',{key:i,on:{\"click\":function($event){return _vm.actionHandler(item.value)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),1)],1)],1):_vm._e()],1),(_vm.$route.meta.layout === 'userPanel')?_c('span',[(_vm.is_same_user)?_c('div',{staticClass:\"py-4 d-flex\"},[_c('v-btn',{staticClass:\"btn__class btn_width__class btn_height__class text-none\",attrs:{\"color\":\"#2D8CFF\"},on:{\"click\":function($event){return _vm.toggleUploadVideo({\n                  show: true,\n                  type: 'add',\n                  playlist: _vm.value,\n                  emit: _vm.emitterKey.RELOAD_PLAYLIST_DETAIL_PAGE_VIDEOS,\n                })}}},[_c('v-icon',[_vm._v(\"mdi-tray-arrow-up\")]),_c('span',[_vm._v(\"Upload Video\")])],1)],1):_c('div',[(!_vm.value.is_subscribed)?_c('div',{staticClass:\"py-4 d-flex\"},[_c('v-btn',{staticClass:\"btn__class btn_width__class btn_height__class text-none\",attrs:{\"color\":\"#2D8CFF\"},on:{\"click\":_vm.subscribeNow}},[_c('span',[_vm._v(\"Subscribe Now\")])])],1):_vm._e()])]):_c('span',[(_vm.value.status === 'Under Review')?_c('span',[(_vm.is_same_user)?_c('div',{staticClass:\"py-5 px-1 d-flex justify-center\"},[_c('v-btn',{staticClass:\"error--text mr-3 text-capitalize rounded-lg\",staticStyle:{\"width\":\"50%\"},attrs:{\"outlined\":\"\"},on:{\"click\":function($event){return _vm.toggleRejectModal({\n                    show: true,\n                    emit: _vm.emitterKey.ADMIN_REJECT_PLAYLIST_DETAIL_VIDEO_COURSE,\n                    id: _vm.$route.query.ptid,\n                  })}}},[_vm._v(\"Reject\")]),_c('v-btn',{staticClass:\"green white--text text-capitalize rounded-lg\",staticStyle:{\"width\":\"50%\"},on:{\"click\":function($event){return _vm.toggleApproveModal({\n                    show: true,\n                    emit: _vm.emitterKey.ADMIN_APPROVE_PLAYLIST_DETAIL_VIDEO_COURSE,\n                    id: _vm.$route.query.ptid,\n                  })}}},[_vm._v(\"Approve\")])],1):_vm._e()]):_vm._e()])])])],1),_c('reject-modal'),_c('approve-modal')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card class=\"main_card__class\">\n      <v-card-text>\n        <v-row>\n          <v-col cols=\"12\" class=\"pa-4\">\n            <div v-if=\"value.thumbnail\">\n              <img :src=\"value.thumbnail.file\" alt=\"\" width=\"100%\" class=\"image__class\" />\n            </div>\n            <div v-else class=\"no_thumbnail__class\"></div>\n            <div class=\"playlist_title__class py-2\">\n              {{ value.name }}\n            </div>\n            <div\n              v-if=\"!is_same_user && value\"\n              @click=\"routeToProfile(value.profile.user, value.profile.name)\"\n              style=\"cursor: pointer\"\n              class=\"pb-2\"\n            >\n              <avatar-or-initials\n                :image=\"value.profile.profile_image\"\n                :name=\"value.profile.name\"\n                size=\"30\"\n              ></avatar-or-initials>\n              <span class=\"profile_name__class ml-4\">{{ value.profile.name }}</span>\n            </div>\n            <div class=\"playlist_detail_text__class pb-2\">\n              {{ value.video_count }} Videos\n              <span>\n                <v-icon size=\"8\" color=\"rgba(51, 51, 51, 0.87)\">mdi-circle</v-icon></span\n              >\n              Last updated {{ value.modified_time }} ago\n            </div>\n            <div class=\"price_text__class\">₹{{ value.price }}</div>\n            <v-chip\n              class=\"duration__class\"\n              v-if=\"value.is_subscribed && value.price !== 0\"\n            >\n              Valid for {{ value.duration.days }} days\n            </v-chip>\n          </v-col>\n        </v-row>\n      </v-card-text>\n      <v-card-actions class=\"px-4\">\n        <div style=\"width: 100%\">\n          <div class=\"d-flex\">\n            <v-btn\n              text\n              class=\"btn_text__class btn_text_width text-none\"\n              @click=\"actionHandler('play')\"\n            >\n              <v-icon color=\"#333333\">mdi-play-outline</v-icon>\n              <span>Play All</span>\n            </v-btn>\n            <v-btn\n              text\n              class=\"btn_text__class btn_text_width text-none ml-2\"\n              @click=\"share\"\n              v-if=\"!is_admin_layout\"\n            >\n              <v-icon small color=\"#333333\">mdi-share-variant-outline</v-icon>\n              <span>Share</span>\n            </v-btn>\n            <v-menu offset-y v-if=\"!is_admin_layout\">\n              <template v-slot:activator=\"{ attrs, on }\">\n                <v-btn\n                  text\n                  v-bind=\"attrs\"\n                  v-on=\"on\"\n                  class=\"btn_text__class text-none ml-2\"\n                  style=\"float: right\"\n                >\n                  <v-icon color=\"#333333\">mdi-dots-horizontal</v-icon>\n                </v-btn>\n              </template>\n              <v-list>\n                <v-list-item-group>\n                  <v-list-item\n                    v-for=\"(item, i) in action_list\"\n                    :key=\"i\"\n                    @click=\"actionHandler(item.value)\"\n                  >\n                    {{ item.name }}\n                  </v-list-item>\n                </v-list-item-group>\n              </v-list>\n            </v-menu>\n          </div>\n          <span v-if=\"$route.meta.layout === 'userPanel'\">\n            <div class=\"py-4 d-flex\" v-if=\"is_same_user\">\n              <v-btn\n                color=\"#2D8CFF\"\n                class=\"btn__class btn_width__class btn_height__class text-none\"\n                @click=\"\n                  toggleUploadVideo({\n                    show: true,\n                    type: 'add',\n                    playlist: value,\n                    emit: emitterKey.RELOAD_PLAYLIST_DETAIL_PAGE_VIDEOS,\n                  })\n                \"\n              >\n                <v-icon>mdi-tray-arrow-up</v-icon>\n                <span>Upload Video</span>\n              </v-btn>\n            </div>\n            <div v-else>\n              <div v-if=\"!value.is_subscribed\" class=\"py-4 d-flex\">\n                <v-btn\n                  color=\"#2D8CFF\"\n                  class=\"btn__class btn_width__class btn_height__class text-none\"\n                  @click=\"subscribeNow\"\n                >\n                  <!-- <v-icon>mdi-tray-arrow-up</v-icon> -->\n                  <span>Subscribe Now</span>\n                </v-btn>\n              </div>\n            </div>\n          </span>\n\n          <!-- <v-btn @click=\"toggleSuccessModal({ show: true, success: true })\">check</v-btn> -->\n          <span v-else>\n            <span v-if=\"value.status === 'Under Review'\">\n              <div class=\"py-5 px-1 d-flex justify-center\" v-if=\"is_same_user\">\n                <v-btn\n                  style=\"width: 50%\"\n                  class=\"error--text mr-3 text-capitalize rounded-lg\"\n                  outlined\n                  @click=\"\n                    toggleRejectModal({\n                      show: true,\n                      emit: emitterKey.ADMIN_REJECT_PLAYLIST_DETAIL_VIDEO_COURSE,\n                      id: $route.query.ptid,\n                    })\n                  \"\n                  >Reject</v-btn\n                >\n                <v-btn\n                  style=\"width: 50%\"\n                  class=\"green white--text text-capitalize rounded-lg\"\n                  @click=\"\n                    toggleApproveModal({\n                      show: true,\n                      emit: emitterKey.ADMIN_APPROVE_PLAYLIST_DETAIL_VIDEO_COURSE,\n                      id: $route.query.ptid,\n                    })\n                  \"\n                  >Approve</v-btn\n                >\n              </div>\n            </span>\n          </span>\n        </div>\n      </v-card-actions>\n    </v-card>\n    <reject-modal></reject-modal>\n    <approve-modal></approve-modal>\n  </div>\n</template>\n<script>\nimport { mapActions } from \"vuex\";\nimport Axios from \"@/api/BaseAxios.js\";\nimport newAxios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport helper from \"@/helper/index\";\nimport emitterKey from \"@/helper/emitterKey\";\nimport routingHandler from \"@/constant/routingHandler\";\nimport commonFunctions from \"@/common/commonFunctions\";\nimport ROUTER_URL from \"@/constant/urls.js\";\nexport default {\n  name: \"PlaylistDetailCard\",\n  components: {\n    AvatarOrInitials: () => import(\"../../../AvatarOrInitials.vue\"),\n    RejectModal: () => import(\"@/components/AdminPanel/RejectModal/RejectModal.vue\"),\n    ApproveModal: () => import(\"@/components/AdminPanel/ApproveModal/ApproveModal.vue\"),\n  },\n  props: {\n    value: {\n      type: Object,\n      required: true,\n    },\n    playlist_videos: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      emitterKey: emitterKey,\n      action_list1: [\n        {\n          name: \"Edit\",\n          value: \"edit\",\n        },\n        {\n          name: \"Delete\",\n          value: \"delete\",\n        },\n        {\n          name: \"Play All\",\n          value: \"play\",\n        },\n      ],\n      action_list2: [\n        // {\n        //   name: \"View\",\n        //   value: \"view\",\n        // },\n        {\n          name: \"Play All\",\n          value: \"play\",\n        },\n      ],\n    };\n  },\n  computed: {\n    user_id_check() {\n      if (this.user_id) {\n        return this.user_id;\n      } else {\n        return this.$route.query.usid;\n      }\n    },\n    is_same_user() {\n      return helper.isSameUser(this.user_id_check);\n    },\n    action_list() {\n      if (this.is_same_user) {\n        return this.action_list1;\n      } else {\n        return this.action_list2;\n      }\n    },\n    is_admin_layout() {\n      return this.$route.meta.layout === \"AdminPanel\";\n    },\n    logged_in() {\n      return commonFunctions.IsAuth();\n    },\n  },\n  watch: {},\n  methods: {\n    ...mapActions({\n      toggleUploadVideo: \"videoCourse/toggleUploadVideo\",\n      toggleVideoDetail: \"videoCourse/toggleVideoDetail\",\n      togglePlaylistModal: \"videoCourse/togglePlaylistModal\",\n      togglePaymentModal: \"videoCourse/togglePaymentModal\",\n      toggleSuccessModal: \"videoCourse/toggleSuccessModal\",\n      toggleRejectModal: \"rejectModal/toggleRejectModal\",\n      toggleApproveModal: \"approveModal/toggleApproveModal\",\n      toggleDeleteModal: \"deleteModal/toggleDeleteModal\",\n      snackBar: \"snackBar/showSnack\",\n    }),\n    actionHandler(value) {\n      switch (value) {\n        case \"edit\":\n          this.togglePlaylistModal({\n            show: true,\n            type: \"edit\",\n            id: this.value.id,\n            emit: emitterKey.RELOAD_PLAYLIST_DETAIL_PAGE,\n          });\n          break;\n        case \"play\":\n          this.PlayVideos();\n          break;\n        case \"delete\":\n          this.deleteHandler();\n          break;\n      }\n    },\n    PlayVideos() {\n      if (!this.logged_in) {\n        commonFunctions.redirectToLogin();\n        return;\n      }\n      let obj = {};\n      obj[\"ptid\"] = this.value.id;\n      obj[\"type\"] = \"playlist\";\n      obj[\"usid\"] = this.$route.query.usid;\n      // obj[\"vdid\"] = this.playlist_videos[0].id;\n      if (this.$route.meta.layout === \"AdminPanel\") {\n        obj[\"panel\"] = \"admin\";\n      } else {\n        obj[\"panel\"] = \"user\";\n      }\n      // console.log(obj);\n      routingHandler.routeToVideoDetailPage(obj);\n    },\n    subscribeNow() {\n      if (!this.logged_in) {\n        commonFunctions.redirectToLogin();\n        return;\n      }\n      this.togglePaymentModal({\n        show: true,\n        type: \"playlist\",\n        playlist: this.value,\n      });\n    },\n    routeToProfile(user_id, name) {\n      helper.goToProfile(user_id, name);\n    },\n    share() {\n      helper.sharePlaylist(this.user_id_check, this.value.id);\n    },\n    patchDetailHandler(status, object) {\n      const successHandler = () => {\n        this.$emit(\"reload-detail\");\n      };\n      const failureHandler = () => {};\n      let formData = {};\n      formData[\"status\"] = status;\n      if (object.reason) formData[\"reject_reason\"] = object.reason;\n      formData[\"id\"] = object.id;\n      Axios.request_PATCH(\n        apiUrl.PLAYLIST_DETAIL_API,\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    deleteHandler() {\n      if (this.value.video_count || this.value.has_subscriber) {\n        let text = this.value.has_subscriber\n          ? \"This playlist has subscriber\"\n          : \"This playlist has videos\";\n        this.snackBar({\n          text: text,\n          color: \"warning\",\n          timeout: 4500,\n        });\n        return;\n      }\n      this.toggleDeleteModal({\n        show: true,\n        suffix: \"this playlist\",\n        emit: emitterKey.DELETE_PLAYLIST + \"delete_from_playlist_detail_page\",\n        id: this.value.id,\n      });\n    },\n    deletePlaylist() {\n      // console.log(\"playlist detail delete\");\n      const onSuccess = () => {\n        // this.eventBus.$emit(emitterKey.UPDATE_VIDEO_PLAYLIST);\n        this.$router.push({\n          name: ROUTER_URL.userPanel.children.videoAndPlaylist.name,\n          query: { id: this.user_id_check },\n        });\n      };\n      const onFailure = () => {};\n      let params = {};\n      params[\"id\"] = this.value.id;\n      newAxios(\"delete\", apiUrl.PLAYLIST_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n  },\n  mounted() {},\n  created() {\n    this.eventBus.$on(emitterKey.ADMIN_REJECT_PLAYLIST_DETAIL_VIDEO_COURSE, (obj) => {\n      this.patchDetailHandler(\"Rejected\", obj);\n    });\n    this.eventBus.$on(emitterKey.ADMIN_APPROVE_PLAYLIST_DETAIL_VIDEO_COURSE, (obj) => {\n      this.patchDetailHandler(\"Verified\", obj);\n    });\n    this.eventBus.$on(\n      emitterKey.DELETE_PLAYLIST + \"delete_from_playlist_detail_page\",\n      () => {\n        this.deletePlaylist();\n      }\n    );\n  },\n  destroyed() {\n    this.eventBus.$off(emitterKey.ADMIN_REJECT_PLAYLIST_DETAIL_VIDEO_COURSE);\n    this.eventBus.$off(emitterKey.ADMIN_APPROVE_PLAYLIST_DETAIL_VIDEO_COURSE);\n  },\n};\n</script>\n<style scoped>\n.main_card__class {\n  min-height: 85vh;\n}\nimg.image__class {\n  border-radius: 8px;\n}\n.playlist_title__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 20px;\n  line-height: 36px;\n  /* or 180% */\n\n  color: #333333;\n}\n.playlist_detail_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 18px;\n  /* identical to box height */\n\n  color: rgba(51, 51, 51, 0.87);\n}\n.price_text__class {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-weight: 700;\n  font-size: 22px;\n  line-height: 26px;\n  /* identical to box height */\n\n  color: #093060;\n}\n.btn_text__class {\n  background: #e2efff;\n  border-radius: 8px;\n}\n.btn_text_width {\n  min-width: 37% !important;\n}\n.btn_text__height {\n  min-height: 40px !important;\n}\n.small_btn_text_width__class {\n  min-width: 19% !important;\n}\n.btn_text__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 23px;\n  /* identical to box height, or 164% */\n\n  text-align: center;\n\n  color: #333333;\n}\n.btn__class {\n  border-radius: 10px;\n}\n.btn_width__class {\n  min-width: 100% !important;\n}\n.btn_height__class {\n  min-height: 40px !important;\n}\n.btn__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 15px;\n  line-height: 20px;\n  text-align: center;\n\n  color: #ffffff;\n}\n.no_thumbnail__class {\n  background: linear-gradient(0deg, #cfcfcf, #cfcfcf);\n  border-radius: 12px 12px 0px 0px;\n  min-height: 300px;\n}\nspan.v-chip.duration__class {\n  background: #e2efff;\n  border-radius: 70px;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: rgba(51, 51, 51, 0.87);\n}\n.profile_name__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n\n  color: #333333;\n}\n@media all and (max-width: 1000px) {\n}\n@media all and (max-width: 600px) {\n  .v-card.main_card__class {\n    min-height: 0px !important;\n  }\n  .btn_text_width {\n    min-width: 36% !important;\n  }\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!./PlaylistDetailCard.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!./PlaylistDetailCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlaylistDetailCard.vue?vue&type=template&id=28bde954&scoped=true&\"\nimport script from \"./PlaylistDetailCard.vue?vue&type=script&lang=js&\"\nexport * from \"./PlaylistDetailCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlaylistDetailCard.vue?vue&type=style&index=0&id=28bde954&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  \"28bde954\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemGroup } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VChip,VCol,VIcon,VList,VListItem,VListItemGroup,VMenu,VRow})\n"],"sourceRoot":""}