{"version":3,"sources":["webpack:///./src/components/pageCourseVideo/Premium.vue?a826","webpack:///./src/views/PremiumPageCourseVideo.vue?7f8a","webpack:///./src/components/pageCourseVideo/Premium.vue?490d","webpack:///src/components/pageCourseVideo/Premium.vue","webpack:///./src/components/pageCourseVideo/Premium.vue?0105","webpack:///./src/components/pageCourseVideo/Premium.vue","webpack:///src/views/PremiumPageCourseVideo.vue","webpack:///./src/views/PremiumPageCourseVideo.vue?f558","webpack:///./src/views/PremiumPageCourseVideo.vue","webpack:///./src/modules/tab.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","_v","_s","selected","name","hasPaid","_e","nativeOn","$event","preventDefault","Goto","on","$router","go","_l","item","index","key","class","watched","active","selectVideo","title","selectedVideo","attrs","videoOptions","link","staticStyle","selectedCourse","categories","description","_m","domProps","RemoveStyle","ws","course_outline","course","id","GotoBlogByID","image","playerVars","autoplay","autohide","showinfo","modestbranding","loop","color","rel","other","activeIndex","interval","courses","allowCertificateGeneration","popular","fluid","controls","sources","methods","canGenerateCertificate","$mix","updateCourse","next","noOfWatches","videos","length","forEach","c","indexOfSelectedVideo","indexOf","SuccessAlert","sort","a","b","param","$route","params","getCourse","then","res","data","access","sortVideos","$upskill","workshop","workshop_id","Loaded","component","components","appPageCourseVideo","Tab","constructor","tabs","document","querySelectorAll","tab","initiate","querySelector","addEventListener","event","target","nodeName","hasAttribute","content","classList","remove","getAttribute","add"],"mappings":"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","file":"js/chunk-35b82d2c.91a5a9d4.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Premium.vue?vue&type=style&index=0&id=1d504cbf&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Premium.vue?vue&type=style&index=0&id=1d504cbf&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"PageCourseVideo\"},[_c('app-PageCourseVideo')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pageContainer\"},[_c('div',{staticClass:\"container-1350 course-video\"},[_c('div',{staticClass:\"sidebar\"},[_c('h2',[_vm._v(_vm._s(_vm.selected.name))]),(!_vm.hasPaid)?_c('ubtn',{staticClass:\"get-certificate\",nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.Goto({ name: 'invoice' })}}},[_vm._v(\"Unlock All Videos\")]):_vm._e(),_c('ul',[_c('li',{staticClass:\"video-link\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_c('i',{staticClass:\"fa fa-arrow-left\"}),_vm._v(\" Go Back \")]),_vm._l((_vm.selectedCourse),function(item,index){return _c('li',{key:index,staticClass:\"video-link\",class:{\n              watched: item.watched,\n              active: item.active\n            },on:{\"click\":function($event){return _vm.selectVideo(item)}}},[_c('span',{staticClass:\"lesson\"},[_vm._v(\"Outline \"+_vm._s(index + 1))]),_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))])])})],2)],1),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"playing\"},[_c('u-video',{key:_vm.selectedVideo,attrs:{\"options\":_vm.videoOptions,\"id\":\"corsvid\"}}),(!_vm.selectedVideo.link)?_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"align-content\":\"center\",\"justify-content\":\"center\",\"flex-direction\":\"column\"}}):_vm._e()],1),_c('p',{staticClass:\"sub\"},[_vm._v(_vm._s(_vm.selectedCourse.categories))]),_c('div',{staticClass:\"title-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.selectedVideo.title))]),_c('div',{staticClass:\"title\",staticStyle:{\"color\":\"grey\"}},[_vm._v(_vm._s(_vm.selectedVideo.description))])]),_c('div',{staticClass:\"workshop_desc\"},[_c('div',{staticClass:\"cb-tab\"},[_vm._m(0),_c('div',{staticClass:\"tab-content active\",attrs:{\"id\":\"tab-one\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.RemoveStyle(_vm.ws.description))}})]),_c('div',{staticClass:\"tab-content\",attrs:{\"id\":\"tab-two\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.RemoveStyle(_vm.ws.course_outline))}})])])]),_c('div',[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.selectedCourse.description)}})]),_c('div',{staticClass:\"courses-carousel\"},[_vm._m(1),_c('div',{staticClass:\"cb-carousel\",attrs:{\"id\":\"popular-courses\"}},[_c('div',{staticClass:\"cb-carousel-item-container x4\"},_vm._l((_vm.popular),function(course){return _c('div',{key:course.id,staticClass:\"item\",on:{\"click\":function($event){return _vm.GotoBlogByID(course.id)}}},[_c('div',{staticClass:\"course\"},[_c('div',{staticClass:\"thumb\"},[_c('img',{attrs:{\"src\":course.image,\"alt\":\"\"}})]),_c('h4',[_vm._v(_vm._s(course.name))])])])}),0)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"tab-header\"},[_c('li',{staticClass:\"active\",attrs:{\"data-target\":\"#tab-one\"}},[_vm._v(\"Description\")]),_c('li',{attrs:{\"data-target\":\"#tab-two\"}},[_vm._v(\"Course Outline\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h3',[_c('span',[_vm._v(\"More popular Courses\")]),_c('div',{staticClass:\"carousel-nav\"},[_c('a',{staticClass:\"prev\",attrs:{\"href\":\"#\",\"data-target\":\"#popular-courses:prev\"}}),_c('a',{staticClass:\"next\",attrs:{\"href\":\"#\",\"data-target\":\"#popular-courses:next\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pageContainer\">\n    <div class=\"container-1350 course-video\">\n      <div class=\"sidebar\">\n        <h2>{{ selected.name }}</h2>\n        <!--        <p class=\"name\">{{ selectedCourse.author.name }}</p>-->\n        <!--        <p class=\"sub\">{{ selectedCourse.author.designation }}</p>-->\n        <ubtn\n          class=\"get-certificate\"\n          v-if=\"!hasPaid\"\n          @click.prevent.native=\"Goto({ name: 'invoice' })\"\n          >Unlock All Videos</ubtn\n        >\n        <!--        >-->\n        <ul>\n          <li class=\"video-link\" @click=\"$router.go(-1)\">\n            <i class=\"fa fa-arrow-left\"></i> Go Back\n          </li>\n          <li\n            class=\"video-link\"\n            :key=\"index\"\n            @click=\"selectVideo(item)\"\n            v-bind:class=\"{\n              watched: item.watched,\n              active: item.active\n            }\"\n            v-for=\"(item, index) in selectedCourse\"\n          >\n            <span class=\"lesson\">Outline {{ index + 1 }}</span>\n            <span class=\"title\">{{ item.title }}</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"content\">\n        <div class=\"playing\">\n<!--          <youtube-->\n<!--            id=\"upvid\"-->\n<!--            :video-id=\"selectedVideo.link\"-->\n<!--            :player-vars=\"playerVars\"-->\n<!--            fit-parent-->\n<!--            ref=\"upskillplayer\"-->\n<!--            @ended=\"videoEnded\"-->\n<!--            v-if=\"selectedVideo.link\"-->\n<!--          ></youtube>-->\n          <u-video :options=\"videoOptions\" :key=\"selectedVideo\" id=\"corsvid\"></u-video>\n          <div\n            style=\"width: 100%;  display: flex; align-content: center; justify-content: center; flex-direction: column;\"\n            v-if=\"!selectedVideo.link\"\n          >\n            <!--            <h3>{{ selectedCourse.description }}</h3>-->\n            <!--            <h5 class=\"text-md-center\" style=\"color: royalblue\">-->\n            <!--              (Please select a lesson from the sidebar)-->\n            <!--            </h5>-->\n          </div>\n        </div>\n        <p class=\"sub\">{{ selectedCourse.categories }}</p>\n        <div class=\"title-container\">\n          <div class=\"title\">{{ selectedVideo.title }}</div>\n          <div class=\"title\" style=\"color: grey\">{{ selectedVideo.description }}</div>\n        </div>\n        <div class=\"workshop_desc\">\n          <div class=\"cb-tab\">\n            <ul class=\"tab-header\">\n              <li class=\"active\" data-target=\"#tab-one\">Description</li>\n              <li data-target=\"#tab-two\">Course Outline</li>\n            </ul>\n            <div id=\"tab-one\" class=\"tab-content active\">\n              <div v-html=\"RemoveStyle(ws.description)\"></div>\n            </div>\n            <div id=\"tab-two\" class=\"tab-content\">\n              <div v-html=\"RemoveStyle(ws.course_outline)\"></div>\n            </div>\n          </div>\n        </div>\n        <div>\n          <div v-html=\"selectedCourse.description\"></div>\n        </div>\n        <div class=\"courses-carousel\">\n          <h3>\n            <span>More popular Courses</span>\n            <div class=\"carousel-nav\">\n              <a class=\"prev\" href=\"#\" data-target=\"#popular-courses:prev\"></a>\n              <a class=\"next\" href=\"#\" data-target=\"#popular-courses:next\"></a>\n            </div>\n          </h3>\n          <div id=\"popular-courses\" class=\"cb-carousel\">\n            <div class=\"cb-carousel-item-container x4\">\n              <div\n                class=\"item\"\n                v-for=\"course in popular\"\n                :key=\"course.id\"\n                @click=\"GotoBlogByID(course.id)\"\n              >\n                <div class=\"course\">\n                  <div class=\"thumb\">\n                    <img :src=\"course.image\" alt />\n                  </div>\n                  <h4>{{ course.name }}</h4>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Tab from \"@/modules/tab\";\nexport default {\n  data() {\n    return {\n      playerVars: {\n        autoplay: 1,\n        autohide: 1,\n        showinfo: 0,\n        modestbranding: 1,\n        loop: 1,\n        color: \"#46C7C7\",\n        rel: 0\n      },\n      hasPaid: false,\n      other: {},\n      selectedCourse: { author: {} },\n      selectedVideo: {},\n      activeIndex: 0,\n      interval: {},\n      courses: [],\n      allowCertificateGeneration: false,\n      popular: [],\n      selected: {},\n      ws: {},\n      videoOptions: {\n        fluid: true,\n        autoplay: true,\n        controls: true,\n        sources: [\n          {\n            src:\n                    \"\",\n            type: \"video/mp4\"\n          }\n        ]\n      }\n    };\n  },\n  methods: {\n    videoEnded() {\n      this.selectedVideo.watched = true;\n      this.canGenerateCertificate();\n      this.$mix.updateCourse(this.selectedCourse, this.courses, this.other);\n      this.next();\n    },\n    canGenerateCertificate() {\n      let noOfWatches = this.selectedCourse.videos\n        .map(o => (o.watched ? 1 : 0))\n        .reduce((x, y) => x + y);\n      if (noOfWatches === this.selectedCourse.videos.length) {\n        this.allowCertificateGeneration = true;\n      }\n    },\n    selectVideo(item) {\n      this.selectedCourse.forEach(c => {\n        c.active = false;\n      });\n      item.active = true;\n      this.selectedVideo = item;\n      this.videoOptions = {\n        fluid: true,\n        autoplay: true,\n        controls: true,\n        sources: [\n          {\n            src:\n                `https://cdn.upskill.com.bd/${item.link}.mp4`,\n            type: \"video/mp4\"\n          }\n        ]\n      }\n    },\n    next() {\n      let indexOfSelectedVideo = this.selectedCourse.videos.indexOf(\n        this.selectedVideo\n      );\n      if (indexOfSelectedVideo < this.selectedCourse.videos.length - 1) {\n        this.selectVideo(this.selectedCourse.videos[indexOfSelectedVideo + 1]);\n      } else {\n        if (this.allowCertificateGeneration) {\n          this.SuccessAlert(\"You have successfully completed this course! \");\n        } else {\n          this.selectVideo(this.selectedCourse.videos[0]);\n        }\n      }\n    },\n    sortVideos() {\n      this.selectedCourse = this.selectedCourse.sort((a, b) => a.description - b.description)\n    }\n  },\n  created() {\n    let param = this.$route.params.id;\n    this.$mix.getCourse(param).then(res => {\n      // console.log(res)\n      this.selectedCourse = res.course.data;\n      this.hasPaid = res.course.access;\n      this.popular = res.popular;\n      this.selected = res.selected;\n      this.sortVideos()\n      this.selectVideo(this.selectedCourse[0])\n      this.$upskill.workshop(this.selected.workshop_id).then(res => {\n        this.ws = res.data.data\n        this.Loaded();\n      })\n    });\n  },\n  mounted() {\n    new Tab()\n  }\n};\n</script>\n\n<style scoped>\n.video-link:hover {\n  cursor: pointer;\n  background-color: rgba(20, 255, 131, 0.25);\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Premium.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Premium.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Premium.vue?vue&type=template&id=1d504cbf&scoped=true&\"\nimport script from \"./Premium.vue?vue&type=script&lang=js&\"\nexport * from \"./Premium.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Premium.vue?vue&type=style&index=0&id=1d504cbf&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  \"1d504cbf\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"PageCourseVideo\">\n    <app-PageCourseVideo></app-PageCourseVideo>\n  </div>\n</template>\n\n<script>\n// @ is an alias to /src\nimport pageCourseVideo from \"../components/pageCourseVideo/Premium\";\nexport default {\n  name: \"about\",\n  components: {\n    appPageCourseVideo: pageCourseVideo\n  }\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PremiumPageCourseVideo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PremiumPageCourseVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PremiumPageCourseVideo.vue?vue&type=template&id=d6c3377c&\"\nimport script from \"./PremiumPageCourseVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./PremiumPageCourseVideo.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export default class Tab {\n  constructor() {\n    let tabs = document.querySelectorAll(\".cb-tab\");\n\n    tabs.forEach(tab => {\n      this.initiate(tab);\n    });\n  }\n\n  initiate(tab) {\n    tab.querySelector(\".tab-header\").addEventListener(\"click\", event => {\n      let target = event.target;\n\n      if (target.nodeName === \"LI\" && target.hasAttribute(\"data-target\")) {\n        tab.querySelectorAll(\".tab-content\").forEach(content => {\n          content.classList.remove(\"active\");\n        });\n\n        tab.querySelectorAll(\"ul li\").forEach(item => {\n          item.classList.remove(\"active\");\n        });\n\n        tab\n          .querySelector(target.getAttribute(\"data-target\"))\n          .classList.add(\"active\");\n        target.classList.add(\"active\");\n      }\n    });\n  }\n}\n"],"sourceRoot":""}