{"version":3,"sources":["webpack:///./src/components/VideoCourse/ProfileListing/VideoUploadZero/VideoUploadZero.vue?02a5","webpack:///./src/components/VideoCourse/ProfileListing/VideoUploadZero/VideoUploadZero.vue?56d7","webpack:///src/components/VideoCourse/ProfileListing/VideoUploadZero/VideoUploadZero.vue","webpack:///./src/components/VideoCourse/ProfileListing/VideoUploadZero/VideoUploadZero.vue?d300","webpack:///./src/components/VideoCourse/ProfileListing/VideoUploadZero/VideoUploadZero.vue?38ef","webpack:///./src/assets/images/video-player.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","$vuetify","breakpoint","smAndUp","staticClass","attrs","video_Image","_v","_e","xsOnly","on","$event","toggleUploadVideo","show","type","staticRenderFns","name","data","methods","mapActions","component","VBtn","VSpacer","module","exports"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAMN,EAAIO,SAASC,WAAWC,QAAU,SAAW,IAAI,CAACL,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,MAAM,CAACO,MAAM,CAAC,OAAS,OAAO,MAAQ,OAAO,IAAMX,EAAIY,YAAY,GAAK,iBAAiBR,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIa,GAAG,8CAA+Cb,EAAIO,SAASC,WAAkB,QAAEJ,EAAG,YAAYJ,EAAIc,KAAKV,EAAG,MAAM,CAACM,YAAY,QAAQ,CAACN,EAAG,QAAQ,CAACM,YAAY,uBAAuBC,MAAM,CAAC,MAAQ,UAAU,OAAS,KAAK,MAAQX,EAAIO,SAASC,WAAWO,OAAS,OAAS,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,kBAAkB,CAAEC,MAAM,EAAMC,KAAM,WAAY,CAAChB,EAAG,OAAO,CAACJ,EAAIa,GAAG,gCAAgC,IAAI,IACjvBQ,EAAkB,G,wBCsBP,GACfC,uBACAC,gBACA,OACAX,wBAGAY,0BACAC,gBACAP,sDChCsY,I,qECQlYQ,EAAY,eACd,EACA3B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAK,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,UAAA,Q,qBCzBnCC,EAAOC,QAAU,IAA0B","file":"js/chunk-01366832.db163cbf.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!./VideoUploadZero.vue?vue&type=style&index=0&id=f2887c0c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.$vuetify.breakpoint.smAndUp ? 'd-flex' : ''},[_c('div',{staticClass:\"d-flex\"},[_c('img',{attrs:{\"height\":\"56px\",\"width\":\"56px\",\"src\":_vm.video_Image,\"id\":\"videoSymbol\"}}),_c('div',{staticClass:\"text__class py-3\"},[_vm._v(\"Add your trade ideas in a video format\")])]),(_vm.$vuetify.breakpoint.smAndUp)?_c('v-spacer'):_vm._e(),_c('div',{staticClass:\"py-2\"},[_c('v-btn',{staticClass:\"btn__class text-none\",attrs:{\"color\":\"#2D8CFF\",\"height\":\"44\",\"width\":_vm.$vuetify.breakpoint.xsOnly ? '100%' : ''},on:{\"click\":function($event){return _vm.toggleUploadVideo({ show: true, type: 'add' })}}},[_c('span',[_vm._v(\" Start Uploading Video \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"$vuetify.breakpoint.smAndUp ? 'd-flex' : ''\">\n    <div class=\"d-flex\">\n      <!-- <img height=\"56px\" width=\"56px\" :src=\"video_Image\" id=\"videoSymbol\" /> -->\n      <img height=\"56px\" width=\"56px\" :src=\"video_Image\" id=\"videoSymbol\" />\n      <div class=\"text__class py-3\">Add your trade ideas in a video format</div>\n    </div>\n    <v-spacer v-if=\"$vuetify.breakpoint.smAndUp\"></v-spacer>\n    <div class=\"py-2\">\n      <v-btn\n        color=\"#2D8CFF\"\n        class=\"btn__class text-none\"\n        height=\"44\"\n        :width=\"$vuetify.breakpoint.xsOnly ? '100%' : ''\"\n        @click=\"toggleUploadVideo({ show: true, type: 'add' })\"\n      >\n        <span> Start Uploading Video </span>\n      </v-btn>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapActions } from \"vuex\";\nexport default {\n  name: \"VideoUploadZero\",\n  data() {\n    return {\n      video_Image: require(\"@/assets/images/video-player.svg\"),\n    };\n  },\n  methods: {\n    ...mapActions({\n      toggleUploadVideo: \"videoCourse/toggleUploadVideo\",\n    }),\n  },\n};\n</script>\n<style scoped>\n.btn__class {\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#videoUploadMainDiv {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 39px;\n}\n\n#subDiv {\n  display: flex;\n  align-items: center;\n}\n\n#videoSymbol {\n  margin-right: 20px;\n}\n\n#uploadVideoBtn {\n  float: right;\n}\n\n@media all and (max-width: 600px) {\n  #uploadVideoBtn {\n    float: left;\n    width: 304px;\n    height: 44px;\n    background-color: #2d8cff;\n    border-radius: 10px;\n    /* Padding: 12px, 28px, 12px, 28px; */\n    font-family: Avenir, Helvetica, Arial, sans-serif;\n  }\n\n  #videoSymbol {\n    height: 49px;\n    width: 79px;\n    left: 28px;\n    top: 1126px;\n    opacity: 60%;\n  }\n\n  .text__class {\n    font-family: Avenir, Helvetica, Arial, sans-serif;\n    font-weight: 900;\n    color: black;\n    font-size: large;\n    font-size: 17px;\n    line-height: 23.22px;\n  }\n\n  /* #UploadVideosComponent {\n          width: 336px;\n          height: 149px;\n          border-radius: 10px;\n          background-color: #FFFFFF;\n      } */\n}\n\n@media all and (min-width: 1000px) {\n  #uploadVideoBtn {\n    /* float: left; */\n    width: 211px;\n    height: 52px;\n    background-color: #2d8cff;\n    border-radius: 6px;\n    margin-top: 10px;\n    margin-bottom: 10px;\n    /* Padding: 0px, 3px, 0px, 0px; */\n    font-family: Avenir, Helvetica, Arial, sans-serif;\n  }\n\n  .text__class {\n    font-family: Avenir, Helvetica, Arial, sans-serif;\n    font-weight: 900;\n    color: black;\n    font-size: large;\n    font-size: 20px;\n    line-height: 27.32px;\n  }\n}\n\n.mobileClass {\n  padding-top: 5px;\n  padding-bottom: 2px;\n}\n\n.desktopClass {\n  padding-top: 1px;\n  padding-right: 18px;\n  padding-left: 17px;\n}\n\n/* #UploadVideosComponent{\n      padding-bottom: 30px;\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!./VideoUploadZero.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!./VideoUploadZero.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoUploadZero.vue?vue&type=template&id=f2887c0c&scoped=true&\"\nimport script from \"./VideoUploadZero.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoUploadZero.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoUploadZero.vue?vue&type=style&index=0&id=f2887c0c&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  \"f2887c0c\",\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 { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VSpacer})\n","module.exports = __webpack_public_path__ + \"img/video-player.4f5454ac.svg\";"],"sourceRoot":""}