{"version":3,"sources":["webpack:///./src/components/studentdashboard/mentoringmenucomponents/Media.vue?f5cb","webpack:///src/components/studentdashboard/mentoringmenucomponents/Media.vue","webpack:///./src/components/studentdashboard/mentoringmenucomponents/Media.vue?aae6","webpack:///./src/components/studentdashboard/mentoringmenucomponents/Media.vue","webpack:///./src/components/studentdashboard/mentoringmenucomponents/Media.vue?cd89"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","staticClass","staticStyle","class","windowWidth","isMobile","_v","on","$event","type","indexOf","_k","keyCode","key","executeSearch","model","value","callback","$$v","query","expression","slot","directives","name","rawName","mediaContent","length","_l","_item","index","getIcon","stopPropagation","contentSelected","_s","description","typeInt","showPlayer","refInFor","preventDefault","download","_m","staticRenderFns","component"],"mappings":"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","file":"js/chunk-6c463481.3241dda1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"whole_page\",attrs:{\"id\":\"qanda-page\"}},[_c('ul',{staticClass:\"fixed-max-width-650\",staticStyle:{\"flex-wrap\":\"wrap\"}},[_c('li',{staticClass:\"mb-5\"},[_c('vx-card',{ref:\"chat_card\",staticClass:\"q-and-a-item__black-gradient vs-con-loading__container\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-2/5 self-center\"},[_c('svg',{staticClass:\"feather feather-youtube\",staticStyle:{\"color\":\"white\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"100\",\"height\":\"100\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('path',{attrs:{\"d\":\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"}}),_c('polygon',{attrs:{\"points\":\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"}})])]),_c('div',{staticClass:\"vx-col w-3/5 self-center\"},[_c('p',{staticClass:\"uppercase\",class:{'gradient-text_header__40': _vm.windowWidth < 570 || _vm.isMobile(), 'gradient-text_header': _vm.windowWidth >= 570 && !_vm.isMobile()}},[_vm._v(\"Media\")])])])])]),_c('div',{staticClass:\"vx-row mt-5\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vx-card',{staticClass:\"card__no-padding\",staticStyle:{\"border-radius\":\"30px !important\",\"background-color\":\"rgb(102, 102, 102)\"},attrs:{\"id\":\"q-and-a-search-input_container\"}},[_c('vx-input-group',[_c('vs-input',{staticClass:\"w-full q-and-a-search_input\",attrs:{\"onClick\":\"this.select();\",\"placeholder\":\"Search...\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.executeSearch($event)}},model:{value:(_vm.query),callback:function ($$v) {_vm.query=$$v},expression:\"query\"}}),_c('template',{staticClass:\"append-slot-border\",slot:\"append\"},[_c('div',{staticClass:\"append-text school-primary_gradient input-search_button\",staticStyle:{\"border-radius\":\"30px !important\"},on:{\"click\":_vm.executeSearch}},[_c('span',[_c('feather-icon',{staticClass:\"pt-1\",attrs:{\"icon\":\"SearchIcon\",\"svg-classes\":\"stroke-current\"}})],1)])])],2)],1)],1)])])],1)]),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mediaContent.length > 0),expression:\"mediaContent.length > 0\"}],staticClass:\"fixed-max-width-650 text-left q-and-a_list\",staticStyle:{\"flex-wrap\":\"wrap\"}},_vm._l((_vm.mediaContent),function(_item,index){return _c('li',{key:index,staticClass:\"mb-4\"},[_c('vx-card',{staticClass:\"glow-effect_dark limit-height_content-height fixed-max-width-650 card__no-padding bg-color\"},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text glow-effect_dark limit-height_content-height input-group_prepend-slot-bg\",staticStyle:{\"width\":\"70px\",\"border-radius\":\"5px 0 0 5px !important\"}},[_c('span',[_c('feather-icon',{staticClass:\"pt-1 ml-3\",attrs:{\"icon\":_vm.getIcon(_item),\"svg-classes\":\"stroke-current\"}})],1)])]),_c('vs-button',{staticClass:\"w-full glow-effect_primary limit-height_content-height button-text__left-align school-primary_gradient\",staticStyle:{\"border-radius\":\"0 7px 7px 0\"},attrs:{\"size\":\"large\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.contentSelected(_item)}}},[_c('strong',[_vm._v(_vm._s(_item.name))]),_c('p',{staticClass:\"pt-1\"},[_c('strong',[_c('small',[_vm._v(_vm._s(_item.description))])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_item.typeInt == 3 && _vm.showPlayer),expression:\"_item.typeInt == 3 && showPlayer\"}],staticClass:\"vx-row mt-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{ref:(\"podcastViewer_\" + (_item.id)),refInFor:true,staticClass:\"w-full vs-con-loading__container\",attrs:{\"id\":(\"podcast-container_\" + (_item.id))}},[_c('video',{staticClass:\"media-video-player card-video\",attrs:{\"id\":(\"podcastPlayer_\" + (_item.id)),\"controls\":\"\"}})])])])]),_c('div',{staticClass:\"absolute\",staticStyle:{\"top\":\"0\",\"right\":\"0\"}},[_c('vs-button',{staticClass:\"download-btn\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-download\",\"type\":\"flat\",\"radius\":\"\",\"size\":\"large\",\"color\":\"white\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.download(_item)}}})],1)],2)],1)],1)}),0),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mediaContent.length == 0),expression:\"mediaContent.length == 0\"}]},[_vm._m(0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('p',{staticStyle:{\"color\":\"white\",\"font-weight\":\"500\",\"font-size\":\"16px\",\"padding-top\":\"5px\"}},[_vm._v(\"There are no multimedia content available right now...\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"qanda-page\" ref=\"whole_page\">\r\n    <ul class=\"fixed-max-width-650\" style=\"flex-wrap: wrap;\">\r\n      <li class=\"mb-5\">\r\n        <vx-card ref=\"chat_card\" class=\"q-and-a-item__black-gradient vs-con-loading__container\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col w-full\">\r\n              <div class=\"vx-row\">\r\n                <div class=\"vx-col w-2/5 self-center\">\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"color: white\" width=\"100\" height=\"100\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-youtube\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"></path><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"></polygon></svg>\r\n                </div>\r\n                <div class=\"vx-col w-3/5 self-center\">\r\n                  <p class=\"uppercase\" :class=\"{'gradient-text_header__40': windowWidth < 570 || isMobile(), 'gradient-text_header': windowWidth >= 570 && !isMobile()}\">Media</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"vx-row mt-5\">\r\n            <div class=\"vx-col w-full\">\r\n              <vx-card id=\"q-and-a-search-input_container\" class=\"card__no-padding\" style=\"border-radius: 30px !important;background-color: rgb(102, 102, 102);\">\r\n                <vx-input-group>\r\n                  <vs-input class=\"w-full q-and-a-search_input\" @keyup.enter=\"executeSearch\" onClick=\"this.select();\" placeholder=\"Search...\" v-model=\"query\" />\r\n\r\n                  <template slot=\"append\" class=\"append-slot-border\">\r\n                    <div @click=\"executeSearch\" class=\"append-text school-primary_gradient input-search_button\" style=\"border-radius: 30px !important;\">\r\n                      <span><feather-icon class=\"pt-1\" icon=\"SearchIcon\" svg-classes=\"stroke-current\"></feather-icon></span>\r\n                    </div>\r\n                  </template>\r\n                </vx-input-group>\r\n              </vx-card>\r\n            </div>\r\n          </div>\r\n        </vx-card>\r\n      </li>      \r\n    </ul>\r\n    <ul v-show=\"mediaContent.length > 0\" class=\"fixed-max-width-650 text-left q-and-a_list\" style=\"flex-wrap: wrap;\">\r\n      <li v-for=\"(_item, index) in mediaContent\" :key=\"index\" class=\"mb-4\">\r\n        <vx-card class=\"glow-effect_dark limit-height_content-height fixed-max-width-650 card__no-padding bg-color\">\r\n          <vx-input-group>\r\n            <template slot=\"prepend\">\r\n              <div class=\"prepend-text glow-effect_dark limit-height_content-height input-group_prepend-slot-bg\" style=\"width: 70px;border-radius: 5px 0 0 5px !important;\">\r\n                <span><feather-icon class=\"pt-1 ml-3\" :icon=\"getIcon(_item)\" svg-classes=\"stroke-current\"></feather-icon></span>\r\n              </div>\r\n            </template>\r\n\r\n            <vs-button size=\"large\"\r\n              class=\"w-full glow-effect_primary limit-height_content-height button-text__left-align school-primary_gradient\"\r\n              style=\"border-radius:0 7px 7px 0;\"\r\n              @click.stop=\"contentSelected(_item)\"\r\n            >\r\n              <strong>{{ _item.name }}</strong>\r\n              <p class=\"pt-1\"><strong><small>{{ _item.description }}</small></strong></p>\r\n              <div class=\"vx-row mt-3\" v-show=\"_item.typeInt == 3 && showPlayer\">\r\n                <div class=\"vx-col w-full\">\r\n                  <div :id=\"`podcast-container_${_item.id}`\" :ref=\"`podcastViewer_${_item.id}`\" class=\"w-full vs-con-loading__container\">\r\n                    <video :id=\"`podcastPlayer_${_item.id}`\" class=\"media-video-player card-video\" controls />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </vs-button>\r\n            <div class=\"absolute\" style=\"top: 0;right: 0;\">\r\n              <vs-button class=\"download-btn\" icon-pack=\"feather\" icon=\"icon-download\" type=\"flat\" radius size=\"large\" color=\"white\" @click.stop.prevent=\"download(_item)\" />\r\n            </div>\r\n          </vx-input-group>\r\n        </vx-card>\r\n      </li>\r\n    </ul>\r\n    <ul v-show=\"mediaContent.length == 0\">\r\n      <li>\r\n        <p style=\"color:white;font-weight:500;font-size:16px;padding-top:5px\">There are no multimedia content available right now...</p>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Plyr from 'plyr';\r\n  import 'plyr/dist/plyr.css';  \r\n  export default {\r\n    data() {\r\n      return {\r\n        query: \"\",\r\n        mediaContent: [],\r\n        showPlayer: false,\r\n        podcastPlayer: null,\r\n        fileExt: \"\",\r\n        source: [],\r\n        selectedItem: 0,\r\n        windowWidth: window.innerWidth\r\n      }\r\n    },\r\n    components: {\r\n      Plyr\r\n    },\r\n    computed: {\r\n      \r\n    },\r\n    watch: {\r\n      \r\n    },\r\n    methods: {\r\n      download(item) {\r\n        var link = document.createElement(\"a\");\r\n        link.setAttribute(\"download\",true);\r\n        var filename = item.url.substring(item.url.lastIndexOf('/') + 1);\r\n        var urlToDownload = null;\r\n        link.id = \"link\";\r\n\r\n        switch (item.typeInt) {\r\n          case 1:\r\n            var searchMask = \"/index.m3u8\";\r\n            var regEx = new RegExp(searchMask, \"ig\");\r\n            var replaceMask = \".mp4\";\r\n\r\n            urlToDownload = item.url;\r\n\r\n            if (!urlToDownload.includes(\".mp4\")){\r\n              urlToDownload = urlToDownload.replace(regEx, replaceMask);\r\n            }\r\n\r\n            filename = urlToDownload.substring(urlToDownload.lastIndexOf('/') + 1);\r\n            \r\n            link.href = urlToDownload;\r\n            break;\r\n          case 2:\r\n            urlToDownload = item.url;\r\n            link.href = urlToDownload;\r\n            break;\r\n          case 3:\r\n            urlToDownload = item.url;\r\n            link.href = urlToDownload;\r\n            break;\r\n        };\r\n\r\n        link.download = true;\r\n        link.target = \"_blank\";\r\n        link.textContent = filename;\r\n\r\n        link.click();\r\n\r\n\r\n        link.remove();\r\n      },\r\n      executeSearch() {\r\n        var self = this;\r\n        self.loadData();\r\n      },\r\n      loadData() {\r\n        var self = this;\r\n        self.showLoadingOnElement(\"whole_page\", 1, \"material\");\r\n\r\n        var onSuccess = response => {\r\n          self.mediaContent = response.data;\r\n        };\r\n        var onFinally = response => {\r\n          self.$vs.loading.close(self.$refs.whole_page.$el);\r\n        };\r\n\r\n        self.$ajaxGet(self, `Student/GetMultimediaContent?moduleId=${self.$route.query.module}&query=${self.query}`, onSuccess, onFinally);\r\n      },\r\n      getIcon(item) {\r\n        switch (item.typeInt) {\r\n          case 1:\r\n            return \"YoutubeIcon\";\r\n          case 2:\r\n            return \"FileTextIcon\"\r\n          case 3:\r\n            return \"MicIcon\"\r\n        };\r\n      },\r\n      contentSelected(item) {\r\n        var self = this;\r\n        \r\n        \r\n        if (self.selectedItem != item.id) {\r\n          self.selectedItem = item.id;\r\n          self.showPlayer = false;\r\n          self.destroyPlayer();\r\n          switch (item.typeInt) {\r\n            case 1:\r\n              self.$router.push({ name: 'MultimediaVideoViewer', query: { id: item.id, url: item.url, module: self.$route.query.module, n: self.$route.query.n, orig: \"media\" } });\r\n              return;\r\n            case 2:\r\n              self.$router.push({ name: 'DocumentViewer', query: { id: item.id, url: item.url, module: self.$route.query.module, n: self.$route.query.n, mentoring: true, orig: \"media\" } });\r\n              return;\r\n            case 3:\r\n              self.showPlayer = true;\r\n              self.playPodcast(item.id, item.url);\r\n              // return;\r\n          };\r\n        }\r\n      },\r\n      playPodcast(id, podcastUrl) {\r\n        var self = this;\r\n\r\n        self.podcastPlayer = new Plyr(`#podcastPlayer_${id}`, {\r\n          autoplay: false\r\n        });\r\n        self.showLoadingOnElement(`podcastViewer_${id}`, 1, \"material\");\r\n\r\n        var counter = 0;\r\n        self.podcastPlayer.on('canplay', event => {\r\n          counter++;\r\n          if(counter == 2){\r\n            self.$vs.loading.close(self.$refs[`podcastViewer_${id}`].$el);\r\n          }\r\n        });\r\n\r\n        self.fileExt = podcastUrl.substr(podcastUrl.lastIndexOf(\".\") + 1);\r\n        self.source = [{ type: \"audio/\" + self.fileExt, src: podcastUrl }];\r\n        self.podcastPlayer.source = {\r\n          type: 'audio',\r\n          sources: self.source\r\n        };\r\n      },\r\n      destroyPlayer() {\r\n        var self = this;\r\n        if(self.podcastPlayer)\r\n          self.podcastPlayer.destroy();\r\n      },\r\n      showLoadingOnElement(element, scale, type, color) {\r\n        var self = this;\r\n        self.$vs.loading({\r\n          color: color,\r\n          type: type,\r\n          container: self.$refs[element].$el,\r\n          scale: scale\r\n        });\r\n      },\r\n      handleWindowResize(event) {\r\n        this.windowWidth = event.currentTarget.innerWidth;\r\n      },\r\n    },   \r\n    mounted() {\r\n      var self = this;\r\n      self.loadData();\r\n\r\n      self.$nextTick(() => {\r\n        window.addEventListener(\"resize\", self.handleWindowResize);\r\n      });\r\n    },\r\n    beforeDestroy() {\r\n      window.removeEventListener(\"resize\", self.handleWindowResize);\r\n    }\r\n  }\r\n\r\n</script>\r\n\r\n<style lang=\"scss\">\r\ndiv[id*='podcast-container_'] {\r\n  overflow: visible !important;\r\n\r\n  border-style: solid !important;\r\n  border-width: 2px !important;\r\n  border-radius: 30px !important;\r\n\r\n  .plyr--audio .plyr__controls {\r\n    background: rgba(250, 250, 250, 0) !important;\r\n    color: white !important;\r\n\r\n    .plyr__control:hover {\r\n      background: rgba(var(--vs-fontcolor), 1) !important;\r\n    }\r\n  }\r\n  \r\n  .plyr--full-ui input[type=range] {\r\n    color: rgba(255, 255, 255, 1) !important;\r\n  }\r\n}\r\n\r\n.download-btn {\r\n  &.isActive {\r\n    // background: black !important;\r\n  }\r\n\r\n  &:hover {\r\n    background: rgba(0,0,0,0.3) !important;\r\n  }\r\n\r\n  .vs-button--background {\r\n    background: rgba(0,0,0,0) !important;\r\n    opacity: 0 !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Media.vue?vue&type=template&id=6e71e48a&\"\nimport script from \"./Media.vue?vue&type=script&lang=js&\"\nexport * from \"./Media.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Media.vue?vue&type=style&index=0&lang=scss&\"\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 * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}