{"version":3,"sources":["webpack:///./src/components/studentdashboard/mentoringmenucomponents/Q&A.vue?4730","webpack:///./src/components/studentdashboard/mentoringmenucomponents/Q&A.vue?4c6e","webpack:///src/components/studentdashboard/mentoringmenucomponents/Q&A.vue","webpack:///./src/components/studentdashboard/mentoringmenucomponents/Q&A.vue?8ebc","webpack:///./src/components/studentdashboard/mentoringmenucomponents/Q&A.vue"],"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","faqs","length","_l","_faq","index","_s","heading","question","answer","refInFor","faqFeedback","id","mediaContent","_item","getIcon","stopPropagation","contentSelected","description","_e","_m","podcastPopupActive","Object","keys","selectedItem","staticRenderFns","component"],"mappings":"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","file":"js/chunk-85bce826.788f5655.js","sourcesContent":["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!./Q&A.vue?vue&type=style&index=0&lang=scss&\"","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-search\",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('circle',{attrs:{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\"}}),_c('line',{attrs:{\"x1\":\"21\",\"y1\":\"21\",\"x2\":\"16.65\",\"y2\":\"16.65\"}})])]),_c('div',{staticClass:\"vx-col w-3/5 self-center\"},[_c('p',{staticClass:\"uppercase\",class:{'gradient-text_header__50': _vm.windowWidth < 570 || _vm.isMobile(), 'gradient-text_header': _vm.windowWidth >= 570 && !_vm.isMobile()}},[_vm._v(\"Q&A\")])])])])]),_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.faqs.length > 0),expression:\"faqs.length > 0\"}],staticClass:\"fixed-max-width-650 text-left q-and-a_list\",staticStyle:{\"flex-wrap\":\"wrap\"}},[_c('li',{staticClass:\"mb-4\"},[_c('vs-collapse',{staticClass:\"mb-3\",attrs:{\"id\":\"collapse\",\"accordion\":\"\"}},_vm._l((_vm.faqs),function(_faq,index){return _c('vs-collapse-item',{key:index,attrs:{\"id\":(\"collapse-item-\" + index),\"icon-pack\":\"feather\",\"icon-arrow\":\"icon-arrow-down-circle\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('h3',[_c('strong',[_vm._v(_vm._s(_faq.heading))])]),_c('p',{staticClass:\"mt-2\",staticStyle:{\"padding-right\":\"39px\"}},[_vm._v(_vm._s(_faq.question))])]),_c('div',{staticClass:\"pl-3 mb-1\"},[_c('p',{staticClass:\"text-white\",staticStyle:{\"font-size\":\"12pt\"}},[_c('strong',[_vm._v(_vm._s(_faq.answer))])])]),_c('div',{staticClass:\"vx-row mt-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[(_vm.showHelpfulBtns)?_c('div',{staticClass:\"flex helpful_btns__container justify-center\"},[_c('vs-button',{ref:\"submit_btn\",refInFor:true,staticClass:\"vs-con-loading__container helpful_btns\",attrs:{\"id\":\"helpful-btn\",\"icon-pack\":\"feather\",\"icon\":\"icon-check-circle\"},on:{\"click\":function($event){return _vm.faqFeedback(_faq.id, true)}}},[_vm._v(\"Helpful\")]),_c('vs-button',{ref:\"submit_btn\",refInFor:true,staticClass:\"vs-con-loading__container helpful_btns\",attrs:{\"id\":\"unhelpful-btn\",\"icon-pack\":\"feather\",\"icon\":\"icon-x-circle\",\"icon-after\":\"\"},on:{\"click\":function($event){return _vm.faqFeedback(_faq.id, false)}}},[_vm._v(\"Not Helpful\")])],1):_c('div',{staticClass:\"flex helpful_btns__container justify-center\"},[_c('vs-button',{staticClass:\"vs-con-loading__container helpful_btns\",attrs:{\"id\":\"done-btn\",\"icon-pack\":\"feather\",\"icon\":\"icon-check\"}})],1)])]),(_faq.mediaContent.length > 0)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-divider',[_vm._v(\"Multimedia\")]),_c('ul',{staticClass:\"text-left q-and-a_list\",staticStyle:{\"flex-wrap\":\"wrap\"}},_vm._l((_faq.mediaContent),function(_item,index){return _c('li',{key:index,staticClass:\"mb-4\"},[_c('vx-card',{staticClass:\"glow-effect_dark limit-height_content-height 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(_faq.id, _item)}}},[_c('strong',[_vm._v(_vm._s(_item.name))]),_c('p',{staticClass:\"pt-1\"},[_c('strong',[_c('small',[_vm._v(_vm._s(_item.description))])])])])],2)],1)],1)}),0)],1)]):_vm._e()])}),1)],1)]),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.faqs.length == 0),expression:\"faqs.length == 0\"}]},[_vm._m(0)]),_c('vs-popup',{attrs:{\"title\":\"Play Podcast\",\"id\":\"resource-popup\",\"active\":_vm.podcastPopupActive},on:{\"update:active\":function($event){_vm.podcastPopupActive=$event}}},[(Object.keys(_vm.selectedItem).length > 0)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{ref:(\"podcastViewer_\" + (_vm.selectedItem.faqId) + \"_\" + (_vm.selectedItem.id)),staticClass:\"w-full vs-con-loading__container\",attrs:{\"id\":(\"podcast-container_\" + (_vm.selectedItem.faqId) + \"_\" + (_vm.selectedItem.id))}},[_c('video',{staticClass:\"media-video-player card-video\",attrs:{\"id\":(\"podcastPlayer_\" + (_vm.selectedItem.faqId) + \"_\" + (_vm.selectedItem.id)),\"controls\":\"\"}})])])]):_vm._e()])],1)}\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 Q&A's 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-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\r\n                </div>\r\n                <div class=\"vx-col w-3/5 self-center\">\r\n                  <p class=\"uppercase\" :class=\"{'gradient-text_header__50': windowWidth < 570 || isMobile(), 'gradient-text_header': windowWidth >= 570 && !isMobile()}\">Q&A</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=\"faqs.length > 0\" class=\"fixed-max-width-650 text-left q-and-a_list\" style=\"flex-wrap: wrap;\">\r\n      <li class=\"mb-4\">\r\n        <vs-collapse id=\"collapse\" accordion class=\"mb-3\">\r\n          <vs-collapse-item :id=\"`collapse-item-${index}`\" icon-pack=\"feather\" icon-arrow=\"icon-arrow-down-circle\"  v-for=\"(_faq, index) in faqs\" :key=\"index\">\r\n            <div slot=\"header\">\r\n              <h3><strong>{{ _faq.heading }}</strong></h3>\r\n              <p class=\"mt-2\" style=\"padding-right: 39px;\">{{ _faq.question }}</p>\r\n            </div>\r\n            <div class=\"pl-3 mb-1\">\r\n              <p class=\"text-white\" style=\"font-size: 12pt;\"><strong>{{ _faq.answer }}</strong></p>\r\n            </div>\r\n\r\n            <div class=\"vx-row mt-3\">\r\n              <div class=\"vx-col w-full\">\r\n                <div v-if=\"showHelpfulBtns\" class=\"flex helpful_btns__container justify-center\">\r\n                  <vs-button id=\"helpful-btn\" class=\"vs-con-loading__container helpful_btns\" ref=\"submit_btn\" icon-pack=\"feather\" icon=\"icon-check-circle\" @click=\"faqFeedback(_faq.id, true)\">Helpful</vs-button>\r\n                  <vs-button id=\"unhelpful-btn\" class=\"vs-con-loading__container helpful_btns\" ref=\"submit_btn\" icon-pack=\"feather\" icon=\"icon-x-circle\" icon-after @click=\"faqFeedback(_faq.id, false)\">Not Helpful</vs-button>\r\n                </div>\r\n                <div v-else class=\"flex helpful_btns__container justify-center\">\r\n                  <vs-button id=\"done-btn\" class=\"vs-con-loading__container helpful_btns\" icon-pack=\"feather\" icon=\"icon-check\"/>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"_faq.mediaContent.length > 0\" class=\"vx-row\">\r\n              <div class=\"vx-col w-full\">\r\n                <vs-divider>Multimedia</vs-divider>\r\n                <ul class=\"text-left q-and-a_list\" style=\"flex-wrap: wrap;\">\r\n                  <li v-for=\"(_item, index) in _faq.mediaContent\" :key=\"index\" class=\"mb-4\">\r\n                    <vx-card class=\"glow-effect_dark limit-height_content-height 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(_faq.id, _item)\"\r\n                        >\r\n                          <strong>{{ _item.name }}</strong>\r\n                          <p class=\"pt-1\"><strong><small>{{ _item.description }}</small></strong></p>\r\n                          \r\n                        </vs-button>\r\n                      </vx-input-group>\r\n                    </vx-card>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </vs-collapse-item>\r\n        </vs-collapse>\r\n      </li>\r\n    </ul>\r\n    <ul v-show=\"faqs.length == 0\">\r\n      <li>\r\n        <p style=\"color:white;font-weight:500;font-size:16px;padding-top:5px\">There are no Q&A's available right now...</p>\r\n      </li>\r\n    </ul>\r\n    <!-- use selectedItem for this popup -->\r\n    <vs-popup title=\"Play Podcast\" id=\"resource-popup\" :active.sync=\"podcastPopupActive\">\r\n      <div class=\"vx-row\" v-if=\"Object.keys(selectedItem).length > 0\">\r\n        <div class=\"vx-col w-full\">\r\n          <div :id=\"`podcast-container_${selectedItem.faqId}_${selectedItem.id}`\" :ref=\"`podcastViewer_${selectedItem.faqId}_${selectedItem.id}`\" class=\"w-full vs-con-loading__container\">\r\n            <video :id=\"`podcastPlayer_${selectedItem.faqId}_${selectedItem.id}`\" class=\"media-video-player card-video\" controls />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </vs-popup>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import vSelect from 'vue-select';\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        faqs: [],\r\n        showHelpfulBtns: true,\r\n        currentOpenItem: {},\r\n        showPlayer: false,\r\n        podcastPlayer: null,\r\n        fileExt: \"\",\r\n        source: [],\r\n        selectedItem: {},\r\n        podcastPopupActive: false,\r\n        windowWidth: window.innerWidth\r\n      }\r\n    },\r\n    components: {\r\n      vSelect,\r\n      Plyr\r\n    },\r\n    computed: {\r\n      \r\n    },\r\n    watch: {\r\n      podcastPopupActive: function(val) {\r\n        if (!val) {\r\n          this.destroyPlayer();\r\n        }\r\n      }\r\n    },\r\n    methods: {\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.faqs = 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, `Faq/ListFaqsStudent?moduleId=${self.$route.query.module}&query=${self.query}`, onSuccess, onFinally);\r\n      },\r\n      faqFeedback(faqId, helpful) {\r\n        var self = this;\r\n        self.showHelpfulBtns = false;\r\n        self.currentOpenItem = document.getElementsByClassName(\"open-item\")[0];\r\n        self.$ajaxGet(self, `Faq/FaqFeedback?faqId=${faqId}&helpful=${helpful}`);\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(faqId, item) {\r\n        var self = this;\r\n        // if (self.selectedItem.id != item.id) {\r\n          self.currentOpenItem = document.getElementsByClassName(\"open-item\")[0];\r\n          self.selectedItem = item;\r\n          self.selectedItem.faqId = faqId;\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: \"q&a\" } });\r\n              self.selectedItem = {};\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: \"q&a\" } });\r\n              self.selectedItem = {};\r\n              return;\r\n            case 3:\r\n              self.podcastPopupActive = true;\r\n              self.showPlayer = true;\r\n              setTimeout(function() {\r\n                self.playPodcast(item.id, faqId, item.url);\r\n              }, 200)\r\n              // return;\r\n          };\r\n        // }\r\n      },\r\n      playPodcast(itemId, faqId, podcastUrl) {\r\n        var self = this;\r\n      \r\n\r\n\r\n\r\n        var oldVideoElement = document.getElementsByClassName(\"media-video-player\")[0];\r\n        oldVideoElement.remove();\r\n\r\n        var videoContainerDiv = document.getElementById(`podcast-container_${faqId}_${itemId}`);\r\n\r\n        var videoElement = document.createElement('video');\r\n        videoElement.id = `podcastPlayer_${faqId}_${itemId}`;\r\n        videoElement.classList.add('media-video-player');\r\n        videoElement.classList.add('card-video');\r\n        videoElement.setAttribute('controls', true);\r\n\r\n        videoContainerDiv.appendChild(videoElement);\r\n\r\n\r\n\r\n\r\n        self.podcastPlayer = new Plyr(`#podcastPlayer_${faqId}_${itemId}`, {\r\n          autoplay: false\r\n        });\r\n        // self.showLoadingOnElement(`podcastViewer_${faqId}_${itemId}`, 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_${faqId}_${itemId}`].$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        // self.selectedItem = {};\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      initCollapseContent() {\r\n        var self = this;\r\n\r\n        var previousOpenItem = self.currentOpenItem;\r\n        var openItem = document.getElementsByClassName(\"open-item\");\r\n\r\n        var openItemContent = null;\r\n        if (openItem.length > 0) {\r\n          for (var i = 0; i < openItem[0].childNodes.length; i++) {\r\n              if (openItem[0].childNodes[i].className == \"vs-collapse-item--content\") {\r\n                openItemContent = openItem[0].childNodes[i];\r\n                break;\r\n              }        \r\n          }\r\n\r\n          openItemContent.style.maxHeight = \"max-content\"\r\n\r\n          if (self.currentOpenItem.id == openItem[0].id) {\r\n            self.previousOpenItem = {};\r\n          }\r\n\r\n          self.currentOpenItem = openItem[0];\r\n\r\n          var hasPrevious = Object.keys(previousOpenItem).length > 0;\r\n\r\n          if (!hasPrevious) {\r\n            self.showHelpfulBtns = true;\r\n          } else if (hasPrevious && self.currentOpenItem.id != previousOpenItem.id) {\r\n            self.showHelpfulBtns = true;\r\n          }\r\n        }\r\n      }\r\n    },   \r\n    mounted() {\r\n      var self = this;\r\n      self.loadData();\r\n\r\n      document.getElementById(\"collapse\").addEventListener(\"click\", function(){\r\n        if (Object.keys(self.currentOpenItem).length > 0) {\r\n          self.initCollapseContent();\r\n        }\r\n        else {\r\n          self.currentOpenItem = document.getElementsByClassName(\"open-item\")[0];\r\n\r\n          self.initCollapseContent();\r\n        }\r\n      });\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\n.helpful_btns__container {\r\n  .helpful_btns {\r\n    .vs-button--text {\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    .vs-icon {\r\n      font-size: 1.2rem !important;\r\n    }\r\n\r\n    width: 100% !important;\r\n  }\r\n  //da1e26 - b11638 rooi || 1caf00 - 037500 groen\r\n  #helpful-btn {\r\n    border-radius: 25px 0 0 25px !important;\r\n    background-image: linear-gradient(#1caf00,  #037500) !important;\r\n  }\r\n\r\n  #unhelpful-btn {\r\n    border-radius: 0 25px 25px 0 !important;\r\n    background-image: linear-gradient(#da1e26,  #b11638) !important;\r\n  }\r\n\r\n  #done-btn {\r\n    border-radius: 25px !important;\r\n    background-image: linear-gradient(#1caf00,  #037500) !important;\r\n  }\r\n}\r\n\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</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!./Q&A.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!./Q&A.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Q&A.vue?vue&type=template&id=185c58d1&\"\nimport script from \"./Q&A.vue?vue&type=script&lang=js&\"\nexport * from \"./Q&A.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Q&A.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"],"sourceRoot":""}