{"version":3,"sources":["webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?e420","webpack:///./src/views/Library/_subLibrary/_path/index.vue","webpack:///./src/views/Library/_subLibrary/_path/_article/articleIndex.vue","webpack:///src/views/Library/_subLibrary/_path/_article/articleIndex.vue","webpack:///./src/views/Library/_subLibrary/_path/_article/articleIndex.vue?2c74","webpack:///./src/views/Library/_subLibrary/_path/_article/articleIndex.vue?729d","webpack:///./src/views/Library/_subLibrary/_path/_sound/soundIndex.vue","webpack:///src/views/Library/_subLibrary/_path/_sound/soundIndex.vue","webpack:///./src/views/Library/_subLibrary/_path/_sound/soundIndex.vue?1101","webpack:///./src/views/Library/_subLibrary/_path/_sound/soundIndex.vue?7a52","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue","webpack:///src/views/Library/_subLibrary/_path/_video/videoIndex.vue","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?be77","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?849f","webpack:///src/views/Library/_subLibrary/_path/index.vue","webpack:///./src/views/Library/_subLibrary/_path/index.vue?11ce","webpack:///./src/views/Library/_subLibrary/_path/index.vue?c48d","webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./src/views/Library/_subLibrary/_path/_sound/soundIndex.vue?c93b","webpack:///./src/views/Library/_subLibrary/_path/_sound/soundIndex.vue?3eef","webpack:///./src/views/Library/_subLibrary/_path/_article/articleIndex.vue?2336","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?0bed","webpack:///./src/assets/images/article_home.svg","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?1d03","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?1631","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?6283","webpack:///./src/views/Library/_subLibrary/_path/_video/videoIndex.vue?1bd6"],"names":["render","_vm","this","_c","_self","$route","params","subName","_e","staticRenderFns","hasData","directives","name","value","expression","staticClass","attrs","items","key","path","query","article_id","item","pictureBackground","staticStyle","_v","components","computed","data","breadcrumbs","text","href","libraryName","loading","isshowarticleView","contentName","contentFile","wordDescription","link","pdfUrl","contentCheck","favFlag","contentID","mounted","getFavourite","getNotificationCount","getArticleData","localStorage","getItem","$store","commit","methods","self","request","userID","parseInt","topicID","res","axios","post","web_url","map","v","i","no","endDateOfContent","moment","endContentDate","local","format","component","PlayMP3","_s","$event","n","contentId","showSound","playNextSong","soundPlay","viewerFlag","memberID","songList","previous","next","lessonId","rewind","power","startLoadingAudio","currentAudioTime","audioDuration","showPlay","showMp3Player","audioDescription","audioName","audioImg","wavesurfer","wavesurferOptions","container","waveColor","progressColor","cursorColor","barHeight","barRadius","barWidth","height","responsive","origin","backend","companyID","Addfav","currentminutes","progress_time","actualViewTime","intervalId","complete_dialog","confirmDialog","count","exit_dialog","content_ID","nextSound","dialog","activeItem","heartIcon","GetSoundData","updateProgressCircle","p","x","progressTime","id","nextValue","console","log","temp","tempVList","forEach","element","lesson_id_no","videoList","find","prepareSongList","playPreviousSong","preValue","currentSongId","v_item","title_id","rewindFlag","_v_item","_v_item2","_v_item3","_v_item4","indexOfcurrentSong","indexOf","nextIndex","previousIndex","_v_item$","_v_item5","length","show_sound","mainItem","optimizeLink","content_Name","$refs","getFavorite","GetCommentsForSound","content_File","formatTimeNew","time","minutes","Math","floor","seconds","toString","padStart","convertToSeconds","timeString","split","parseFloat","pause","$axios","web_urlV5","toggleCheck","updateFavourite","isFavourite","then","status","state","library","favCount","viewComplete","clearInterval","viewTimeInterval","actualview_time","minute_data","separatePage","error","catch","err","cancelExitPlayer","play","formattedDateTime","showVideoDialog","videoPlay","videoName","lastWatchedTime","courseID","current_videoId","PlayBtn","finishVideo","fullScreen","content_id","duration","centisecond","seeking","actualPlayTime","playing","restart","currentTime","playback_started","isFullscreenBefore","isFullscreen","dialogWidth","isFavorite","Videolink","player_dialog","mPlay","fullscreenflag","startTime","endTime","progressPercentage","player","GetVideoData","window","addEventListener","updateDialogWidth","beforeDestroy","removeEventListener","formatDateTime","dateTime","options","year","month","day","hour","minute","dateTimeString","toLocaleDateString","replace","PlayMP4","mainitem","date1","Date","GetCommentsForVideo","innerWidth","Article","Sound","Video","item_No","mixins","Elevatable","Measurable","Themeable","extend","props","boilerplate","Boolean","tile","transition","String","type","types","Object","default","isLoading","role","$attrs","classes","themeClasses","elevationClasses","$scopedSlots","rootTypes","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","genBone","children","$createElement","genBones","bone","generator","genStructure","Array","from","mapBones","push","genSkeleton","getSlot","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","el","_initialStyle","display","style","setProperty","h","$listeners","class","measurableStyles","undefined","module","exports"],"mappings":"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","file":"js/chunk-2681f927.2b184e87.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!./videoIndex.vue?vue&type=style&index=1&id=6cfe147d&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.$route.params.subName =='Article')?_c('Article'):_vm._e(),(_vm.$route.params.subName =='Sound')?_c('Sound'):_vm._e(),(_vm.$route.params.subName =='Video')?_c('Video'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Breadcrumbs',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isshowarticleView),expression:\"!isshowarticleView\"}],attrs:{\"page_title\":\"article\",\"items\":_vm.breadcrumbs}}),(_vm.hasData)?_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isshowarticleView),expression:\"!isshowarticleView\"}],staticClass:\"mx-3 my-5 rounded-lg\"},[[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{staticClass:\"d-flex\"},_vm._l((_vm.items),function(item){return _c('v-col',{key:item.id,staticClass:\"border\",attrs:{\"cols\":\"12\",\"lg\":\"6\",\"md\":\"6\",\"sm\":\"12\"}},[_c('v-list',{staticClass:\"pt-2 pb-0\"},[_c('v-list-item-group',[_c('v-list-item',{staticClass:\"pa-0\",on:{\"click\":function($event){return _vm.$router.push({\n                      path: '/Library/_subLibrary/_path/_article/articleView',\n                      query: { article_id: item.id },\n                    })}}},[_c('v-col',{staticClass:\"pr-0\"},[_c('v-img',{staticClass:\"lessonimg\",attrs:{\"src\":item.pictureBackground}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"7\",\"lg\":\"6\"}},[_c('v-list-item-content',{staticStyle:{\"color\":\"#424242\"}},[_c('v-list-item-title',{staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\" \"+_vm._s(item.content_Name)+\" \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(item.wordDescription)+\" \")])],1)],1),_c('v-col',{staticStyle:{\"padding\":\"0px\"},attrs:{\"cols\":\"2\"}},[_c('div',{staticClass:\"lessonIcon\",staticStyle:{\"width\":\"35px\",\"height\":\"35px\"}},[_c('v-img',{staticClass:\"ml-auto my-auto center\",attrs:{\"src\":require(\"@/assets/images/article_home.svg\"),\"width\":\"32\",\"height\":\"35\"}})],1)])],1)],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex justify-end align-center pr-6 pb-1\",attrs:{\"cols\":\"12\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"enddate\") + \" : \" + item.endDateOfContent)+\" \")])],1),_c('div',{staticClass:\"test\"},[_c('div',{staticClass:\"border1\"})])],1)}),1)],1)]],2):(_vm.loading)?_c('v-card',{staticClass:\"loadingarticle mx-3 my-5 rounded-lg d-flex justify-center\"},[_c('v-row',{staticClass:\"mx-3 my-5\"},_vm._l((4),function(n){return _c('v-col',{key:n,attrs:{\"cols\":\"6\"}},[_c('v-skeleton-loader',{staticClass:\"mx-auto\",attrs:{\"max-height\":\"160\",\"type\":\"image\"}})],1)}),1)],1):_c('v-card',{staticClass:\"noarticle mx-3 my-5 rounded-lg d-flex justify-center\"},[_c('div',{staticClass:\"text-center nodata\"},[_vm._v(_vm._s(_vm.$t(\"noarticle\")))])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Breadcrumbs\r\n      page_title=\"article\"\r\n      :items=\"breadcrumbs\"\r\n      v-show=\"!isshowarticleView\"\r\n    />\r\n\r\n    <v-card\r\n      class=\"mx-3 my-5 rounded-lg\"\r\n      v-show=\"!isshowarticleView\"\r\n      v-if=\"hasData\"\r\n    >\r\n      <template>\r\n        <v-container fluid>\r\n          <v-row class=\"d-flex\">\r\n            <v-col\r\n              v-for=\"item in items\"\r\n              :key=\"item.id\"\r\n              cols=\"12\"\r\n              lg=\"6\"\r\n              md=\"6\"\r\n              sm=\"12\"\r\n              class=\"border\"\r\n            >\r\n              <v-list class=\"pt-2 pb-0\">\r\n                <v-list-item-group>\r\n                  <v-list-item\r\n                    class=\"pa-0\"\r\n                    @click=\"\r\n                      $router.push({\r\n                        path: '/Library/_subLibrary/_path/_article/articleView',\r\n                        query: { article_id: item.id },\r\n                      })\r\n                    \"\r\n                  >\r\n                    <v-col class=\"pr-0\">\r\n                      <v-img\r\n                        :src=\"item.pictureBackground\"\r\n                        class=\"lessonimg\"\r\n                      ></v-img>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"7\" lg=\"6\">\r\n                      <v-list-item-content style=\"color: #424242\">\r\n                        <v-list-item-title style=\"font-size: 18px\">\r\n                          {{ item.content_Name }}\r\n                        </v-list-item-title>\r\n\r\n                        <v-list-item-subtitle>\r\n                          {{ item.wordDescription }}\r\n                        </v-list-item-subtitle>\r\n                      </v-list-item-content>\r\n                    </v-col>\r\n                    <v-col cols=\"2\" style=\"padding: 0px\">\r\n                      <div style=\"width: 35px; height: 35px\" class=\"lessonIcon\">\r\n                        <v-img\r\n                          src=\"@/assets/images/article_home.svg\"\r\n                          width=\"32\"\r\n                          height=\"35\"\r\n                          class=\"ml-auto my-auto center\"\r\n                        />\r\n                      </div>\r\n                    </v-col>\r\n                  </v-list-item>\r\n                </v-list-item-group>\r\n              </v-list>\r\n              <v-row no-gutters>\r\n                <v-col\r\n                  cols=\"12\"\r\n                  class=\"d-flex justify-end align-center pr-6 pb-1\"\r\n                >\r\n                  {{ $t(\"enddate\") + \" : \" + item.endDateOfContent }}\r\n                </v-col>\r\n              </v-row>\r\n              <div class=\"test\">\r\n                <div class=\"border1\"></div>\r\n              </div>\r\n            </v-col>\r\n          </v-row>\r\n        </v-container>\r\n      </template>\r\n    </v-card>\r\n\r\n    <v-card\r\n      class=\"loadingarticle mx-3 my-5 rounded-lg d-flex justify-center\"\r\n      v-else-if=\"loading\"\r\n    >\r\n      <v-row class=\"mx-3 my-5\">\r\n        <v-col cols=\"6\" v-for=\"n in 4\" :key=\"n\">\r\n          <v-skeleton-loader\r\n            class=\"mx-auto\"\r\n            max-height=\"160\"\r\n            type=\"image\"\r\n          ></v-skeleton-loader>\r\n        </v-col>\r\n      </v-row>\r\n    </v-card>\r\n\r\n    <v-card class=\"noarticle mx-3 my-5 rounded-lg d-flex justify-center\" v-else>\r\n      <div class=\"text-center nodata\">{{ $t(\"noarticle\") }}</div>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport * as moment from \"moment/moment\";\r\nexport default {\r\n  components: {\r\n    // ArticleView\r\n  },\r\n  computed: {},\r\n  data() {\r\n    return {\r\n      breadcrumbs: [\r\n        {\r\n          text: \"library\",\r\n          href: \"/library\",\r\n        },\r\n        {\r\n          text: \"article\",\r\n        },\r\n      ],\r\n      subName: \"\",\r\n      items: [],\r\n      libraryName: \"\",\r\n      loading: true,\r\n      isshowarticleView: false,\r\n      contentName: \"\",\r\n      contentFile: \"\",\r\n      wordDescription: \"\",\r\n      pictureBackground: \"\",\r\n      link: \"\",\r\n      pdfUrl: \"\",\r\n      contentCheck: 0,\r\n      favFlag: \"\",\r\n      contentID: 0,\r\n      hasData: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.getFavourite();\r\n    this.getNotificationCount();\r\n\r\n    this.getArticleData();\r\n    this.subName = this.$route.params.subName;\r\n    this.libraryName = localStorage.getItem(\"libraryName\");\r\n    this.$store.commit(\"savenotificationTransactionIDForArticle\", 0);\r\n  },\r\n  methods: {\r\n    async getArticleData() {\r\n      let self = this;\r\n      const request = {\r\n        userID: parseInt(localStorage.getItem(\"UserID\")),\r\n        topicID: parseInt(localStorage.getItem(\"libraryId\")),\r\n      };\r\n      const res = await axios.post(\r\n        `${self.web_url}Contents/GetArticleData`,\r\n        request\r\n      );\r\n\r\n      if (res.data.data != null) {\r\n        self.items = res.data.data.map((v, i) => ({\r\n          ...v,\r\n          no: i + 1,\r\n          endDateOfContent: moment(v.endContentDate)\r\n                .local()\r\n                .format(\"DD MMM YYYY\"),\r\n        }));\r\n        this.loading = false;\r\n        this.hasData = true;\r\n      } else {\r\n        this.loading = false;\r\n        this.hasData = false;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.border {\r\n  margin: 10px 0px;\r\n}\r\n.test {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.border1 {\r\n  height: 1px;\r\n  width: 95%;\r\n  background-color: #00000027;\r\n}\r\n.lessonimg {\r\n  width: 192px !important;\r\n  height: 130px !important;\r\n  border-radius: 12px;\r\n}\r\n.lessonTitle {\r\n  font-size: 20px;\r\n  margin-bottom: 15px;\r\n}\r\n.lessonDes {\r\n  font-size: 14px;\r\n  opacity: 0.6;\r\n}\r\n.lessonIcon {\r\n  margin-left: 0px;\r\n  color: #4fb14e;\r\n  font-size: 30px;\r\n  top: 10px;\r\n  right: 20px;\r\n  position: absolute;\r\n}\r\n.noarticle {\r\n  height: 200px;\r\n  align-items: center;\r\n}\r\n.nodata {\r\n  color: #a4a4a4;\r\n  font-size: 20px !important;\r\n}\r\n.loadingarticle {\r\n  height: 400px;\r\n}\r\n</style>\r\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!./articleIndex.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!./articleIndex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./articleIndex.vue?vue&type=template&id=41864684&scoped=true&\"\nimport script from \"./articleIndex.vue?vue&type=script&lang=js&\"\nexport * from \"./articleIndex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./articleIndex.vue?vue&type=style&index=0&id=41864684&prod&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  \"41864684\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Breadcrumbs',{attrs:{\"page_title\":\"sound\",\"items\":_vm.breadcrumbs}}),_c('v-card',{staticClass:\"mx-3 my-5 rounded-lg\"},[[_c('v-container',{attrs:{\"fluid\":\"\"}},[(_vm.hasData)?_c('v-row',{staticClass:\"mt-0\"},_vm._l((_vm.items),function(item,i){return _c('v-col',{key:i,staticClass:\"pl-4 pr-4 pt-0\",attrs:{\"cols\":\"12\",\"xs\":\"12\",\"sm\":\"12\",\"md\":\"4\",\"lg\":\"3\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"16px\",\"background-color\":\"#f0f0f0\",\"box-shadow\":\"unset\"},attrs:{\"height\":\"auto\"}},[_c('v-card-text',{staticStyle:{\"height\":\"100%\",\"padding-left\":\"15px\",\"padding-right\":\"15px\",\"padding-top\":\"10px\",\"padding-bottom\":\"5px\"},attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('p',{staticClass:\"text-center mb-2\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#424242\"}},[_vm._v(\" \"+_vm._s(item.contentName)+\" \")]),_c('v-img',{staticClass:\"soundimg\",attrs:{\"src\":item.optimizeLink}}),_c('div',{staticClass:\"overflow-y-auto mt-4\",staticStyle:{\"height\":\"135px\",\"overflow-x\":\"hidden\",\"overflow-y\":\"auto\"}},_vm._l((item.videoList),function(item1,i){return _c('v-row',{key:i,staticStyle:{\"cursor\":\"pointer\"}},[_c('v-col',{staticClass:\"pl-1 pr-2 pt-2 pb-1\",staticStyle:{\"text-align\":\"left\"},attrs:{\"cols\":\"12\",\"sm\":\"6\",\"xs\":\"6\",\"md\":\"9\",\"lg\":\"9\"}},[_c('div',{staticClass:\"contentTextStyle\",on:{\"click\":function($event){_vm.PlayMP3(item1, item, item.viewerFlag),\n                            _vm.prepareSongList(\n                              item1.content_ID,\n                              item.videoList,\n                              item.lesson_id_no,\n                              item.viewerFlag\n                            ),\n                            _vm.$refs.soundPlay.clickPlayBtn(true)}}},[_c('span',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(_vm._s(item1.content_Name))])])]),_c('v-col',{staticClass:\"pl-2 pr-3 pt-2 pb-2\",staticStyle:{\"text-align\":\"end\"},attrs:{\"cols\":\"12\",\"sm\":\"6\",\"xs\":\"6\",\"md\":\"3\",\"lg\":\"3\"}},[_c('v-progress-circular',{staticClass:\"mx-auto my-auto center playIcon\",attrs:{\"rotate\":-90,\"size\":30,\"width\":3,\"value\":item1.progressTime * 100,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.PlayMP3(item1, item, item.viewerFlag),\n                            _vm.prepareSongList(\n                              item1.content_ID,\n                              item.videoList,\n                              item.lesson_id_no,\n                              item.viewerFlag\n                            ),\n                            _vm.$refs.soundPlay.clickPlayBtn(true)}}},[_c('v-icon',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#cccccc\",\"padding-left\":\"3px\",\"padding-top\":\"2px\",\"margin-bottom\":\"3px\"}},[_vm._v(\"mdi-play-outline\")])],1)],1)],1)}),1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex justify-end align-center pt-3 pr-2 pb-1\",attrs:{\"cols\":\"12\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"enddate\") + \" : \" + item.endDateOfContent)+\" \")])],1)],1)],1)],1)}),1):(_vm.loading)?_c('v-row',{staticClass:\"mt-0\"},_vm._l((3),function(n){return _c('v-col',{key:n,staticClass:\"pl-4 pr-4\",attrs:{\"cols\":\"12\",\"xs\":\"12\",\"sm\":\"12\",\"md\":\"4\",\"lg\":\"3\"}},[_c('v-skeleton-loader',{staticClass:\"mx-auto\",staticStyle:{\"height\":\"370px\",\"border\":\"solid 1px #f0f0f0\",\"padding\":\"10px\"},attrs:{\"type\":\"text,image,list-item-two-line\"}})],1)}),1):_c('v-row',[_c('v-col',[_c('div',{staticClass:\"text-center nodata\"},[_vm._v(_vm._s(_vm.$t(\"nosound\")))])])],1)],1)]],2),_c('soundPlay',{ref:\"soundPlay\",attrs:{\"show\":_vm.showSound,\"audioName\":_vm.audioName,\"audioDescription\":_vm.audioDescription,\"dialog\":_vm.dialog,\"viewerFlag\":_vm.viewerFlag,\"audioFile\":_vm.contentFile,\"audioImg\":_vm.audioImg,\"contentid\":_vm.contentId,\"currentminutes\":_vm.currentminutes,\"playListOpt\":_vm.songList,\"memberID\":_vm.memberID},on:{\"close\":function($event){(_vm.showSound = false), _vm.GetSoundData()},\"show_sound\":_vm.show_sound,\"updateProgressCircle\":_vm.updateProgressCircle,\"skipToNext\":_vm.playNextSong,\"skipToPrevious\":_vm.playPreviousSong}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Breadcrumbs page_title=\"sound\" :items=\"breadcrumbs\" />\r\n    <v-card class=\"mx-3 my-5 rounded-lg\">\r\n      <template>\r\n        <v-container fluid>\r\n          <v-row class=\"mt-0\" v-if=\"hasData\">\r\n            <v-col\r\n              cols=\"12\"\r\n              xs=\"12\"\r\n              sm=\"12\"\r\n              md=\"4\"\r\n              lg=\"3\"\r\n              v-for=\"(item, i) in items\"\r\n              :key=\"i\"\r\n              class=\"pl-4 pr-4 pt-0\"\r\n            >\r\n              <v-card\r\n                style=\"\r\n                  border-radius: 16px;\r\n                  background-color: #f0f0f0;\r\n                  box-shadow: unset;\r\n                \"\r\n                height=\"auto\"\r\n              >\r\n                <v-card-text\r\n                  justify=\"center\"\r\n                  align=\"center\"\r\n                  style=\"\r\n                    height: 100%;\r\n                    padding-left: 15px;\r\n                    padding-right: 15px;\r\n                    padding-top: 10px;\r\n                    padding-bottom: 5px;\r\n                  \"\r\n                >\r\n                  <p\r\n                    class=\"text-center mb-2\"\r\n                    style=\"font-size: 18px; color: #424242\"\r\n                  >\r\n                    {{ item.contentName }}\r\n                  </p>\r\n                  <v-img :src=\"item.optimizeLink\" class=\"soundimg\"></v-img>\r\n                  <div\r\n                    style=\"height: 135px; overflow-x: hidden; overflow-y: auto\"\r\n                    class=\"overflow-y-auto mt-4\"\r\n                  >\r\n                    <v-row\r\n                      v-for=\"(item1, i) in item.videoList\"\r\n                      :key=\"i\"\r\n                      style=\"cursor: pointer\"\r\n                    >\r\n                      <v-col\r\n                        cols=\"12\"\r\n                        sm=\"6\"\r\n                        xs=\"6\"\r\n                        md=\"9\"\r\n                        lg=\"9\"\r\n                        class=\"pl-1 pr-2 pt-2 pb-1\"\r\n                        style=\"text-align: left\"\r\n                      >\r\n                        <div\r\n                          class=\"contentTextStyle\"\r\n                          @click=\"\r\n                            PlayMP3(item1, item, item.viewerFlag),\r\n                              prepareSongList(\r\n                                item1.content_ID,\r\n                                item.videoList,\r\n                                item.lesson_id_no,\r\n                                item.viewerFlag\r\n                              ),\r\n                              $refs.soundPlay.clickPlayBtn(true)\r\n                          \"\r\n                        >\r\n                          <span style=\"font-size: 14px\">{{\r\n                            item1.content_Name\r\n                          }}</span>\r\n                        </div>\r\n                      </v-col>\r\n                      <v-col\r\n                        cols=\"12\"\r\n                        sm=\"6\"\r\n                        xs=\"6\"\r\n                        md=\"3\"\r\n                        lg=\"3\"\r\n                        class=\"pl-2 pr-3 pt-2 pb-2\"\r\n                        style=\"text-align: end\"\r\n                      >\r\n                        <v-progress-circular\r\n                          :rotate=\"-90\"\r\n                          :size=\"30\"\r\n                          :width=\"3\"\r\n                          :value=\"item1.progressTime * 100\"\r\n                          color=\"#4FB14E\"\r\n                          class=\"mx-auto my-auto center playIcon\"\r\n                          @click=\"\r\n                            PlayMP3(item1, item, item.viewerFlag),\r\n                              prepareSongList(\r\n                                item1.content_ID,\r\n                                item.videoList,\r\n                                item.lesson_id_no,\r\n                                item.viewerFlag\r\n                              ),\r\n                              $refs.soundPlay.clickPlayBtn(true)\r\n                          \"\r\n                        >\r\n                          <v-icon\r\n                            style=\"\r\n                              font-size: 20px;\r\n                              color: #cccccc;\r\n                              padding-left: 3px;\r\n                              padding-top: 2px;\r\n                              margin-bottom: 3px;\r\n                            \"\r\n                            >mdi-play-outline</v-icon\r\n                          >\r\n                        </v-progress-circular>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </div>\r\n                  <v-row no-gutters>\r\n                    <v-col\r\n                      cols=\"12\"\r\n                      class=\"d-flex justify-end align-center pt-3 pr-2 pb-1\"\r\n                    >\r\n                      {{ $t(\"enddate\") + \" : \" + item.endDateOfContent }}\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-card-text>\r\n              </v-card>\r\n            </v-col>\r\n          </v-row>\r\n\r\n          <v-row class=\"mt-0\" v-else-if=\"loading\">\r\n            <v-col\r\n              cols=\"12\"\r\n              xs=\"12\"\r\n              sm=\"12\"\r\n              md=\"4\"\r\n              lg=\"3\"\r\n              class=\"pl-4 pr-4\"\r\n              v-for=\"n in 3\"\r\n              :key=\"n\"\r\n            >\r\n              <v-skeleton-loader\r\n                class=\"mx-auto\"\r\n                style=\"height: 370px; border: solid 1px #f0f0f0; padding: 10px\"\r\n                type=\"text,image,list-item-two-line\"\r\n              ></v-skeleton-loader>\r\n            </v-col>\r\n          </v-row>\r\n\r\n          <v-row v-else>\r\n            <v-col>\r\n              <div class=\"text-center nodata\">{{ $t(\"nosound\") }}</div>\r\n            </v-col>\r\n          </v-row>\r\n        </v-container>\r\n      </template>\r\n    </v-card>\r\n    <soundPlay\r\n      ref=\"soundPlay\"\r\n      :show=\"showSound\"\r\n      @close=\"(showSound = false), GetSoundData()\"\r\n      @show_sound=\"show_sound\"\r\n      @updateProgressCircle=\"updateProgressCircle\"\r\n      @skipToNext=\"playNextSong\"\r\n      @skipToPrevious=\"playPreviousSong\"\r\n      :audioName=\"audioName\"\r\n      :audioDescription=\"audioDescription\"\r\n      :dialog=\"dialog\"\r\n      :viewerFlag=\"viewerFlag\"\r\n      :audioFile=\"contentFile\"\r\n      :audioImg=\"audioImg\"\r\n      :contentid=\"contentId\"\r\n      :currentminutes=\"currentminutes\"\r\n      :playListOpt=\"songList\"\r\n      :memberID=\"memberID\"\r\n    ></soundPlay>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as moment from \"moment/moment\";\r\nimport axios from \"axios\";\r\nimport soundPlay from \"./soundPlay.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    soundPlay,\r\n  },\r\n  data() {\r\n    return {\r\n      viewerFlag: false,\r\n      memberID: \"\",\r\n      songList: {\r\n        previous: false,\r\n        next: false,\r\n        lessonId: 0,\r\n        rewind: false,\r\n      },\r\n      power: 0,\r\n      startLoadingAudio: false,\r\n      currentAudioTime: \"0:00\",\r\n      audioDuration: \"0:00\",\r\n      showPlay: true,\r\n      showMp3Player: false,\r\n      audioDescription: \"\",\r\n      audioName: \"\",\r\n      audioImg: \"\",\r\n      //audioUrl: require(\"./Saung.mp3\"),\r\n      wavesurfer: null,\r\n      wavesurferOptions: {\r\n        container: \"#waveform\",\r\n        waveColor: \"#eee\", //#D2EDD4\r\n        progressColor: \"#A6CC39\", //#46B54D\r\n        cursorColor: \"#424242\",\r\n        barHeight: 1,\r\n        barRadius: 3,\r\n        barWidth: 3,\r\n        height: 95,\r\n        responsive: true,\r\n        origin: \"*\",\r\n        backend: \"MediaElement\",\r\n      },\r\n      //////\r\n      userID: \"\",\r\n      companyID: \"\",\r\n      breadcrumbs: [\r\n        {\r\n          text: \"library\",\r\n          href: \"/library\",\r\n        },\r\n        {\r\n          text: \"sound\",\r\n        },\r\n      ],\r\n      items: [],\r\n      loading: true,\r\n      Addfav: false,\r\n      contentId: 0,\r\n      hasData: false,\r\n      currentminutes: \"\",\r\n\r\n      // AddReport\r\n      progress_time: 0,\r\n      actualViewTime: 0,\r\n      intervalId: 0,\r\n      complete_dialog: false,\r\n      confirmDialog: false,\r\n      count: 0,\r\n      exit_dialog: false,\r\n      content_ID: 0,\r\n      nextSound: [],\r\n\r\n      //Sound Data\r\n      showSound: false,\r\n      dialog: false,\r\n      contentFile: \"\",\r\n      favFlag: \"\",\r\n      // soundPlay: [],\r\n      activeItem: null,\r\n    };\r\n  },\r\n  computed: {\r\n    heartIcon() {\r\n      return this.Addfav === true ? \"mdi-heart\" : \"mdi-heart-outline\";\r\n    },\r\n  },\r\n  mounted() {\r\n    this.GetSoundData();\r\n    this.getNotificationCount();\r\n    this.getFavourite();\r\n  },\r\n  methods: {\r\n    updateProgressCircle(p) {\r\n      this.items = this.items.map((x) => ({\r\n        ...x,\r\n        progressTime: x.id == p.id ? p.progressTime : x.progressTime,\r\n      }));\r\n    },\r\n    playNextSong(nextValue) {\r\n      console.log(\"rewind\", nextValue);\r\n      let temp = null;\r\n      let tempVList = null;\r\n      this.items.forEach((element) => {\r\n        if (element.lesson_id_no === nextValue.lessonId) {\r\n          (tempVList = element.videoList),\r\n            (temp = element.videoList.find(\r\n              (x) => x.content_ID === nextValue.next\r\n            ));\r\n        }\r\n      });\r\n      this.prepareSongList(temp.content_ID, tempVList, nextValue.lessonId, nextValue.rewind);\r\n      this.PlayMP3(temp, this.items, nextValue.rewind);\r\n    },\r\n    playPreviousSong(preValue) {\r\n      let temp = null;\r\n      let tempVList = null;\r\n      this.items.forEach((element) => {\r\n        if (element.lesson_id_no === preValue.lessonId) {\r\n          (tempVList = element.videoList),\r\n            (temp = element.videoList.find(\r\n              (x) => x.content_ID === preValue.previous\r\n            ));\r\n        }\r\n      });\r\n      this.prepareSongList(temp.content_ID, tempVList, preValue.lessonId, preValue.rewind);\r\n      this.PlayMP3(temp, this.items, preValue.rewind);\r\n    },\r\n    prepareSongList(currentSongId, v_item, title_id, rewindFlag) {\r\n      let self = this;\r\n      let indexOfcurrentSong = v_item.indexOf(\r\n        v_item.find((x) => x.content_ID === currentSongId)\r\n      );\r\n\r\n      let nextIndex = v_item[indexOfcurrentSong + 1]?.content_ID\r\n        ? v_item[indexOfcurrentSong + 1]?.content_ID\r\n        : null;\r\n      let previousIndex = v_item[indexOfcurrentSong - 1]?.content_ID\r\n        ? v_item[indexOfcurrentSong - 1]?.content_ID\r\n        : null;\r\n      if (v_item.length > 1) {\r\n        //loop the song list\r\n        self.songList = {\r\n          next: nextIndex ? nextIndex : v_item[0]?.content_ID,\r\n          previous: previousIndex\r\n            ? previousIndex\r\n            : v_item[v_item.length - 1]?.content_ID,\r\n          lessonId: title_id,\r\n          rewind: rewindFlag\r\n        };\r\n      } else {\r\n        self.songList = {\r\n          next: nextIndex ? nextIndex : null,\r\n          previous: previousIndex ? previousIndex : null,\r\n          lessonId: title_id,\r\n          rewind: rewindFlag\r\n        };\r\n      }\r\n    },\r\n    show_sound() {\r\n      this.showSound = true;\r\n    },\r\n    PlayMP3(item, mainItem, viewerFlag) {\r\n      console.log(\"main-item = \", mainItem);\r\n      this.viewerFlag = viewerFlag, // mainItem.viewerFlag;\r\n      this.activeItem = item.id;\r\n      this.showSound = true;\r\n      this.audioImg = item.optimizeLink;\r\n      this.audioName = item.content_Name;\r\n      this.audioDescription = item.wordDescription;\r\n      this.contentId = item.content_ID;\r\n      this.$refs.soundPlay.getFavorite(item.favFlag);\r\n      this.$refs.soundPlay.GetCommentsForSound(item.content_ID);\r\n      this.memberID = item.memberID;\r\n      this.contentFile = item.content_File;\r\n      if (item.progressTime == \"1\") {\r\n        this.currentminutes = 0;\r\n      } else {\r\n        this.currentminutes = item.currentminutes;\r\n      }\r\n    },\r\n    formatTimeNew(time) {\r\n      const minutes = Math.floor(time / 60);\r\n      const seconds = Math.floor(time % 60)\r\n        .toString()\r\n        .padStart(2, \"0\");\r\n      return `${minutes}:${seconds}`;\r\n    },\r\n    convertToSeconds(timeString) {\r\n      const [minutes, seconds] = timeString.split(\":\").map(parseFloat);\r\n      return minutes * 60 + seconds;\r\n    },\r\n    // playAudio() {\r\n    //   this.wavesurfer.play();\r\n    //   this.showPlay = false;\r\n    // },\r\n\r\n    async pauseAudio() {\r\n      this.wavesurfer.pause();\r\n      this.showPlay = true;\r\n    },\r\n\r\n    async GetSoundData() {\r\n      const request = {\r\n        userID: parseInt(localStorage.getItem(\"UserID\")),\r\n        topicID: parseInt(localStorage.getItem(\"libraryId\")),\r\n      };\r\n      const res = await this.$axios.post(\r\n        `${this.web_urlV5}Video/GetSoundData`,\r\n        request\r\n      );      \r\n      if (res.data.data.length > 0) {\r\n        this.items = res.data.data.map((v, i) => ({\r\n          ...v,\r\n          lesson_id_no: i + 1,\r\n          endDateOfContent: moment(v.endContentDate)\r\n            .local()\r\n            .format(\"DD MMM YYYY\"),\r\n        }));\r\n\r\n        this.loading = false;\r\n        this.hasData = true;\r\n      } else {\r\n        this.loading = false;\r\n        this.hasData = false;\r\n      }\r\n    },\r\n    toggleCheck() {\r\n      this.Addfav = !this.Addfav;\r\n      this.updateFavourite(this.Addfav);\r\n    },\r\n    updateFavourite(isFavourite) {\r\n      let self = this;\r\n      const request = {\r\n        userID: parseInt(localStorage.getItem(\"UserID\")),\r\n        contentID: this.contentId,\r\n        contentCheck: 2,\r\n        favFlag: isFavourite,\r\n      };\r\n      axios\r\n        .post(`${this.web_url}Contents/UpdateFavorite`, request)\r\n        .then(function (res) {\r\n          if (res.data.status == 0) {\r\n            if (isFavourite === true) {\r\n              self.$store.commit(\r\n                \"savefavCount\",\r\n                self.$store.state.library.favCount + 1\r\n              );\r\n            } else {\r\n              self.$store.commit(\r\n                \"savefavCount\",\r\n                self.$store.state.library.favCount - 1\r\n              );\r\n            }\r\n          }\r\n        });\r\n    },\r\n    viewComplete() {\r\n      // Stop the view time tracking timer\r\n      let self = this;\r\n      clearInterval(self.viewTimeInterval);\r\n      let actualview_time = self.actualViewTime.toString();\r\n      const [minutes, seconds] = self.currentAudioTime\r\n        .split(\":\")\r\n        .map(parseFloat);\r\n      const minute_data = minutes * 60 + seconds;\r\n      // Save the user activity report with API\r\n      const request = {\r\n        userID: parseInt(localStorage.getItem(\"UserID\")),\r\n        id: self.content_ID,\r\n        minutes: minute_data.toString(),\r\n        separatePage: 4,\r\n        progressTime: \"1\",\r\n        actualViewTime: actualview_time,\r\n      };\r\n\r\n      axios\r\n        .post(`${self.web_url}Reports/AddReportActivity`, request)\r\n        .then(function (res) {\r\n          if (res.data.status === 0) {\r\n            self.complete_dialog = false;\r\n            self.actualViewTime = 0;\r\n            self.count = 0;\r\n            self.exit_dialog = false;\r\n          } else {\r\n            console.error(\"Failed to save user activity report\");\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(err);\r\n        });\r\n    },\r\n    cancelExitPlayer() {\r\n      this.exit_dialog = false;\r\n      this.wavesurfer.play();\r\n      this.showPlay = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.soundimg {\r\n  height: 180px;\r\n  object-fit: cover;\r\n  width: 280px;\r\n  border-radius: 16px;\r\n}\r\n.lessonIcon {\r\n  top: 15px;\r\n  position: absolute;\r\n}\r\n.test {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.border1 {\r\n  height: 1px;\r\n  width: 95%;\r\n  background-color: #00000027;\r\n}\r\n.Caseicon {\r\n  left: 12px;\r\n  color: #ff6060 !important;\r\n  font-size: 38px !important;\r\n  top: 12px;\r\n}\r\n::v-deep .audioPhoto {\r\n  object-fit: cover;\r\n  /* width: 280px; */\r\n  border-radius: 16px;\r\n}\r\n/* disable shadow color on v-icon */\r\n.v-icon.v-icon::after {\r\n  transform: scale(0);\r\n}\r\n\r\n/* Heart icon */\r\n.heart-icon:hover {\r\n  cursor: pointer;\r\n}\r\n.heart-icon {\r\n  font-size: 45px;\r\n  width: 35px;\r\n}\r\n.noarticle {\r\n  height: 200px;\r\n  align-items: center;\r\n}\r\n.nodata {\r\n  color: #a4a4a4;\r\n  font-size: 20px !important;\r\n}\r\n.loadingarticle {\r\n  height: 250px;\r\n}\r\n\r\n.contentTextStyle {\r\n  width: 160px;\r\n  height: 25px;\r\n  display: inline-block;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-align: left;\r\n  padding-top: 4px;\r\n}\r\n.playIcon {\r\n  margin-right: 0.4rem !important;\r\n}\r\n\r\n::v-deep .overflow-y-auto::-webkit-scrollbar {\r\n  width: 3px !important;\r\n  border-radius: 10px !important;\r\n}\r\n/* Track */\r\n::v-deep .overflow-y-auto::-webkit-scrollbar-track {\r\n  width: 3px !important;\r\n  background: #c0c0c05c;\r\n  border-radius: 10px !important;\r\n}\r\n/* Handle */\r\n::v-deep .overflow-y-auto::-webkit-scrollbar-thumb {\r\n  border-top-left-radius: 10px !important;\r\n  border-top-right-radius: 10px !important;\r\n  border-bottom-left-radius: 10px !important;\r\n  border-bottom-right-radius: 10px !important;\r\n  background-color: transparent;\r\n  border-top: 40px solid #424242;\r\n  /* border-bottom: 30px solid #424242; */\r\n}\r\n::v-deep .overflow-y-auto {\r\n  padding-left: 10px;\r\n  padding-right: 5px;\r\n  padding-top: 8px;\r\n  padding-bottom: 0px;\r\n}\r\n/* For scroll bar in dialog -- hide */\r\n::v-deep .v-dialog--scrollable::-webkit-scrollbar {\r\n  width: 0px !important;\r\n  background: #e6e6e6;\r\n}\r\n::v-deep .v-dialog--scrollable::-webkit-scrollbar-track {\r\n  width: 0px !important;\r\n  background: #e6e6e6;\r\n}\r\n::v-deep .v-dialog--scrollable::-webkit-scrollbar-thumb {\r\n  background: #b0b0b0;\r\n  border: solid 1px #e6e6e6;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n@media (min-width: 1441px) and (max-width: 2560px) {\r\n  .soundimg {\r\n    height: 160px;\r\n    object-fit: cover;\r\n    width: unset;\r\n    border-radius: 8px;\r\n  }\r\n}\r\n@media (min-width: 1535px) and (max-width: 1836px) {\r\n  .contentTextStyle {\r\n    width: 200px;\r\n    height: 25px;\r\n    display: inline-block;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    padding-top: 4px;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n@media (min-width: 1836px) and (max-width: 2243px) {\r\n  .contentTextStyle {\r\n    width: 275px;\r\n    height: 25px;\r\n    display: inline-block;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    padding-top: 4px;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n@media (min-width: 2243px) and (max-width: 2560px) {\r\n  .contentTextStyle {\r\n    width: 370px;\r\n    height: 25px;\r\n    display: inline-block;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    padding-top: 4px;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n</style>\r\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!./soundIndex.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!./soundIndex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./soundIndex.vue?vue&type=template&id=41afb29c&scoped=true&\"\nimport script from \"./soundIndex.vue?vue&type=script&lang=js&\"\nexport * from \"./soundIndex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./soundIndex.vue?vue&type=style&index=0&id=41afb29c&prod&scoped=true&lang=css&\"\nimport style1 from \"./soundIndex.vue?vue&type=style&index=1&id=41afb29c&prod&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  \"41afb29c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Breadcrumbs',{attrs:{\"page_title\":\"video\",\"items\":_vm.breadcrumbs}}),_c('v-card',{staticClass:\"mx-3 my-5 rounded-lg\"},[[_c('v-container',{attrs:{\"fluid\":\"\"}},[(_vm.hasData)?_c('v-row',{staticClass:\"mt-0\"},_vm._l((_vm.items),function(item,i){return _c('v-col',{key:i,staticClass:\"pl-4 pr-4 pt-0\",attrs:{\"cols\":\"12\",\"xs\":\"12\",\"sm\":\"12\",\"md\":\"4\",\"lg\":\"3\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"16px\",\"background-color\":\"#f0f0f0\",\"box-shadow\":\"unset\"},attrs:{\"height\":\"auto\"}},[_c('v-card-text',{staticStyle:{\"height\":\"100%\",\"padding-left\":\"15px\",\"padding-right\":\"15px\",\"padding-top\":\"10px\",\"padding-bottom\":\"5px\"},attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('p',{staticClass:\"text-center mb-2\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#424242\"}},[_vm._v(\" \"+_vm._s(item.contentName)+\" \")]),_c('v-img',{staticClass:\"soundimg\",attrs:{\"src\":item.optimizeLink}}),_c('div',{staticClass:\"overflow-y-auto mt-4\",staticStyle:{\"height\":\"135px\",\"overflow-x\":\"hidden\",\"overflow-y\":\"auto\"}},_vm._l((item.videoList),function(item1,i){return _c('v-row',{key:i,staticStyle:{\"cursor\":\"pointer\"}},[_c('v-col',{staticClass:\"pl-1 pr-2 pt-2 pb-1\",staticStyle:{\"text-align\":\"left\"},attrs:{\"cols\":\"12\",\"sm\":\"6\",\"xs\":\"6\",\"md\":\"9\",\"lg\":\"9\"}},[_c('div',{staticClass:\"contentTextStyle\",on:{\"click\":function($event){return _vm.PlayMP4(item1, item)}}},[_c('span',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(_vm._s(item1.content_Name))])])]),_c('v-col',{staticClass:\"pl-2 pr-3 pt-2 pb-2\",staticStyle:{\"text-align\":\"end\"},attrs:{\"cols\":\"12\",\"sm\":\"6\",\"xs\":\"6\",\"md\":\"3\",\"lg\":\"3\"}},[_c('v-progress-circular',{staticClass:\"mx-auto my-auto center playIcon\",attrs:{\"rotate\":-90,\"size\":30,\"width\":3,\"value\":item1.progressTime * 100,\"color\":\"#4FB14E\"},on:{\"click\":function($event){return _vm.PlayMP4(item1, item)}}},[_c('v-icon',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#cccccc\",\"padding-left\":\"3px\",\"padding-top\":\"2px\"}},[_vm._v(\"mdi-play-outline\")])],1)],1)],1)}),1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex justify-end align-center pt-3 pr-2 pb-1\",attrs:{\"cols\":\"12\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"enddate\") + \" : \" + item.endDateOfContent)+\" \")])],1)],1)],1)],1)}),1):(_vm.loading)?_c('v-row',{staticClass:\"mt-0\"},_vm._l((3),function(n){return _c('v-col',{key:n,staticClass:\"pl-4 pr-4\",attrs:{\"cols\":\"12\",\"xs\":\"12\",\"sm\":\"12\",\"md\":\"4\",\"lg\":\"3\"}},[_c('v-skeleton-loader',{staticClass:\"mx-auto\",staticStyle:{\"height\":\"370px\",\"border\":\"solid 1px #f0f0f0\",\"padding\":\"10px\"},attrs:{\"type\":\"text,image,list-item-two-line\"}})],1)}),1):_c('v-row',[_c('v-col',[_c('div',{staticClass:\"text-center nodata\"},[_vm._v(_vm._s(_vm.$t(\"novideo\")))])])],1)],1)]],2),_c('videoPlay',{ref:\"videoPlay\",attrs:{\"show\":_vm.showVideoDialog,\"videoName\":_vm.videoName,\"videoFile\":_vm.Videolink,\"contentid\":_vm.content_id,\"viewerFlag\":_vm.viewerFlag,\"formattedDateTime\":_vm.formattedDateTime,\"courseID\":_vm.courseID,\"lastWatchedTime\":_vm.lastWatchedTime,\"memberID\":_vm.memberID,\"video_page\":1},on:{\"close\":function($event){(_vm.showVideoDialog = false), _vm.GetVideoData()},\"updateProgressCircle\":_vm.updateProgressCircle}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Breadcrumbs page_title=\"video\" :items=\"breadcrumbs\" />\r\n\r\n    <v-card class=\"mx-3 my-5 rounded-lg\">\r\n      <template>\r\n        <v-container fluid>\r\n          <v-row class=\"mt-0\" v-if=\"hasData\">\r\n            <v-col\r\n              cols=\"12\"\r\n              xs=\"12\"\r\n              sm=\"12\"\r\n              md=\"4\"\r\n              lg=\"3\"\r\n              v-for=\"(item, i) in items\"\r\n              :key=\"i\"\r\n              class=\"pl-4 pr-4 pt-0\"\r\n            >\r\n              <v-card\r\n                style=\"\r\n                  border-radius: 16px;\r\n                  background-color: #f0f0f0;\r\n                  box-shadow: unset;\r\n                \"\r\n                height=\"auto\"\r\n              >\r\n                <v-card-text\r\n                  justify=\"center\"\r\n                  align=\"center\"\r\n                  style=\"\r\n                    height: 100%;\r\n                    padding-left: 15px;\r\n                    padding-right: 15px;\r\n                    padding-top: 10px;\r\n                    padding-bottom: 5px;\r\n                  \"\r\n                >\r\n                  <p\r\n                    class=\"text-center mb-2\"\r\n                    style=\"font-size: 18px; color: #424242\"\r\n                  >\r\n                    {{ item.contentName }}\r\n                  </p>\r\n                  <v-img :src=\"item.optimizeLink\" class=\"soundimg\"></v-img>\r\n                  <div\r\n                    style=\"height: 135px; overflow-x: hidden; overflow-y: auto\"\r\n                    class=\"overflow-y-auto mt-4\"\r\n                  >\r\n                    <v-row\r\n                      v-for=\"(item1, i) in item.videoList\"\r\n                      :key=\"i\"\r\n                      style=\"cursor: pointer\"\r\n                    >\r\n                      <v-col\r\n                        cols=\"12\"\r\n                        sm=\"6\"\r\n                        xs=\"6\"\r\n                        md=\"9\"\r\n                        lg=\"9\"\r\n                        class=\"pl-1 pr-2 pt-2 pb-1\"\r\n                        style=\"text-align: left\"\r\n                      >\r\n                        <div\r\n                          class=\"contentTextStyle\"\r\n                          @click=\"PlayMP4(item1, item)\"\r\n                        >\r\n                          <span style=\"font-size: 14px\">{{\r\n                            item1.content_Name\r\n                          }}</span>\r\n                        </div>\r\n                      </v-col>\r\n                      <v-col\r\n                        cols=\"12\"\r\n                        sm=\"6\"\r\n                        xs=\"6\"\r\n                        md=\"3\"\r\n                        lg=\"3\"\r\n                        class=\"pl-2 pr-3 pt-2 pb-2\"\r\n                        style=\"text-align: end\"\r\n                      >\r\n                        <v-progress-circular\r\n                          :rotate=\"-90\"\r\n                          :size=\"30\"\r\n                          :width=\"3\"\r\n                          :value=\"item1.progressTime * 100\"\r\n                          color=\"#4FB14E\"\r\n                          class=\"mx-auto my-auto center playIcon\"\r\n                          @click=\"PlayMP4(item1, item)\"\r\n                        >\r\n                          <v-icon\r\n                            style=\"\r\n                              font-size: 20px;\r\n                              color: #cccccc;\r\n                              padding-left: 3px;\r\n                              padding-top: 2px;\r\n                            \"\r\n                            >mdi-play-outline</v-icon\r\n                          >\r\n                        </v-progress-circular>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </div>\r\n                  <v-row no-gutters>\r\n                    <v-col\r\n                      cols=\"12\"\r\n                      class=\"d-flex justify-end align-center pt-3 pr-2 pb-1\"\r\n                    >\r\n                      {{ $t(\"enddate\") + \" : \" + item.endDateOfContent }}\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-card-text>\r\n              </v-card>\r\n            </v-col>\r\n          </v-row>\r\n\r\n          <v-row class=\"mt-0\" v-else-if=\"loading\">\r\n            <v-col\r\n              cols=\"12\"\r\n              xs=\"12\"\r\n              sm=\"12\"\r\n              md=\"4\"\r\n              lg=\"3\"\r\n              class=\"pl-4 pr-4\"\r\n              v-for=\"n in 3\"\r\n              :key=\"n\"\r\n            >\r\n              <v-skeleton-loader\r\n                class=\"mx-auto\"\r\n                style=\"height: 370px; border: solid 1px #f0f0f0; padding: 10px\"\r\n                type=\"text,image,list-item-two-line\"\r\n              ></v-skeleton-loader>\r\n            </v-col>\r\n          </v-row>\r\n\r\n          <v-row v-else>\r\n            <v-col>\r\n              <div class=\"text-center nodata\">{{ $t(\"novideo\") }}</div>\r\n            </v-col>\r\n          </v-row>\r\n        </v-container>\r\n      </template>\r\n    </v-card>\r\n\r\n    <videoPlay\r\n      ref=\"videoPlay\"\r\n      :show=\"showVideoDialog\"\r\n      @close=\"(showVideoDialog = false), GetVideoData()\"\r\n      @updateProgressCircle=\"updateProgressCircle\"\r\n      :videoName=\"videoName\"\r\n      :videoFile=\"Videolink\"\r\n      :contentid=\"content_id\"\r\n      :viewerFlag=\"viewerFlag\"\r\n      :formattedDateTime=\"formattedDateTime\"\r\n      :courseID=\"courseID\"\r\n      :lastWatchedTime=\"lastWatchedTime\"\r\n      :memberID=\"memberID\"\r\n      :video_page=\"1\"\r\n    ></videoPlay>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as moment from \"moment/moment\";\r\nimport videoPlay from \"./videoPlay.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    videoPlay,\r\n    // Player,\r\n    // Video,\r\n    // Ui,\r\n    // Scrim,\r\n    // ControlGroup,\r\n    // Controls,\r\n    // ControlSpacer,\r\n    // CurrentTime,\r\n    // EndTime\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      viewerFlag: false,\r\n      //formattedDateTime: this.formatDateTime(new Date()),\r\n      formattedDateTime: \"\",\r\n      showVideoDialog: false,\r\n      videoName: \"\",\r\n      lastWatchedTime: \"\",\r\n      courseID: -1, //distinguish from course\r\n      //old\r\n      //request_flag: false,\r\n      current_videoId: 0,\r\n      PlayBtn: true,\r\n      finishVideo: false,\r\n      fullScreen: false,\r\n      content_id: 0,\r\n      duration: -1,\r\n      progress_time: 0,\r\n      centisecond: 0,\r\n      seeking: false,\r\n      actualPlayTime: 0, // work as seconds\r\n      playing: false,\r\n      restart: false, //use for restart the video\r\n      currentTime: 0,\r\n      playback_started: false,\r\n      isFullscreenBefore: false,\r\n      isFullscreen: false,\r\n      exit_dialog: false,\r\n      complete_dialog: false,\r\n      dialogWidth: \"800px\",\r\n      isFavorite: false,\r\n      userID: \"\",\r\n      companyID: \"\",\r\n      memberID: \"\",\r\n      breadcrumbs: [\r\n        {\r\n          text: \"library\",\r\n          href: \"/library\",\r\n        },\r\n        {\r\n          text: \"video\",\r\n        },\r\n      ],\r\n      items: [],\r\n      loading: true,\r\n      Videolink: \"\",\r\n      player_dialog: false,\r\n      mPlay: true,\r\n      fullscreenflag: true,\r\n      startTime: \"00:00\",\r\n      endTime: \"00:00\",\r\n      hasData: false,\r\n    };\r\n  },\r\n  computed: {\r\n    progressPercentage() {\r\n      return (this.currentTime / this.duration) * 100 + \"%\";\r\n    },\r\n    player() {\r\n      return this.$refs.player;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.GetVideoData();\r\n    this.getNotificationCount();\r\n    this.getFavourite();\r\n    // Update the dialog width on window resize\r\n    window.addEventListener(\"resize\", this.updateDialogWidth);\r\n    this.updateDialogWidth();\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.updateDialogWidth);\r\n  },\r\n\r\n  methods: {\r\n    updateProgressCircle(p) {\r\n      this.items = this.items.map((x) => ({\r\n        ...x,\r\n        progressTime: x.id == p.id ? p.progressTime : x.progressTime,\r\n      }));\r\n    },\r\n    formatDateTime(dateTime) {\r\n      const options = {\r\n        year: \"2-digit\",\r\n        month: \"2-digit\",\r\n        day: \"2-digit\",\r\n        hour: \"numeric\",\r\n        minute: \"numeric\",\r\n      };\r\n      const dateTimeString = dateTime.toLocaleDateString(\"en-US\", options);\r\n      return dateTimeString.replace(/\\//g, \"-\");\r\n    },\r\n    PlayMP4(item, mainitem) {\r\n      let date1 = new Date();\r\n      this.formattedDateTime = this.formatDateTime(date1);\r\n      this.current_videoId = item.id;\r\n      this.viewerFlag = mainitem.viewerFlag;\r\n      this.player_dialog = true;\r\n      this.content_id = item.content_ID;\r\n      this.showVideoDialog = true;\r\n      this.videoName = item.content_Name;\r\n      this.Videolink = item.content_File;\r\n      this.memberID = item.memberID;\r\n      if (item.progressTime == \"1\") {\r\n        this.lastWatchedTime = 0;\r\n      } else {\r\n        this.lastWatchedTime = item.currentminutes;\r\n      }\r\n\r\n      this.$refs.videoPlay.getFavorite(item.favFlag);\r\n      //this.$refs.videoPlay.GetcommendData(item.content_ID, 1);\r\n      this.$refs.videoPlay.GetCommentsForVideo(item.content_ID);\r\n    },\r\n    async GetVideoData() {\r\n      const request = {\r\n        userID: parseInt(localStorage.getItem(\"UserID\")),\r\n        topicID: parseInt(localStorage.getItem(\"libraryId\")),\r\n      };\r\n      const res = await this.$axios.post(\r\n        `${this.web_urlV5}GuidedLesson/GetVideoData`,\r\n        request\r\n      );\r\n\r\n      if (res.data.data.length > 0) {\r\n        this.items = res.data.data.map((v, i) => ({\r\n          ...v,\r\n          no: i + 1,\r\n          endDateOfContent: moment(v.endContentDate)\r\n            .local()\r\n            .format(\"DD MMM YYYY\"),\r\n        }));\r\n        this.loading = false;\r\n        this.hasData = true;\r\n      } else {\r\n        this.loading = false;\r\n        this.hasData = false;\r\n      }\r\n    },\r\n    // Update the dialog width based on screen size\r\n    updateDialogWidth() {\r\n      if (window.innerWidth < 768) {\r\n        this.dialogWidth = \"90%\";\r\n      } else {\r\n        this.dialogWidth = \"800px\";\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.responsive-dialog {\r\n  width: 50% !important;\r\n  height: 50% !important;\r\n  max-width: 800px !important;\r\n  max-height: 500px !important;\r\n  overflow-x: hidden !important;\r\n  overflow-y: hidden !important;\r\n}\r\n\r\n.dialog-container {\r\n  position: relative;\r\n  padding-bottom: 56.25%; /* 16:9 aspect ratio */\r\n  height: 0;\r\n}\r\n\r\n.dialog-container video {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n/* Adjust the dialog container width based on screen size */\r\n@media only screen and (max-width: 768px) {\r\n  .dialog-container {\r\n    max-width: 90%;\r\n  }\r\n}\r\n\r\n/* Adjust the player width based on screen size */\r\n@media only screen and (max-width: 600px) {\r\n  .responsive-dialog .v-player {\r\n    max-width: 100%;\r\n  }\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.heart-icon-container {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 24px;\r\n  height: 30px;\r\n  z-index: 1000 !important;\r\n}\r\n.back-icon-container {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 24px;\r\n  z-index: 1000 !important;\r\n}\r\n.controls-padding {\r\n  padding-left: 18px !important;\r\n  padding-right: 18px !important;\r\n}\r\n.imageShadow {\r\n  display: inline-block;\r\n  text-align: center;\r\n  color: transparent;\r\n  border-radius: 3px !important;\r\n  border: transparent !important;\r\n  background: transparent;\r\n  background: linear-gradient(\r\n    rgb(255, 255, 255, var(--alpha)) 0.3%,\r\n    rgb(255, 255, 255, var(--alpha))\r\n  );\r\n  padding-bottom: 10px;\r\n  background-size: 100% 200%;\r\n}\r\n#ButtonAnimationControls {\r\n  display: inline-block;\r\n  text-align: center;\r\n  color: transparent;\r\n  border-radius: 4px !important;\r\n  border: transparent !important;\r\n  background: transparent;\r\n  background: unset;\r\n  padding-bottom: 12px;\r\n  background-size: 100% 200%;\r\n}\r\n#ButtonAnimationHeart {\r\n  height: 42px;\r\n  display: inline-block;\r\n  text-align: center;\r\n  border-radius: 8px !important;\r\n  background: var(--vm-color-gray-500) !important;\r\n  background-size: 100% 200%;\r\n  padding: 8px 7px;\r\n}\r\n#ButtonAnimationBack {\r\n  height: 42px;\r\n  display: inline-block;\r\n  text-align: center;\r\n  border-radius: 8px !important;\r\n  background: var(--vm-color-gray-500) !important;\r\n  background-size: 100% 200%;\r\n  padding-bottom: 9px;\r\n  padding-top: 7px;\r\n  padding-left: 7px;\r\n  padding-right: 7px;\r\n}\r\n::v-deep .pause-name.v-btn:not(.v-btn--round).v-size--default {\r\n  min-width: 25px;\r\n  min-height: 25px;\r\n  padding-right: 11px;\r\n  padding-left: 11px;\r\n  box-shadow: unset !important;\r\n}\r\n::v-deep .play-name.v-btn:not(.v-btn--round).v-size--default {\r\n  min-width: 23px;\r\n  min-height: 25px;\r\n  padding-right: 10px;\r\n  padding-left: 11px;\r\n  box-shadow: unset !important;\r\n}\r\n::v-deep .fullscreen-name.v-btn:not(.v-btn--round).v-size--default {\r\n  min-width: 25px;\r\n  min-height: 20px;\r\n  padding-right: 5px;\r\n  padding-left: 5px;\r\n  box-shadow: unset !important;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n/* old ui's css */\r\n.soundimg {\r\n  height: 160px;\r\n  object-fit: cover;\r\n  width: 250px;\r\n  border-radius: 8px;\r\n}\r\n.lessonIcon {\r\n  top: 20px;\r\n  position: absolute;\r\n}\r\n.test {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.border1 {\r\n  height: 1px;\r\n  width: 95%;\r\n  background-color: #00000027;\r\n}\r\n.back-button {\r\n  position: absolute;\r\n  color: white;\r\n  font-size: 16px;\r\n  padding: 12px 24px;\r\n  cursor: pointer;\r\n  border: 1px solid rgba(66, 66, 66, 0.05);\r\n  border-radius: 5px;\r\n}\r\n.noarticle {\r\n  height: 200px;\r\n  align-items: center;\r\n}\r\n.nodata {\r\n  color: #a4a4a4;\r\n  font-size: 20px !important;\r\n}\r\n.loadingarticle {\r\n  height: 400px;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.progress-bar {\r\n  width: 100%;\r\n  height: 4px;\r\n  background-color: #f5f5f5;\r\n  cursor: pointer;\r\n}\r\n\r\n.progress {\r\n  height: 100%;\r\n  background-color: #a6cc39;\r\n  width: 0%;\r\n  transition: width 0.1s ease-in-out;\r\n}\r\n\r\n.progress-bar__background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n.progress-bar__fill {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  background-color: #a6cc39;\r\n  transition: width 0.1s linear;\r\n}\r\n.progress-bar__handle {\r\n  position: absolute;\r\n  top: -5px;\r\n  left: 0;\r\n  height: 16px;\r\n  width: 16px;\r\n  border-radius: 50%;\r\n  background-color: #a6cc39;\r\n  transform: translateX(-50%);\r\n  transition: left 0.1s linear;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.controls {\r\n  display: flex;\r\n  width: 93%;\r\n  height: 78px;\r\n  position: absolute;\r\n  flex-wrap: wrap;\r\n  pointer-events: auto;\r\n  box-sizing: border-box;\r\n  background: var(--vm-color-gray-500) !important;\r\n  /**--vm-color-gray-500  --vm-color-white-700*/\r\n  padding-top: 12px !important;\r\n  padding-bottom: 0px;\r\n  padding-left: 0px;\r\n  padding-right: 0px;\r\n  border-radius: 8px;\r\n  opacity: 1;\r\n  visibility: visible !important;\r\n  bottom: 10px !important;\r\n}\r\n.player {\r\n  line-height: 1;\r\n}\r\n::v-deep .controls.active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  justify-content: center !important;\r\n}\r\n\r\n.login-phone {\r\n  color: #fff;\r\n  font-size: 18px;\r\n  z-index: 0;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n.login-phone:before {\r\n  background-color: #4fb14e;\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  top: 100%;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: -1;\r\n  opacity: 0.5 !important;\r\n  -webkit-transition: all 0.35s ease;\r\n  transition: all 0.35s ease;\r\n}\r\n.login-phone:hover:before {\r\n  background-color: #4fb14e;\r\n  top: 0;\r\n}\r\n.login-phone:hover {\r\n  transition: 0.25s;\r\n}\r\n.login-phone:after {\r\n  position: absolute;\r\n  right: 2.34375rem;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%) translateX(50%);\r\n  -ms-transform: translateY(-50%) translateX(50%);\r\n  transform: translateY(-50%) translateX(50%);\r\n}\r\n.contentTextStyle {\r\n  width: 160px;\r\n  height: 25px;\r\n  display: inline-block;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-align: left;\r\n  padding-top: 4px;\r\n}\r\n.playIcon {\r\n  margin-right: 0.4rem !important;\r\n}\r\n\r\n::v-deep .overflow-y-auto::-webkit-scrollbar {\r\n  width: 3px !important;\r\n  border-radius: 10px !important;\r\n}\r\n/* Track */\r\n::v-deep .overflow-y-auto::-webkit-scrollbar-track {\r\n  width: 3px !important;\r\n  background: #c0c0c05c;\r\n  border-radius: 10px !important;\r\n}\r\n/* Handle */\r\n::v-deep .overflow-y-auto::-webkit-scrollbar-thumb {\r\n  border-top-left-radius: 10px !important;\r\n  border-top-right-radius: 10px !important;\r\n  border-bottom-left-radius: 10px !important;\r\n  border-bottom-right-radius: 10px !important;\r\n  background-color: transparent;\r\n  border-top: 40px solid #424242;\r\n}\r\n::v-deep .overflow-y-auto {\r\n  padding-left: 10px;\r\n  padding-right: 5px;\r\n  padding-top: 8px;\r\n  padding-bottom: 0px;\r\n}\r\n::v-deep .v-dialog--scrollable::-webkit-scrollbar {\r\n  width: 0px !important;\r\n  background: #e6e6e6;\r\n}\r\n::v-deep .v-dialog--scrollable::-webkit-scrollbar-track {\r\n  width: 0px !important;\r\n  background: #e6e6e6;\r\n}\r\n::v-deep .v-dialog--scrollable::-webkit-scrollbar-thumb {\r\n  background: #b0b0b0;\r\n  border: solid 1px #e6e6e6;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n@media (min-width: 1441px) and (max-width: 2560px) {\r\n  .soundimg {\r\n    height: 160px;\r\n    object-fit: cover;\r\n    width: unset;\r\n    border-radius: 8px;\r\n  }\r\n}\r\n@media (min-width: 1535px) and (max-width: 1836px) {\r\n  .contentTextStyle {\r\n    width: 200px;\r\n    height: 25px;\r\n    display: inline-block;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    padding-top: 4px;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n@media (min-width: 1836px) and (max-width: 2243px) {\r\n  .contentTextStyle {\r\n    width: 275px;\r\n    height: 25px;\r\n    display: inline-block;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    padding-top: 4px;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n@media (min-width: 2243px) and (max-width: 2560px) {\r\n  .contentTextStyle {\r\n    width: 370px;\r\n    height: 25px;\r\n    display: inline-block;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    padding-top: 4px;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n</style>\r\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!./videoIndex.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!./videoIndex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoIndex.vue?vue&type=template&id=6cfe147d&scoped=true&\"\nimport script from \"./videoIndex.vue?vue&type=script&lang=js&\"\nexport * from \"./videoIndex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoIndex.vue?vue&type=style&index=0&id=6cfe147d&prod&scoped=true&lang=css&\"\nimport style1 from \"./videoIndex.vue?vue&type=style&index=1&id=6cfe147d&prod&scoped=true&lang=css&\"\nimport style2 from \"./videoIndex.vue?vue&type=style&index=2&id=6cfe147d&prod&scoped=true&lang=css&\"\nimport style3 from \"./videoIndex.vue?vue&type=style&index=3&id=6cfe147d&prod&scoped=true&lang=css&\"\nimport style4 from \"./videoIndex.vue?vue&type=style&index=4&id=6cfe147d&prod&scoped=true&lang=css&\"\nimport style5 from \"./videoIndex.vue?vue&type=style&index=5&id=6cfe147d&prod&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  \"6cfe147d\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n\r\n    <Article v-if=\"$route.params.subName =='Article'\"/>\r\n\r\n    <Sound v-if=\"$route.params.subName =='Sound'\"/>\r\n\r\n    <Video v-if=\"$route.params.subName =='Video'\"/>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Article from \"./_article/articleIndex.vue\";\r\nimport Sound from \"./_sound/soundIndex.vue\";\r\nimport Video from \"./_video/videoIndex.vue\";\r\nexport default {\r\n  components: {\r\n    Article,\r\n    Sound,\r\n    Video\r\n  },\r\n  data() {    \r\n    return {\r\n      item_No: 0,\r\n      // breadcrumbs: [\r\n      //   {\r\n      //     sidebar_tilte: \"home\"\r\n      //   },\r\n      //   {\r\n      //     text: \"Library\",\r\n      //     href: \"/library\"\r\n      //   },\r\n      //   {\r\n      //     text: this.$route.query.subName\r\n      //   }\r\n      // ]\r\n    };\r\n  },\r\n  methods: {\r\n  }\r\n};\r\n</script>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5d26384d&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\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!./soundIndex.vue?vue&type=style&index=1&id=41afb29c&prod&scoped=true&lang=css&\"","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!./soundIndex.vue?vue&type=style&index=0&id=41afb29c&prod&scoped=true&lang=css&\"","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!./articleIndex.vue?vue&type=style&index=0&id=41864684&prod&scoped=true&lang=css&\"","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!./videoIndex.vue?vue&type=style&index=3&id=6cfe147d&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/article_home.3b14ca74.svg\";","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!./videoIndex.vue?vue&type=style&index=5&id=6cfe147d&prod&scoped=true&lang=css&\"","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!./videoIndex.vue?vue&type=style&index=0&id=6cfe147d&prod&scoped=true&lang=css&\"","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!./videoIndex.vue?vue&type=style&index=2&id=6cfe147d&prod&scoped=true&lang=css&\"","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!./videoIndex.vue?vue&type=style&index=4&id=6cfe147d&prod&scoped=true&lang=css&\""],"sourceRoot":""}