{"version":3,"sources":["webpack:///./src/components/VideoCourse/ProfileListing/VideoList/VideoList.vue?243b","webpack:///src/components/VideoCourse/ProfileListing/VideoList/VideoList.vue","webpack:///./src/components/VideoCourse/ProfileListing/VideoList/VideoList.vue?8dc6","webpack:///./src/components/VideoCourse/ProfileListing/VideoList/VideoList.vue?a28c","webpack:///./src/components/VideoCourse/ProfileListing/VideoList/VideoList.vue?8914"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","toggleUploadVideo","show","type","_e","_l","item","i","key","user_id","$vuetify","breakpoint","goToVideoPlaylistPage","staticRenderFns","name","components","VideoCard","ShowMoreButton","props","items","data","computed","is_same_user","watch","methods","mapActions","query","id","mounted","component","VBtn","VCol","VDivider","VIcon","VRow","VSpacer"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIO,GAAG,YAAYH,EAAG,YAAYA,EAAG,MAAM,CAAEJ,EAAgB,aAAEI,EAAG,QAAQ,CAACE,YAAY,uBAAuBE,MAAM,CAAC,MAAQ,UAAU,OAAS,MAAMC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,kBAAkB,CAAEC,MAAM,EAAMC,KAAM,WAAY,CAACT,EAAG,OAAO,CAACJ,EAAIO,GAAG,oBAAoBP,EAAIc,MAAM,IAAI,GAAGV,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACJ,EAAIe,GAAIf,EAAS,OAAE,SAASgB,EAAKC,GAAG,OAAOb,EAAG,QAAQ,CAACc,IAAID,EAAEX,YAAY,OAAOE,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACJ,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQQ,EAAK,QAAUhB,EAAImB,WAAYnB,EAAIoB,SAASC,WAAiB,OAAEjB,EAAG,aAAaJ,EAAIc,MAAM,MAAMd,EAAIoB,SAASC,WAAkB,QAAEjB,EAAG,QAAQ,CAACE,YAAY,OAAOE,MAAM,CAAC,KAAO,MAAM,CAACJ,EAAG,mBAAmB,CAACI,MAAM,CAAC,QAAUR,EAAImB,YAAY,GAAGf,EAAG,QAAQ,CAACE,YAAY,YAAYE,MAAM,CAAC,KAAO,OAAO,CAACJ,EAAG,QAAQ,CAACE,YAAY,4BAA4BE,MAAM,CAAC,KAAO,GAAG,MAAQ,OAAO,OAAS,MAAMC,GAAG,CAAC,MAAQT,EAAIsB,wBAAwB,CAAClB,EAAG,OAAO,CAACJ,EAAIO,GAAG,qBAAqBP,EAAIO,GAAG,KAAKH,EAAG,SAAS,CAACJ,EAAIO,GAAG,sBAAsB,IAAI,IAAI,IAAI,MAC9rCgB,EAAkB,G,oGCmDP,GACfC,iBACAC,YACAC,qBAAA,oDACAC,0BAAA,yDAEAC,OACAC,OACAhB,YAEAM,SACAN,cAGAiB,gBACA,UAEAC,UACAC,wBACA,yCAGAC,SACAC,yCACAC,gBACAxB,qDACA,IACAW,iCACA,mBACAE,qDACAY,OAAAC,sBAIAC,sBCtFgY,I,qHCQ5XC,EAAY,eACd,EACAxC,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,EAAiB,QAUhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,OAAA,KAAKC,UAAA,Q,yDC7B5D","file":"js/chunk-1c66fba4.d7df59f7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"heading_text__class\"},[_vm._v(\"Videos\")]),_c('v-spacer'),_c('div',[(_vm.is_same_user)?_c('v-btn',{staticClass:\"btn__class text-none\",attrs:{\"color\":\"#2D8CFF\",\"height\":\"40\"},on:{\"click\":function($event){return _vm.toggleUploadVideo({ show: true, type: 'add' })}}},[_c('span',[_vm._v(\"Upload Video\")])]):_vm._e()],1)],1),_c('br'),_c('div',{staticClass:\"py-4\"},[_c('v-row',[_vm._l((_vm.items),function(item,i){return _c('v-col',{key:i,staticClass:\"px-3\",attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('video-card',{attrs:{\"value\":item,\"user_id\":_vm.user_id}}),(_vm.$vuetify.breakpoint.xsOnly)?_c('v-divider'):_vm._e()],1)}),(_vm.$vuetify.breakpoint.smAndUp)?_c('v-col',{staticClass:\"pt-0\",attrs:{\"cols\":\"3\"}},[_c('show-more-button',{attrs:{\"user_id\":_vm.user_id}})],1):_c('v-col',{staticClass:\"pt-4 px-3\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"text_btn__class text-none\",attrs:{\"text\":\"\",\"width\":\"100%\",\"height\":\"40\"},on:{\"click\":_vm.goToVideoPlaylistPage}},[_c('span',[_vm._v(\"View all Videos\")]),_vm._v(\" \"),_c('v-icon',[_vm._v(\"mdi-arrow-right\")])],1)],1)],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"d-flex\">\n      <div class=\"heading_text__class\">Videos</div>\n      <v-spacer></v-spacer>\n      <div>\n        <v-btn\n          class=\"btn__class text-none\"\n          color=\"#2D8CFF\"\n          height=\"40\"\n          @click=\"toggleUploadVideo({ show: true, type: 'add' })\"\n          v-if=\"is_same_user\"\n        >\n          <span>Upload Video</span>\n        </v-btn>\n      </div>\n    </div>\n    <br />\n    <div class=\"py-4\">\n      <v-row>\n        <v-col cols=\"12\" sm=\"3\" v-for=\"(item, i) in items\" :key=\"i\" class=\"px-3\">\n          <video-card :value=\"item\" :user_id=\"user_id\"></video-card>\n          <v-divider v-if=\"$vuetify.breakpoint.xsOnly\"></v-divider>\n        </v-col>\n        <v-col cols=\"3\" class=\"pt-0\" v-if=\"$vuetify.breakpoint.smAndUp\">\n          <!-- <div class=\"show_more_div__class d-flex justify-center\">\n            <div class=\"align_vertically_center__class\">\n              <v-icon color=\"#2D8CFF\" class=\"\">mdi-arrow-right</v-icon>\n              <div class=\"show_more_div_text__class\">View all Videos</div>\n            </div>\n          </div> -->\n          <show-more-button :user_id=\"user_id\"></show-more-button>\n        </v-col>\n        <v-col cols=\"12\" class=\"pt-4 px-3\" v-else>\n          <v-btn\n            text\n            class=\"text_btn__class text-none\"\n            width=\"100%\"\n            height=\"40\"\n            @click=\"goToVideoPlaylistPage\"\n          >\n            <span>View all Videos</span> <v-icon>mdi-arrow-right</v-icon>\n          </v-btn>\n        </v-col>\n      </v-row>\n    </div>\n  </div>\n</template>\n<script>\nimport ROUTER_URL from \"@/constant/urls\";\nimport { mapActions } from \"vuex\";\nimport helper from \"@/helper/index\";\nexport default {\n  name: \"VideoList\",\n  components: {\n    VideoCard: () => import(\"../../VideoCard/VideoCard.vue\"),\n    ShowMoreButton: () => import(\"../ShowMoreButton/ShowMoreButton.vue\"),\n  },\n  props: {\n    items: {\n      type: Array,\n    },\n    user_id: {\n      type: Number,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    is_same_user() {\n      return helper.isSameUser(this.user_id);\n    },\n  },\n  watch: {},\n  methods: {\n    ...mapActions({\n      toggleUploadVideo: \"videoCourse/toggleUploadVideo\",\n    }),\n    goToVideoPlaylistPage() {\n      this.$router.push({\n        name: ROUTER_URL.userPanel.children.videoAndPlaylist.name,\n        query: { id: this.user_id },\n      });\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n.heading_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: #333333;\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.text_btn__class {\n  background: linear-gradient(0deg, #f2f8ff, #f2f8ff) !important;\n  border-radius: 12px;\n}\n.text_btn__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 13px;\n  line-height: 18px;\n  /* identical to box height */\n\n  text-align: center;\n\n  /* Primary */\n\n  color: #2d8cff;\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!./VideoList.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!./VideoList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoList.vue?vue&type=template&id=142e73a4&scoped=true&\"\nimport script from \"./VideoList.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoList.vue?vue&type=style&index=0&id=142e73a4&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  \"142e73a4\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VDivider,VIcon,VRow,VSpacer})\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!./VideoList.vue?vue&type=style&index=0&id=142e73a4&scoped=true&lang=css&\""],"sourceRoot":""}