{"version":3,"sources":["webpack:///./src/components/VideoCourse/ProfileListing/ProfileListing.vue?15ba","webpack:///./src/components/VideoCourse/ProfileListing/ProfileListing.vue?4bc5","webpack:///src/components/VideoCourse/ProfileListing/ProfileListing.vue","webpack:///./src/components/VideoCourse/ProfileListing/ProfileListing.vue?764a","webpack:///./src/components/VideoCourse/ProfileListing/ProfileListing.vue?9413"],"names":["render","_vm","this","_h","$createElement","_c","_self","is_same_user","items","length","staticClass","_l","i","key","attrs","user_id","_e","staticRenderFns","name","components","VideoUploadZero","VideoList","UploadVideo","VideoDetail","PlaylistModal","props","type","required","data","emitterKey","helper","loading","page_info","page_number","total_page","detail_count","computed","watch","methods","getVideoList","params","Axios","onSuccess","onFailure","mounted","created","beforeDestroy","component","VCard","VCardText","VCol","VRow","VSkeletonLoader"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,eAAkBN,EAAIM,cAAgBN,EAAIO,MAAMC,OAASJ,EAAG,MAAM,CAACK,YAAY,oBAAoB,CAACL,EAAG,SAAS,CAACA,EAAG,cAAc,CAAEJ,EAAW,QAAEI,EAAG,MAAM,CAACK,YAAY,iBAAiB,CAACL,EAAG,QAAQJ,EAAIU,GAAG,GAAI,SAASC,GAAG,OAAOP,EAAG,QAAQ,CAACQ,IAAID,EAAEE,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACT,EAAG,oBAAoB,CAACS,MAAM,CAAC,KAAO,OAAO,UAAY,WAAW,MAAK,IAAI,GAAGT,EAAG,MAAM,EAAGJ,EAAIO,MAAMC,QAAUR,EAAIM,aAAcF,EAAG,sBAAwBJ,EAAIM,cAAgBN,EAAIO,MAAMC,QAAWR,EAAIM,aAAcF,EAAG,aAAa,CAACS,MAAM,CAAC,MAAQb,EAAIO,MAAM,QAAUP,EAAIc,WAAWd,EAAIe,MAAM,MAAM,GAAGX,EAAG,gBAAgBA,EAAG,gBAAgBA,EAAG,mBAAmB,GAAGJ,EAAIe,MACruBC,EAAkB,G,0FC8BP,GACfC,sBACAC,YACAC,2BAAA,wDACAC,qBAAA,wDACAC,uBAAA,wDACAC,uBAAA,wDACAC,yBAAA,yDAEAC,OACAV,SACAW,YACAC,cAGAC,gBACA,OACAC,kBACAC,cACAC,WACAC,WACAC,cACAC,aACAC,gBAEA3B,WAGA4B,UACA7B,wBACA,yCAGA8B,SACAC,SACAC,wBAAA,WACA,gBACA,kBACA,0BACA,6BACA,cAEA,aACA,cAEA,KACAC,8CACAA,4CACAA,0BACAC,4CACAD,SACAE,YACAC,gBAIAC,mBACA,qBAGAC,mBAAA,WACA,oEACA,qBAGAC,4BChGsX,I,yGCQlXC,EAAY,eACd,EACA/C,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,OAAA,KAAKC,OAAA,KAAKC,kBAAA","file":"js/chunk-832bf41e.7e9c9da3.js","sourcesContent":["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!./ProfileListing.vue?vue&type=style&index=0&id=ec9898fc&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.is_same_user || (!_vm.is_same_user && _vm.items.length))?_c('div',{staticClass:\"container__class\"},[_c('v-card',[_c('v-card-text',[(_vm.loading)?_c('div',{staticClass:\"loader__class\"},[_c('v-row',_vm._l((4),function(i){return _c('v-col',{key:i,attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"card\",\"animation\":\"wave\"}})],1)}),1)],1):_c('div',[(!_vm.items.length && _vm.is_same_user)?_c('video-upload-zero'):((!_vm.is_same_user && _vm.items.length) || _vm.is_same_user)?_c('video-list',{attrs:{\"items\":_vm.items,\"user_id\":_vm.user_id}}):_vm._e()],1)])],1),_c('upload-video'),_c('video-detail'),_c('playlist-modal')],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container__class\" v-if=\"is_same_user || (!is_same_user && items.length)\">\n    <v-card>\n      <v-card-text>\n        <div class=\"loader__class\" v-if=\"loading\">\n          <v-row>\n            <v-col cols=\"12\" sm=\"3\" v-for=\"i in 4\" :key=\"i\">\n              <v-skeleton-loader type=\"card\" animation=\"wave\"> </v-skeleton-loader>\n            </v-col>\n          </v-row>\n        </div>\n        <div v-else>\n          <video-upload-zero v-if=\"!items.length && is_same_user\"></video-upload-zero>\n          <video-list\n            :items=\"items\"\n            :user_id=\"user_id\"\n            v-else-if=\"(!is_same_user && items.length) || is_same_user\"\n          ></video-list>\n        </div>\n      </v-card-text>\n    </v-card>\n    <upload-video></upload-video>\n    <video-detail></video-detail>\n    <playlist-modal></playlist-modal>\n  </div>\n</template>\n<script>\nimport helper from \"@/helper\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport emitterKey from \"@/helper/emitterKey\";\nexport default {\n  name: \"ProfileListing\",\n  components: {\n    VideoUploadZero: () => import(\"./VideoUploadZero/VideoUploadZero.vue\"),\n    VideoList: () => import(\"./VideoList/VideoList.vue\"),\n    UploadVideo: () => import(\"../AddVideoData/UploadVideo/UploadVideo.vue\"),\n    VideoDetail: () => import(\"../AddVideoData/VideoDetail/VideoModal.vue\"),\n    PlaylistModal: () => import(\"../AddVideoData/PlaylistModal/PlaylistModal.vue\"),\n  },\n  props: {\n    user_id: {\n      type: Number,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      emitterKey: emitterKey,\n      helper: helper,\n      loading: false,\n      page_info: {\n        page_number: 1,\n        total_page: 1,\n        detail_count: 3,\n      },\n      items: [],\n    };\n  },\n  computed: {\n    is_same_user() {\n      return helper.isSameUser(this.user_id);\n    },\n  },\n  watch: {},\n  methods: {\n    getVideoList() {\n      this.loading = true;\n      const onSuccess = (res) => {\n        this.items = res.data.video_list;\n        this.page_info = res.data.page_info;\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      let params = {};\n      params[\"detail_count\"] = this.page_info.detail_count;\n      params[\"page_number\"] = this.page_info.page_number;\n      params[\"user_id\"] = this.user_id;\n      Axios(\"get\", apiUrl.VIDEO_LIST_API, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n  },\n  mounted() {\n    this.getVideoList();\n    // console.log(helper.isSameUser(this.user_id));\n  },\n  created() {\n    this.eventBus.$on(this.emitterKey.UPDATE_VIDEO_PLAYLIST, () => {\n      this.getVideoList();\n    });\n  },\n  beforeDestroy() {\n    // this.eventBus.$off(this.emitterKey.UPDATE_VIDEO_PLAYLIST);\n  },\n};\n</script>\n<style scoped>\n.container__class {\n  width: 100%;\n}\n.loader__class {\n  width: 100%;\n  overflow-x: scroll;\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!./ProfileListing.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!./ProfileListing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileListing.vue?vue&type=template&id=ec9898fc&scoped=true&\"\nimport script from \"./ProfileListing.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileListing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileListing.vue?vue&type=style&index=0&id=ec9898fc&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  \"ec9898fc\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VCard,VCardText,VCol,VRow,VSkeletonLoader})\n"],"sourceRoot":""}