{"version":3,"sources":["webpack:///./src/views/AdminPanel/VideoCourses/VideoCourses.vue?f8b0","webpack:///src/views/AdminPanel/VideoCourses/VideoCourses.vue","webpack:///./src/views/AdminPanel/VideoCourses/VideoCourses.vue?63c7","webpack:///./src/views/AdminPanel/VideoCourses/VideoCourses.vue?4e1c","webpack:///./src/views/AdminPanel/VideoCourses/VideoCourses.vue?d02a"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","tabs","model","value","callback","$$v","selectedTab","expression","staticClass","ref","typeList","type","search","dates","on","$event","scopedSlots","_u","key","fn","_g","_b","menu","$refs","inputField","focus","dateFormattedText","_v","save","headers","loading","items","page_info","detail_count","item","staticStyle","gotoDetail","_s","name","time","title","profile","toggleGroupDetail","show","id","bank_id","toggleRejectModal","emit","emitterKey","ADMIN_REJECT_VIDEO_COURSE","toggleApproveModal","ADMIN_APPROVE_VIDEO_COURSE","total_page","$set","staticRenderFns","components","TabComponent","GroupDetailModal","RejectModal","ApproveModal","Video","Playlist","data","pending_count","active_count","rejected_count","user_id","start_date","end_date","page_number","sortable","text","width","align","class","computed","get","watch","created","beforeDestroy","mounted","methods","mapActions","snackBar","patchDetailHandler","formData","Axios","apiUrl","successHandler","failureHandler","getGroupDetails","console","obj","color","timeout","query","component","VBtn","VChip","VCol","VDataTable","VDatePicker","VMenu","VPagination","VRow","VSelect","VSpacer","VTextField"],"mappings":"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CAC,qBACAE,eACAtE,sBACAuE,mEACAxD,qBAEA,CACAoD,YACAC,cACAE,eACAtE,eACAuE,4CACAxD,iBAKAyD,UACA1E,gBACA,OACA,CACAuC,8CACArC,sBAEA,CACAqC,4CACArC,kBAEA,CACAqC,gDACArC,oBAIA0B,mBACA,SACA,yBACA,uBACA,EADA,iBACA,yDACA,mCACA,8BACA,MAEA,mBACA,EADA,iBACA,yDACA,oDACA,8BACA,MAEA,mBACA,EADA,iBACA,yDACA,4BACA,8BACA,MAEA,QACA,iBAEA,UAEAH,mBACAkD,eACA,yBACA,qBACA,4CAEA,8EACA,eACA,kBAGA,MAKAC,OACAhE,iBACA,kBACA,qBACA,+BAEA,8BACA,8BAGA,mBACA,kBAEA,wBAEA,mCACA,wBAEAP,uBACA,wBAEAM,kBACA,wBAEAD,gBACA,yBAGAmE,mBAAA,WACA,8CACA,2BACA,KACA,gEACA,sCAEA,iEACA,uCAGAC,2BAIAC,mBACA,wBAEAC,yCACAC,gBACAxC,iDACAI,kDACAI,qDACAiC,iCACA,IACAC,iCAAA,WAEA,aACA,qBAEA,aACA,qBAEA,KACAC,cACA,wBACAA,4BACAA,gBACAC,qBACAC,2BACAF,EACA,GACAG,EACAC,GACA,GACA,KAGAJ,4BACAA,gBACAC,qBACAC,wBACAF,EACA,GACAG,EACAC,GACA,GACA,KAIAC,2BAAA,WACA,gBACA,kBACA,sBACA,6BACA,sCACA,oCACA,wCACA,2CACA,8CACA,yCACA,cAEA,aACA,cAEA,KACAL,6BACAA,wBACAA,8CACAA,4CACAA,oBACAA,gCACAA,4BACAC,mBACA,iCACAD,EACA,GACAG,EACAC,GACA,GACA,IAGArD,uBACAuD,eACA,SAGA,GAFAC,eACAA,0CACA,wBAIA,GAHAA,qBACAA,gBAEA,gBAMA,YALA,eACArB,mCACAsB,gBACAC,eAIA,mBACAxD,oDACAyD,eAGAH,kBACA,mBACAtD,iDACAyD,cCvdoX,I,iLCQhXC,EAAY,eACd,EACAvG,EACA6D,GACA,EACA,KACA,WACA,MAIa,aAAA0C,EAAiB,QAehC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,cAAA,KAAYC,QAAA,KAAMC,cAAA,KAAYC,OAAA,KAAKC,UAAA,KAAQC,UAAA,KAAQC,aAAA,Q,kCClC5G,W","file":"js/chunk-07a12dea.d5c70bb5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('tab-component',{attrs:{\"items\":_vm.tabs},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}})],1),_c('div',{staticClass:\"py-2\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('v-select',{ref:\"inputField\",staticClass:\"selectBox\",attrs:{\"items\":_vm.typeList,\"item-text\":\"name\",\"item-value\":\"value\",\"label\":\"Video Type\",\"outlined\":\"\",\"background-color\":\"#fff\",\"dense\":\"\"},model:{value:(_vm.type),callback:function ($$v) {_vm.type=$$v},expression:\"type\"}})],1),_c('v-col',{attrs:{\"cols\":\"4\",\"sm\":\"4\"}},[_c('v-text-field',{ref:\"inputField\",staticClass:\"selectBox\",attrs:{\"clearable\":\"\",\"label\":\"Search\",\"outlined\":\"\",\"background-color\":\"#fff\",\"dense\":\"\",\"prepend-inner-icon\":\"mdi-magnify\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('v-menu',{ref:\"menu\",attrs:{\"close-on-content-click\":false,\"return-value\":_vm.dates,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"290px\"},on:{\"update:returnValue\":function($event){_vm.dates=$event},\"update:return-value\":function($event){_vm.dates=$event}},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-text-field',_vm._g(_vm._b({ref:\"inputField\",staticClass:\"selectBox\",attrs:{\"label\":\"Date Filter\",\"outlined\":\"\",\"background-color\":\"#fff\",\"multiple\":\"\",\"dense\":\"\",\"readonly\":\"\",\"append-icon\":\"mdi-calendar-range\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.dates = []},\"click:append\":function($event){(_vm.menu = !_vm.menu), _vm.$refs.inputField.focus()}},model:{value:(_vm.dateFormattedText),callback:function ($$v) {_vm.dateFormattedText=$$v},expression:\"dateFormattedText\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.menu),callback:function ($$v) {_vm.menu=$$v},expression:\"menu\"}},[_c('v-date-picker',{attrs:{\"range\":\"\",\"no-title\":\"\",\"scrollable\":\"\"},model:{value:(_vm.dates),callback:function ($$v) {_vm.dates=$$v},expression:\"dates\"}},[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){_vm.menu = false}}},[_vm._v(\"Cancel\")]),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$refs.menu.save(_vm.dates)}}},[_vm._v(\"OK\")])],1)],1)],1)],1)],1),_c('div',[_c('v-data-table',{staticClass:\"elevation-3\",attrs:{\"headers\":_vm.headers,\"loading\":_vm.loading,\"loading-text\":\"Please wait ....Loading\",\"items\":_vm.items,\"items-per-page\":_vm.page_info.detail_count,\"server-items-length\":_vm.page_info.detail_count,\"hide-default-footer\":\"\",\"mobile-breakpoint\":\"\"},scopedSlots:_vm._u([{key:\"item.video_playlist\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"pa-5 d-flex display-inline\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.gotoDetail(item)}}},[_c('div',[(_vm.type === 'playlist')?_c('Playlist',{attrs:{\"object\":item}}):_c('Video',{attrs:{\"object\":item}})],1),_c('div',{staticClass:\"px-2 text-left\"},[(_vm.type === 'playlist')?_c('div',[_c('div',{staticClass:\"video-title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"video-days py-1\"},[_vm._v(_vm._s(item.time))]),_c('v-chip',{attrs:{\"outlined\":\"\",\"color\":\"#71B1AA\",\"small\":\"\",\"label\":\"\"}},[_vm._v(\"Playlist\")])],1):_c('div',[_c('div',{staticClass:\"video-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"video-days py-1\"},[_vm._v(_vm._s(item.time))]),_c('v-chip',{attrs:{\"outlined\":\"\",\"color\":\"#D095A0\",\"small\":\"\",\"label\":\"\"}},[_vm._v(\"Video\")])],1)])])]}},{key:\"item.profile\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('h4',{staticClass:\"py-4\"},[_vm._v(_vm._s(item.profile.name))])]}},{key:\"item.bank_detail\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.bank_id)?_c('div',{staticClass:\"bank-detail primary--text\",on:{\"click\":function($event){return _vm.toggleGroupDetail({\n              show: true,\n              type: 'view',\n              id: item.bank_id,\n            })}}},[_vm._v(\" View Bank Details \")]):_c('div',{staticClass:\"text-capitalize\",staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\" Bank detail unavailable \")])]}},{key:\"item.action\",fn:function(ref){\n            var item = ref.item;\nreturn [_c('v-btn',{staticClass:\"error--text mr-3 text-capitalize rounded-lg\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){return _vm.toggleRejectModal({\n              show: true,\n              emit: _vm.emitterKey.ADMIN_REJECT_VIDEO_COURSE,\n              id: item,\n            })}}},[_vm._v(\"Reject\")]),_c('v-btn',{staticClass:\"green white--text text-capitalize rounded-lg\",on:{\"click\":function($event){return _vm.toggleApproveModal({\n              show: true,\n              emit: _vm.emitterKey.ADMIN_APPROVE_VIDEO_COURSE,\n              id: item,\n            })}}},[_vm._v(\"Approve\")])]}}],null,true)})],1),_c('br'),_c('div',{staticClass:\"d-flex justify-sm-end justify-center\"},[_c('v-pagination',{staticClass:\"pagination\",attrs:{\"length\":_vm.page_info.total_page,\"total-visible\":5,\"color\":\"#2D8CFF\"},model:{value:(_vm.page_info.page_number),callback:function ($$v) {_vm.$set(_vm.page_info, \"page_number\", $$v)},expression:\"page_info.page_number\"}})],1),_c('group-detail-modal'),_c('reject-modal'),_c('approve-modal')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <tab-component v-model=\"selectedTab\" :items=\"tabs\"></tab-component>\n    </div>\n    <div class=\"py-2\">\n      <v-row>\n        <v-col cols=\"4\" sm=\"2\">\n          <v-select\n            v-model=\"type\"\n            :items=\"typeList\"\n            item-text=\"name\"\n            item-value=\"value\"\n            label=\"Video Type\"\n            outlined\n            class=\"selectBox\"\n            background-color=\"#fff\"\n            dense\n            ref=\"inputField\"\n          ></v-select>\n        </v-col>\n        <v-col cols=\"4\" sm=\"4\">\n          <v-text-field\n            v-model=\"search\"\n            clearable\n            label=\"Search\"\n            outlined\n            class=\"selectBox\"\n            background-color=\"#fff\"\n            dense\n            ref=\"inputField\"\n            prepend-inner-icon=\"mdi-magnify\"\n          ></v-text-field>\n        </v-col>\n        <v-col cols=\"4\" sm=\"2\">\n          <v-menu\n            ref=\"menu\"\n            v-model=\"menu\"\n            :close-on-content-click=\"false\"\n            :return-value.sync=\"dates\"\n            transition=\"scale-transition\"\n            offset-y\n            min-width=\"290px\"\n          >\n            <template v-slot:activator=\"{ on, attrs }\">\n              <v-text-field\n                v-model=\"dateFormattedText\"\n                label=\"Date Filter\"\n                outlined\n                class=\"selectBox\"\n                background-color=\"#fff\"\n                multiple\n                dense\n                ref=\"inputField\"\n                readonly\n                append-icon=\"mdi-calendar-range\"\n                v-bind=\"attrs\"\n                v-on=\"on\"\n                clearable\n                @click:clear=\"dates = []\"\n                @click:append=\"(menu = !menu), $refs.inputField.focus()\"\n              ></v-text-field>\n              <!-- {{dateFormattedText}} -->\n            </template>\n            <v-date-picker v-model=\"dates\" range no-title scrollable>\n              <v-spacer></v-spacer>\n              <v-btn text color=\"primary\" @click=\"menu = false\">Cancel</v-btn>\n              <v-btn text color=\"primary\" @click=\"$refs.menu.save(dates)\">OK</v-btn>\n            </v-date-picker>\n          </v-menu>\n        </v-col>\n      </v-row>\n    </div>\n    <div>\n      <v-data-table\n        :headers=\"headers\"\n        :loading=\"loading\"\n        loading-text=\"Please wait ....Loading\"\n        :items=\"items\"\n        :items-per-page=\"page_info.detail_count\"\n        :server-items-length=\"page_info.detail_count\"\n        hide-default-footer\n        mobile-breakpoint\n        class=\"elevation-3\"\n      >\n        <template v-slot:[`item.video_playlist`]=\"{ item }\">\n          <div\n            class=\"pa-5 d-flex display-inline\"\n            style=\"cursor: pointer\"\n            @click=\"gotoDetail(item)\"\n          >\n            <div>\n              <Playlist :object=\"item\" v-if=\"type === 'playlist'\" />\n              <Video v-else :object=\"item\" />\n            </div>\n            <div class=\"px-2 text-left\">\n              <div v-if=\"type === 'playlist'\">\n                <div class=\"video-title\">{{ item.name }}</div>\n                <div class=\"video-days py-1\">{{ item.time }}</div>\n                <v-chip outlined color=\"#71B1AA\" small label>Playlist</v-chip>\n              </div>\n              <div v-else>\n                <div class=\"video-title\">{{ item.title }}</div>\n                <div class=\"video-days py-1\">{{ item.time }}</div>\n                <v-chip outlined color=\"#D095A0\" small label>Video</v-chip>\n              </div>\n            </div>\n          </div>\n        </template>\n        <template v-slot:[`item.profile`]=\"{ item }\">\n          <h4 class=\"py-4\">{{ item.profile.name }}</h4>\n        </template>\n        <template v-slot:[`item.bank_detail`]=\"{ item }\">\n          <div\n            v-if=\"item.bank_id\"\n            class=\"bank-detail primary--text\"\n            @click=\"\n              toggleGroupDetail({\n                show: true,\n                type: 'view',\n                id: item.bank_id,\n              })\n            \"\n          >\n            View Bank Details\n          </div>\n          <div v-else class=\"text-capitalize\" style=\"font-size: 14px\">\n            Bank detail unavailable\n            <!-- <v-icon size=\"22\">mdi-minus</v-icon> -->\n          </div>\n        </template>\n        <template v-slot:[`item.action`]=\"{ item }\">\n          <v-btn\n            class=\"error--text mr-3 text-capitalize rounded-lg\"\n            outlined\n            @click=\"\n              toggleRejectModal({\n                show: true,\n                emit: emitterKey.ADMIN_REJECT_VIDEO_COURSE,\n                id: item,\n              })\n            \"\n            >Reject</v-btn\n          >\n          <v-btn\n            class=\"green white--text text-capitalize rounded-lg\"\n            @click=\"\n              toggleApproveModal({\n                show: true,\n                emit: emitterKey.ADMIN_APPROVE_VIDEO_COURSE,\n                id: item,\n              })\n            \"\n            >Approve</v-btn\n          >\n        </template>\n      </v-data-table>\n    </div>\n    <br />\n    <div class=\"d-flex justify-sm-end justify-center\">\n      <v-pagination\n        v-model=\"page_info.page_number\"\n        :length=\"page_info.total_page\"\n        :total-visible=\"5\"\n        color=\"#2D8CFF\"\n        class=\"pagination\"\n      >\n      </v-pagination>\n    </div>\n    <group-detail-modal></group-detail-modal>\n    <reject-modal></reject-modal>\n    <approve-modal></approve-modal>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/BaseAxios.js\";\nimport apiUrl from \"@/common/apiUrl\";\nimport _ from \"lodash\";\nimport emitterKey from \"@/helper/emitterKey\";\nimport { mapActions } from \"vuex\";\nimport ROUTER_URL from \"@/constant/urls\";\n// import VideoCard from '@/components/VideoCourse/VideoCard/VideoCard.vue';\nimport commonFunctions from \"@/common/commonFunctions\";\n\nexport default {\n  name: \"VideoCourses\",\n  components: {\n    TabComponent: () => import(\"../TabComponent/TabComponent.vue\"),\n    GroupDetailModal: () => import(\"../Groups/GroupDetailModal/GroupDetailModal.vue\"),\n    RejectModal: () => import(\"@/components/AdminPanel/RejectModal/RejectModal.vue\"),\n    ApproveModal: () => import(\"@/components/AdminPanel/ApproveModal/ApproveModal.vue\"),\n    Video: () => import(\"@/components/AdminPanel/Video/Video.vue\"),\n    Playlist: () => import(\"@/components/AdminPanel/Playlist/Playlist.vue\"),\n  },\n  data() {\n    return {\n      menu: false,\n      emitterKey: emitterKey,\n      pending_count: 0,\n      active_count: 0,\n      rejected_count: 0,\n      selectedTab: \"Under Review\",\n      user_id: commonFunctions.getUserId(),\n      dates: [],\n      start_date: \"\",\n      end_date: \"\",\n      type: \"playlist\",\n      items: [],\n      loading: false,\n      search: \"\",\n      page_info: {\n        detail_count: 10,\n        page_number: 1,\n        total_page: 1,\n      },\n      typeList: [\n        { name: \"Video\", value: \"video\" },\n        { name: \"Playlist\", value: \"playlist\" },\n      ],\n      data: [\n        {\n          sortable: false,\n          text: \"Video/Playlist\",\n          value: \"video_playlist\",\n          width: \"400px\",\n          align: \"center\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n          key: \"video_playlist\",\n        },\n        {\n          sortable: false,\n          text: \"Member Name\",\n          value: \"profile\",\n          align: \"center\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n          key: \"name\",\n        },\n        {\n          sortable: false,\n          text: \"Bank Detail\",\n          align: \"center\",\n          value: \"bank_detail\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n          key: \"bank_detail\",\n        },\n        {\n          sortable: false,\n          text: \"Reject Reason\",\n          align: \"center\",\n          value: \"reject_reason\",\n          class: [\"reject_reason__class\", \"tableHeader-text\", \"tableHeader-bg\"],\n          key: \"reject_reason\",\n        },\n        {\n          sortable: false,\n          text: \"Action\",\n          align: \"center\",\n          value: \"action\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n          key: \"action\",\n        },\n      ],\n    };\n  },\n  computed: {\n    tabs() {\n      return [\n        {\n          title: `Pending - ${this.pending_count}`,\n          value: \"Under Review\",\n        },\n        {\n          title: `Active - ${this.active_count}`,\n          value: \"Verified\",\n        },\n        {\n          title: `Rejected - ${this.rejected_count}`,\n          value: \"Rejected\",\n        },\n      ];\n    },\n    headers() {\n      let head = [];\n      switch (this.selectedTab) {\n        case \"Under Review\": {\n          for (let value of this.data) {\n            if (value.key != \"reject_reason\") head.push(value);\n          }\n          break;\n        }\n        case \"Verified\": {\n          for (let value of this.data) {\n            if (value.key != \"reject_reason\" && value.key != \"action\") head.push(value);\n          }\n          break;\n        }\n        case \"Rejected\": {\n          for (let value of this.data) {\n            if (value.key != \"action\") head.push(value);\n          }\n          break;\n        }\n        default:\n          return this.data;\n      }\n      return head;\n    },\n    dateFormattedText: {\n      get() {\n        if (this.dates.length) {\n          if (this.dates.length == 1) {\n            return this.moment(this.dates[0]).format(\"MMM-DD\");\n          } else {\n            return `${this.moment(this.dates[0]).format(\"MMM-DD\")},${this.moment(\n              this.dates[1]\n            ).format(\"MMM-DD\")}`;\n          }\n        } else {\n          return \"\";\n        }\n      },\n    },\n  },\n  watch: {\n    dates: function () {\n      if (this.dates.length) {\n        if (this.dates.length == 1) {\n          this.start_date = this.dates[0];\n        } else {\n          this.start_date = this.dates[0];\n          this.end_date = this.dates[1];\n        }\n      } else {\n        this.start_date = \"\";\n        this.end_date = \"\";\n      }\n      this.getGroupDetails();\n    },\n    \"page_info.page_number\": function () {\n      this.debounceGetList();\n    },\n    selectedTab() {\n      this.getGroupDetails();\n    },\n    search() {\n      this.debounceGetList();\n    },\n    type() {\n      this.getGroupDetails();\n    },\n  },\n  created() {\n    this.debounceGetList = _.debounce(function () {\n      this.getGroupDetails(true);\n    }, 500);\n    this.eventBus.$on(emitterKey.ADMIN_REJECT_VIDEO_COURSE, (obj) => {\n      this.patchDetailHandler(\"Rejected\", obj);\n    });\n    this.eventBus.$on(emitterKey.ADMIN_APPROVE_VIDEO_COURSE, (obj) => {\n      this.patchDetailHandler(\"Verified\", obj);\n    });\n  },\n  beforeDestroy() {\n    // this.eventBus.$off(emitterKey.ADMIN_REJECT_VIDEO_COURSE);\n    // this.eventBus.$off(emitterKey.ADMIN_APPROVE_VIDEO_COURSE);\n  },\n  mounted() {\n    this.getGroupDetails();\n  },\n  methods: {\n    ...mapActions({\n      toggleGroupDetail: \"adminGroup/toggleGroupDetail\",\n      toggleRejectModal: \"rejectModal/toggleRejectModal\",\n      toggleApproveModal: \"approveModal/toggleApproveModal\",\n      snackBar: \"snackBar/showSnack\",\n    }),\n    patchDetailHandler(status, object) {\n      // console.log(object, status);\n      const successHandler = () => {\n        this.getGroupDetails();\n      };\n      const failureHandler = () => {\n        this.getGroupDetails();\n      };\n      let formData = {};\n      formData[\"status\"] = status;\n      if (this.type === \"playlist\") {\n        formData[\"reject_reason\"] = object.reason;\n        formData[\"id\"] = object.id.id;\n        Axios.request_PATCH(\n          apiUrl.PLAYLIST_DETAIL_API,\n          formData,\n          {},\n          successHandler,\n          failureHandler,\n          false,\n          true\n        );\n      } else {\n        formData[\"reject_reason\"] = object.reason;\n        formData[\"id\"] = object.id.id;\n        Axios.request_PATCH(\n          apiUrl.VIDEO_DETAIL_API,\n          formData,\n          {},\n          successHandler,\n          failureHandler,\n          false,\n          true\n        );\n      }\n    },\n    getGroupDetails() {\n      this.loading = true;\n      const successHandler = (res) => {\n        this.items = res.data.videos;\n        this.page_info = res.data.page_info;\n        (this.pending_count = res.data.counts.pending),\n          (this.active_count = res.data.counts.active),\n          (this.rejected_count = res.data.counts.rejected),\n          (this.page_number = res.data.page_info.page_number);\n        this.item_per_page = res.data.page_info.detail_count;\n        this.total_page = res.data.page_info.total_page;\n        this.loading = false;\n      };\n      const failureHandler = () => {\n        this.loading = false;\n      };\n      let formData = {};\n      formData[\"status\"] = this.selectedTab;\n      formData[\"search\"] = this.search;\n      formData[\"detail_count\"] = this.page_info.detail_count;\n      formData[\"page_number\"] = this.page_info.page_number;\n      formData[\"type\"] = this.type;\n      formData[\"start_date\"] = this.start_date;\n      formData[\"end_date\"] = this.end_date;\n      Axios.request_GET(\n        \"/admin-panel/videos-playlists/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        true,\n        true\n      );\n    },\n    gotoDetail(value) {\n      console.log(value);\n      let obj = {};\n      obj[\"vdid\"] = value.id;\n      obj[\"usid\"] = localStorage.getItem(\"user_id\");\n      if (this.type === \"playlist\") {\n        obj[\"type\"] = \"playlist\";\n        obj[\"ptid\"] = value.id;\n        // obj[\"vdid\"] = value.id;\n        if (!value.video_count > 0) {\n          this.snackBar({\n            text: \"This playlist has no videos\",\n            color: \"warning\",\n            timeout: 4500,\n          });\n          return;\n        }\n        this.$router.push({\n          name: ROUTER_URL.adminPanel.children.playlistDetail.name,\n          query: obj,\n        });\n      } else {\n        obj[\"type\"] = \"video\";\n        this.$router.push({\n          name: ROUTER_URL.adminPanel.children.videoDetail.name,\n          query: obj,\n        });\n      }\n    },\n  },\n};\n</script>\n<style scoped>\n.reject_reason__class {\n  color: #eb5757 !important;\n}\n.video-days {\n  font-weight: 600;\n  font-size: 15px;\n  line-height: 20px;\n  color: #3d3d3d;\n}\n.video-title {\n  width: 200px;\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 20px;\n  color: #3d3d3d;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.tableHeader-text {\n  font-family: Avenir !important;\n  font-style: normal !important;\n  font-weight: 600 !important;\n  font-size: 14px !important;\n  line-height: 18px !important;\n  /* identical to box height */\n\n  text-transform: uppercase;\n\n  color: #333333 !important;\n}\n.tableHeader-bg {\n  background: #ecf0f4 !important;\n}\n.bank-detail {\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 21px;\n  cursor: pointer;\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!./VideoCourses.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!./VideoCourses.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoCourses.vue?vue&type=template&id=6b19951f&scoped=true&\"\nimport script from \"./VideoCourses.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoCourses.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoCourses.vue?vue&type=style&index=0&id=6b19951f&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  \"6b19951f\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\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,VChip,VCol,VDataTable,VDatePicker,VMenu,VPagination,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!./VideoCourses.vue?vue&type=style&index=0&id=6b19951f&scoped=true&lang=css&\""],"sourceRoot":""}