{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/assets/image/tm-CCount.svg","webpack:///./src/assets/image/tm-LCount.svg","webpack:///./src/pages/VideoShare/App.vue?7c74","webpack:///src/pages/VideoShare/App.vue","webpack:///./src/pages/VideoShare/App.vue?2d6a","webpack:///./src/pages/VideoShare/App.vue?4999","webpack:///./src/components/Pages/PageVideoShareIndex4.vue?67a2","webpack:///src/components/Pages/PageVideoShareIndex4.vue","webpack:///./src/components/Pages/PageVideoShareIndex4.vue?4321","webpack:///./src/components/Pages/PageVideoShareIndex4.vue","webpack:///./src/pages/VideoShare/main.js","webpack:///./src/assets/image/tm-NfindText.svg","webpack:///./src/components/Pages/PageMaterialStudy.vue?3103","webpack:///./src/pages/VideoShare/App.vue?0460","webpack:///./src/components/Elements/YuYanPlayer.vue?7eea","webpack:///./src/components/Pages/PageMaterialStudy.vue?b843","webpack:///./src/components/Elements/VideoCaptionList.vue?8911","webpack:///./src/components/Plugins/CaptionTokenizer.js","webpack:///src/components/Elements/VideoCaptionList.vue","webpack:///./src/components/Elements/VideoCaptionList.vue?4318","webpack:///./src/components/Elements/VideoCaptionList.vue?d0f2","webpack:///./src/components/Elements/YuYanPlayer.vue?f028","webpack:///src/components/Elements/YuYanPlayer.vue","webpack:///./src/components/Elements/YuYanPlayer.vue?6f67","webpack:///./src/components/Elements/YuYanPlayer.vue?af11","webpack:///./src/components/Elements/ShadowingTool.vue?0025","webpack:///src/components/Elements/ShadowingTool.vue","webpack:///./src/components/Elements/ShadowingTool.vue?8063","webpack:///./src/components/Elements/ShadowingTool.vue","webpack:///./src/components/Elements/TeachingMaterialComment.vue?38fc","webpack:///./src/components/Elements/EditableDiv.vue?8eef","webpack:///src/components/Elements/EditableDiv.vue","webpack:///./src/components/Elements/EditableDiv.vue?7170","webpack:///./src/components/Elements/EditableDiv.vue?2be6","webpack:///src/components/Elements/TeachingMaterialComment.vue","webpack:///./src/components/Elements/TeachingMaterialComment.vue?4ac3","webpack:///./src/components/Elements/TeachingMaterialComment.vue?c1c8","webpack:///src/components/Pages/PageMaterialStudy.vue","webpack:///./src/components/Pages/PageMaterialStudy.vue?0570","webpack:///./src/components/Pages/PageMaterialStudy.vue?0606","webpack:///./src/components/Elements/VideoCaptionList.vue?66e2","webpack:///./src/assets/image/lexprogress-video-heart-active.svg","webpack:///./src/components/Elements/EditableDiv.vue?f7d3","webpack:///./src/assets/image/tm-findText.svg","webpack:///./src/components/Elements/TeachingMaterialComment.vue?fd6f"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","jsonpScriptSrc","p","exports","module","l","e","promises","installedChunkData","promise","Promise","resolve","reject","onScriptComplete","script","document","createElement","charset","timeout","nc","setAttribute","src","error","Error","event","onerror","onload","clearTimeout","chunk","errorType","type","realSrc","target","message","name","request","undefined","setTimeout","head","appendChild","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","err","console","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","user","isPhone","staticRenderFns","component","videoShareInfo","tmId","videoId","_e","Vue","config","productionTip","use","Loading","VueAxios","axios","defaults","baseURL","process","$eventBus","BDialog","VueReCaptcha","siteKey","VueRouter","router","base","routes","path","PageVideoShareIndex4","props","VueGtag","id","includes","VueI18n","messages","element_header","require","element_footer","page_material_study","element_video_caption_list","element_b_dialog","i18n","locale","VueMeta","render","h","App","$mount","videoInfo","tm","staticClass","class","activetab","changeVideoData","_v","_s","fmtTMName","fmtTranslateCount","TMCCount","$t","vlFindingStatistic","LeixconFoundByUser","TMLCount","LexiconWaitingToBeFound","fmtAuthorAvatorUrl","on","onAuthorClicked","CreateDate","split","WatchCount","IsUserLike","staticStyle","userClaps","style","LikeCount","Title","accentTypes","AccentTypeId","fmtAccentTypeName","videoCaptions","tmcs","ref","dictVideoCaptions","getVideoLoadStart","getNewData","onVideoPlayingCaptionChanged","IsCollected","IsAdmin","toggleTMCollecting","openRemind","$event","_m","getVideoShareUrl","tags","_l","Id","listMaterialWithTag","Name","dictTMCS","dictTMLS","onCaptionClicked","showBookmarkReminder","onCaptionShadowingRequest","setTab","tmlsdata","openLexAdvInfo","LexiconLearningTitle","LexiconNativeTitle","VideoCaptionId","onTMLCaptionClicked","Text","addUserTML","utmls","utml","utmlIdx","TeachingMaterialLexiconId","isUTMLCaptionVisible","fmtUTMLCaption","removeUserTML","directives","rawName","expression","domProps","composing","$set","sv","VideoInfoId","VideoId","playVideo","fmtSuggestVideoReason","$$selectedVal","Array","filter","options","selected","map","val","_value","captionMode","multiple","fmtRepLexiconTitle","cap","capIdx","isSentenceVisible","playingCaptionId","No","playCaptionClicked","toggleUserCorpus","tokenizedCaption","idx","HashedId","IsPhrase","sendCaptionShadowningRequest","tokenizeCaptionClicked","isTranslationVisible","TextTranslated","Plugin","tokenizingCaptions","tokenizingHistory","captionTokenizer","stopTokenizeSentence","tokenizeErrorCount","tokenizeCaption","caption","TeachingMaterialId","VideoCaption","doTokenizeCaption","log","tokCap","pop","post","lang","Lang","cid","res","success","set","alert","response","status","generateSentenceCht","sentence","tokens","Tokens","curToken","generateSentence2","userTokens","UserTokens","curSyllabllPos","userMultiSylPos","words","tokenClasses","sentenceClasses","join","phrase","spanClassString","spanString","install","CaptionTokenizer","defineProperties","$CaptionService","expandVideoData","isRepeating","repeatSentence","prevCaption","display","playerState","cursor","pauseVideo","nextCaption","expandVideo","playbackRate","togglePlaySpeed","disableSubtitles","showCaption","switchCaption","shadowingCaption","recordingData","reverse","url","download","text","isRecording","doPlaySampleSentence","isPlayingSampleSentence","isRecorderReady","doRecord","recordBtnText","fmtUserAvator","model","callback","$$v","inputingComment","postThread","tIdx","UserDisplayName","UserId","HashedUserId","deleteThread","onEditThread","Message","finishedThreadEdit","cancelThreadEdit","rIdx","replyThread","RepliedCommentsCount","repliedCommentsExpanded","expandRepliedComments","onReplyClicked","changeText","vs","newShareDate","setMonth","getMonth"],"mappings":"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","file":"js/VideoShare.cb5d4d94.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"VideoShare\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"js/\" + ({}[chunkId]||chunkId) + \".\" + {\"chunk-2d0b9645\":\"11a55334\",\"chunk-2d237c72\":\"61720bb5\"}[chunkId] + \".js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([11,\"chunk-vendors\",\"chunk-common\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","module.exports = __webpack_public_path__ + \"img/tm-CCount.cc8ae7e9.svg\";","module.exports = __webpack_public_path__ + \"img/tm-LCount.50122644.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('page-header',{attrs:{\"user\":_vm.user}}),_c('main',{attrs:{\"role\":\"role\"}},[_c('router-view',{attrs:{\"user\":_vm.user,\"is-phone\":_vm.isPhone}})],1),_c('page-footer'),_c('b-dialog')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!--\r\n    Vue-router on multi page app and page reload\r\n        ref: https://forum.vuejs.org/t/vue-router-on-multi-page-app-and-page-reload/48405\r\n    -->\r\n    <div id=\"app\">\r\n        <page-header :user=\"user\"></page-header>\r\n        <main role=\"role\">\r\n            <router-view :user=\"user\" :is-phone=\"isPhone\"></router-view>\r\n        </main>\r\n        <page-footer></page-footer>\r\n        <b-dialog/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import appMixin from '@/lib/AppBaseMixin.js';\r\n\r\n    import PageHeader from '@/components/Elements/PageHeader.vue';\r\n    import PageFooter from '@/components/Elements/PageFooter.vue';\r\n\r\n    export default {\r\n        name: 'App',\r\n        mixins: [appMixin],\r\n        components: {\r\n            PageHeader,\r\n            PageFooter,\r\n        },\r\n        data: function () {\r\n            return {\r\n                \r\n            };\r\n        },\r\n        methods: {\r\n            initData: function () {\r\n            },\r\n        },  // end of methods\r\n        computed: {\r\n        },\r\n        mounted: function () {\r\n            this.initData();\r\n        },\r\n        watch: {\r\n        },\r\n        created() {\r\n        },\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .lexprogress-wrapper {\r\n        background-color: #F7F8FA;\r\n        padding-bottom: 60px;\r\n    }\r\n    .search-content-wrapper{\r\n        background-color: #fff;\r\n        border-radius: 5px;\r\n        margin-top: 130px;\r\n        margin-bottom: 40px;\r\n        padding: 60px;\r\n    }\r\n    html{\r\n        background-color: #F7F8FA!important;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=ca571cb4&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.videoShareInfo)?_c('page-material-study',{attrs:{\"user\":_vm.user,\"videoShareInfo\":_vm.videoShareInfo,\"is-phone\":\"isPhone\",\"tmId\":_vm.tmId,\"videoId\":_vm.videoId}}):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <page-material-study v-if=\"videoShareInfo\" :user=\"user\" :videoShareInfo=\"videoShareInfo\" is-phone=\"isPhone\" :tmId=\"tmId\" :videoId=\"videoId\">\r\n    </page-material-study>\r\n</template>\r\n\r\n<script>\r\n    import PageMaterialStudy from '@/components/Pages/PageMaterialStudy.vue';\r\n\r\n    export default {\r\n        props: {\r\n            user: {\r\n                type: Object,\r\n                default: null,\r\n            },\r\n            isPhone: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n            vsId: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n        },\r\n        components: {\r\n            PageMaterialStudy\r\n        },\r\n        data: function () {\r\n            return {\r\n                videoShareInfo: null,\r\n                tmId: null,\r\n                videoId: null,\r\n            };\r\n        },\r\n        methods: {\r\n            decodeVideoShareInfo: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"VideoShare/DecodedVideoShareInfo\", {\r\n                        vsId: this.vsId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        let videoShareInfo = data.data;\r\n                        this.tmId = videoShareInfo.TeachingMaterialId.toString();\r\n                        this.videoId = videoShareInfo.VideoId;\r\n\r\n                        this.videoShareInfo = data.data;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得教材分享資訊。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            initData: function () {\r\n                this.decodeVideoShareInfo();\r\n            },\r\n        },\r\n        computed: {\r\n            \r\n        },\r\n        mounted: function () {\r\n            this.initData();\r\n        },\r\n        watch: {\r\n            \r\n        },\r\n        created() { },\r\n    };\r\n</script>\r\n<style>\r\n    \r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageVideoShareIndex4.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageVideoShareIndex4.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageVideoShareIndex4.vue?vue&type=template&id=78cd70d9&lang=html&\"\nimport script from \"./PageVideoShareIndex4.vue?vue&type=script&lang=js&\"\nexport * from \"./PageVideoShareIndex4.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","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport VueGtag from \"vue-gtag\";\r\n\r\nimport \"@/assets/scss/main.scss\";\r\n\r\nVue.config.productionTip = false\r\n\r\nimport Loading from 'vue-loading-overlay';\r\n// Import stylesheet\r\nimport 'vue-loading-overlay/dist/vue-loading.css';\r\nVue.use(Loading);\r\n\r\nimport axios from 'axios'\r\nimport VueAxios from 'vue-axios'\r\nVue.use(VueAxios, axios)\r\nVue.axios.defaults.baseURL = process.env.VUE_APP_OLD_SERVER_BASE_URL;\r\n//Vue.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\r\n\r\nVue.prototype.$eventBus = new Vue();\r\n\r\nimport BDialog from '@/components/Elements/BDialog/Plugin.js'\r\nVue.use(BDialog);\r\n\r\nimport {\r\n    VueReCaptcha\r\n} from 'vue-recaptcha-v3'\r\n\r\nVue.use(VueReCaptcha, {\r\n    siteKey: process.env.VUE_APP_RECAPTCHA_CLIENT_V3\r\n})\r\n\r\n\r\nimport VueRouter from 'vue-router';\r\nimport PageVideoShareIndex4 from '@/components/Pages/PageVideoShareIndex4.vue';\r\nVue.use(VueRouter);\r\n\r\nconst router = new VueRouter({\r\n    mode: 'history',\r\n    base: '/VideoShare/',\r\n    routes: [\r\n        {\r\n            path: '/Index4/:vsId',  // Material/Study\r\n            component: PageVideoShareIndex4,\r\n            props: true,\r\n        },\r\n    ]\r\n});\r\n\r\nVue.use(VueGtag, {\r\n    config: {\r\n        id: \"UA-136510434-1\"\r\n    },\r\n    includes: [{\r\n        id: 'AW-608742370'\r\n    },]\r\n}, router);\r\n\r\nimport VueI18n from 'vue-i18n'\r\nVue.use(VueI18n)\r\n\r\nconst messages = {\r\n    'zh-Hant': {\r\n        element_header: require('@/locales/element_header_zh-hant.json'),\r\n        element_footer: require('@/locales/element_footer_zh-hant.json'),\r\n        page_material_study: require('@/locales/page_material_study_zh-hant.json'),\r\n        element_video_caption_list: require('@/locales/element_video_caption_list_zh-hant.json'),\r\n        element_b_dialog: require('@/locales/element_b_dialog_zh-hant.json'),\r\n    },\r\n    'zh-Hans': {\r\n        element_header: require('@/locales/element_header_zh-hans.json'),\r\n        element_footer: require('@/locales/element_footer_zh-hans.json'),\r\n        page_material_study: require('@/locales/page_material_study_zh-hans.json'),\r\n        element_video_caption_list: require('@/locales/element_video_caption_list_zh-hans.json'),\r\n        element_b_dialog: require('@/locales/element_b_dialog_zh-hans.json'),\r\n    },\r\n    'vi-VN': {\r\n        element_header: require('@/locales/element_header_vi-VN.json'),\r\n        element_footer: require('@/locales/element_footer_vi-VN.json'),\r\n        page_material_study: require('@/locales/page_material_study_vi-VN.json'),\r\n        element_video_caption_list: require('@/locales/element_video_caption_list_vi-VN.json'),\r\n        element_b_dialog: require('@/locales/element_b_dialog_vi-VN.json'),\r\n    },\r\n};\r\n\r\nconst i18n = new VueI18n({\r\n    locale: 'zh-Hant', // set locale\r\n    messages, // set locale messages\r\n});\r\n\r\n//then put this into your main.js file anywhere AFTER loading Vue\r\nimport VueMeta from 'vue-meta'\r\nVue.use(VueMeta)\r\n\r\nnew Vue({\r\n    i18n,\r\n    router,\r\n    render: h => h(App),\r\n}).$mount('#app')\r\n\r\n\r\n","module.exports = __webpack_public_path__ + \"img/tm-NfindText.c8d3369d.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageMaterialStudy.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YuYanPlayer.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.videoInfo && _vm.tm)?_c('div',{staticClass:\"container-fulid position-r materialStudy-wrap\"},[_c('div',{staticClass:\"row pt-5 tm-wrapper\",class:[ _vm.activetab ? 'move' : '']},[_c('div',{staticClass:\"col-md-5\",class:[ _vm.changeVideoData ? '' : 'col-md-12']},[_c('div',{class:[ _vm.changeVideoData ? '' : 'close-video']},[_c('h1',[_vm._v(_vm._s(_vm.fmtTMName(_vm.tm)))]),_c('ul',{staticClass:\"row mt-3\"},[_c('li',{staticClass:\"col-5 tm-num-text\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/tm-CCount.svg\")}}),_vm._v(_vm._s(_vm.fmtTranslateCount(_vm.tm.TMCCount))+\" \")]),(_vm.vlFindingStatistic)?_c('li',{staticClass:\"col-7 mb-2 tm-num-text\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/tm-findText.svg\")}}),_vm._v(_vm._s(_vm.$t('page_material_study.user_found_lex'))+\" : \"+_vm._s(_vm.vlFindingStatistic.LeixconFoundByUser)+\" \")]):_vm._e(),_c('li',{staticClass:\"col-5 tm-num-text\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/tm-LCount.svg\")}}),_vm._v(_vm._s(_vm.$t('page_material_study.lex_count'))+\" : \"+_vm._s(_vm.tm.TMLCount)+\" \")]),(_vm.vlFindingStatistic)?_c('li',{staticClass:\"col-7 tm-num-text\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/tm-NfindText.svg\")}}),_vm._v(_vm._s(_vm.$t('page_material_study.lex_not_found'))+\" : \"+_vm._s(_vm.vlFindingStatistic.LexiconWaitingToBeFound)+\" \")]):_vm._e()]),_c('div',{staticClass:\"text-gray flex-between w-100\"},[_c('div',[_c('img',{staticClass:\"anthorCricle-image mr-2\",attrs:{\"src\":_vm.fmtAuthorAvatorUrl,\"alt\":\"\"},on:{\"click\":_vm.onAuthorClicked}}),_vm._v(_vm._s(_vm.tm.CreateDate.split('T')[0])+\" \")]),_c('div',[_c('span',{staticClass:\"Corpus-social mr-3\"},[_c('img',{staticClass:\"mr-1\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/video-readviews.svg\")}}),_vm._v(_vm._s(_vm.tm.WatchCount ? _vm.tm.WatchCount : 0)+\" \")]),_c('span',{staticClass:\"Corpus-social\"},[(this.tm && this.tm.IsUserLike)?_c('img',{staticClass:\"mr-1\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/lexprogress-video-heart-active.svg\")},on:{\"click\":_vm.userClaps}}):_c('img',{staticClass:\"mr-1\",style:({'cursor':_vm.user?'pointer':'default'}),attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/lexprogress-video-heart.svg\")},on:{\"click\":_vm.userClaps}}),_vm._v(\" \"+_vm._s(_vm.tm.LikeCount ? _vm.tm.LikeCount : 0)+\" \")])])]),_c('hr')]),(_vm.videoInfo)?_c('h2',{staticClass:\"mt-2\"},[_vm._v(_vm._s(_vm.videoInfo.Title))]):_vm._e(),_c('div',{staticClass:\"d-flex mb-2\"},[(_vm.accentTypes && _vm.videoInfo && _vm.videoInfo.AccentTypeId)?_c('div',{staticClass:\"label-primary mr-2\"},[_vm._v(_vm._s(_vm.fmtAccentTypeName))]):_vm._e()]),(_vm.videoCaptions && _vm.tmcs)?_c('i-yu-yan-player',{ref:\"yyPlayer\",attrs:{\"video-info\":_vm.videoInfo,\"video-captions\":_vm.videoCaptions,\"dict-captions\":_vm.dictVideoCaptions,\"disable-subtitles\":true,\"autoplay\":true,\"videoLoadStart\":_vm.getVideoLoadStart},on:{\"pushexpandVideoData\":_vm.getNewData,\"video-playing-caption-changed\":_vm.onVideoPlayingCaptionChanged}}):_vm._e()],1),(_vm.videoCaptions && _vm.dictVideoCaptions)?_c('div',{staticClass:\"col-md-7\",class:[ _vm.changeVideoData ? '' : 'close-video']},[(_vm.tm)?_c('h1',{staticClass:\"mb-2\"},[_c('span',{class:[ _vm.tm.IsCollected  ? 'bookmarks-active' : 'bookmarks' ],style:({'cursor': _vm.tm.IsCollected?(_vm.user.IsAdmin?'pointer':'default'):'pointer'}),on:{\"click\":_vm.toggleTMCollecting}}),_c('div',{staticClass:\"bookmarks-remind\",class:{'show':_vm.openRemind},on:{\"click\":function($event){_vm.openRemind = !_vm.openRemind}}},[_vm._v(\" \"+_vm._s(_vm.$t('page_material_study.bookmark_hint'))+\" \"),_vm._m(0),_c('div',{staticClass:\"remind-tringle\"})]),_vm._v(\" \"+_vm._s(_vm.fmtTMName(_vm.tm))+\" \"),_c('i',{staticClass:\"fas fa-share-alt fa-sm ml-5\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.getVideoShareUrl}})]):_vm._e(),_c('div',{staticClass:\"videoCaptionsData-tag mb-4\"},[(!_vm.tags || _vm.tags.length == 0)?_c('div',[_c('span',[_vm._v(\"#Lorem ipsum\")]),_c('span',[_vm._v(\"#Lorem ipsum\")])]):_c('div',_vm._l((_vm.tags),function(t){return _c('span',{key:t.Id,on:{\"click\":function($event){return _vm.listMaterialWithTag(t)}}},[_vm._v(\"#\"+_vm._s(t.Name))])}),0)]),(_vm.tm && _vm.videoCaptions)?_c('video-caption-list',{ref:\"videoCaptionCtrl\",class:[ _vm.changeVideoData ? '' : 'video-open-height'],attrs:{\"user\":_vm.user,\"tm\":_vm.tm,\"video-captions\":_vm.videoCaptions,\"dict-video-captions\":_vm.dictVideoCaptions,\"dictTMCS\":_vm.dictTMCS,\"dictTMLS\":_vm.dictTMLS,\"videoShareInfo\":_vm.videoShareInfo},on:{\"caption-clicked\":_vm.onCaptionClicked,\"show-bookmark-remind\":_vm.showBookmarkReminder,\"caption-shadowing-request\":_vm.onCaptionShadowingRequest}}):_vm._e()],1):_vm._e(),_c('br')]),_c('div',{staticClass:\"tab-content\"},[(_vm.activetab == 1)?_c('div',{staticClass:\"tranglationBody tabcontent\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.$t('page_material_study.vocabulary')))]),_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_c('i',{staticClass:\"fas fa-times\"})]),_c('div',{staticClass:\"tmls-content-wrap\"},_vm._l((_vm.tmls),function(tmlsdata){return _c('div',{key:tmlsdata.Id,staticClass:\"list-wrap-border w-100 flex-between flex-nowrap\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"tmls-title-wrap\"},[_c('p',{staticClass:\"mb-1 title-bold tmls-title\",on:{\"click\":function($event){return _vm.openLexAdvInfo(tmlsdata)}}},[_vm._v(_vm._s(tmlsdata.LexiconLearningTitle))])]),_c('p',{staticClass:\"mb-1 text-black\"},[_vm._v(_vm._s(tmlsdata.LexiconNativeTitle))]),(_vm.dictTMCS && (tmlsdata.VideoCaptionId in _vm.dictTMCS))?_c('p',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.onTMLCaptionClicked(tmlsdata)}}},[_vm._v(\" \"+_vm._s(_vm.dictTMCS[tmlsdata.VideoCaptionId].Text)+\" \")]):_vm._e()]),_c('div',{staticClass:\"flex-center p-3\"},[_c('i',{staticClass:\"fas fa-plus\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.addUserTML(tmlsdata)}}})])])}),0),_c('div',{staticClass:\"gradual-mask\"}),_c('div',{staticClass:\"w-100 d-flex-center mt-4\"},[_c('button',{staticClass:\"btn btn-second\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.close')))])])]):_vm._e(),(_vm.activetab == 2)?_c('div',{staticClass:\"tranglationBody tabcontent\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.$t('page_material_study.my_collected_lex')))]),_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_c('i',{staticClass:\"fas fa-times\"})]),(_vm.utmls && _vm.utmls.length > 0)?_c('div',{staticClass:\"tmls-content-wrap\"},_vm._l((_vm.utmls),function(utml,utmlIdx){return _c('div',{key:utml.TeachingMaterialLexiconId,staticClass:\"list-wrap-border w-100 flex-between flex-nowrap\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"tmls-title-wrap\"},[_c('p',{staticClass:\"mb-1 title-bold tmls-title\",on:{\"click\":function($event){return _vm.openLexAdvInfo(_vm.dictTMLS[utml.TeachingMaterialLexiconId])}}},[_vm._v(\" \"+_vm._s(_vm.dictTMLS[utml.TeachingMaterialLexiconId].LexiconLearningTitle)+\" \")])]),_c('p',{staticClass:\"mb-1 text-black\"},[_vm._v(_vm._s(_vm.dictTMLS[utml.TeachingMaterialLexiconId].LexiconNativeTitle))]),(_vm.isUTMLCaptionVisible(utml))?_c('p',[_vm._v(_vm._s(_vm.fmtUTMLCaption(utml)))]):_vm._e()]),_c('div',{staticClass:\"flex-center p-3\"},[_c('i',{staticClass:\"fas fa-trash\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.removeUserTML(utml, utmlIdx)}}})])])}),0):_c('div',[_c('p',[_vm._v(_vm._s(_vm.$t('page_material_study.no_user_collected_lex')))])]),_c('div',{staticClass:\"gradual-mask\"}),_c('div',{staticClass:\"w-100 d-flex-center mt-4\"},[_c('button',{staticClass:\"btn btn-second\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.close')))])])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activetab == 3),expression:\"activetab == 3\"}],staticClass:\"tranglationBodyNotebook\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.$t('page_material_study.study_notebook')))]),_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_c('i',{staticClass:\"fas fa-times\"})]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.tm.Comment),expression:\"tm.Comment\"}],attrs:{\"id\":\"\",\"name\":\"\",\"rows\":\"5\",\"disabled\":\"\"},domProps:{\"value\":(_vm.tm.Comment)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.tm, \"Comment\", $event.target.value)}}}),_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"20rem\"}},[_c('teaching-material-comment',{attrs:{\"user\":_vm.user,\"tmId\":_vm.tmId}})],1),_c('div',{staticClass:\"w-100 d-flex-center mt-4\"},[_c('button',{staticClass:\"btn btn-second\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.close')))])])]),(_vm.activetab == 4)?_c('div',{staticClass:\"tranglationBody\",attrs:{\"id\":\"tabs-4\",\"role\":\"tabpanel\"}},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.$t('page_material_study.derivated_learning')))]),_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){return _vm.setTab(0)}}},[_c('i',{staticClass:\"fas fa-times\"})]),_vm._l((_vm.suggestVideos),function(sv){return _c('div',{key:sv.VideoInfoId},[_c('img',{staticClass:\"w-100 extendLearn-img\",attrs:{\"src\":'https://img.youtube.com/vi/' + sv.VideoId + '/hqdefault.jpg'},on:{\"click\":function($event){return _vm.playVideo(sv)}}}),_c('p',{staticClass:\"hide-text-2\"},[_vm._v(_vm._s(_vm.fmtSuggestVideoReason(sv)))]),_c('hr')])})],2):_vm._e()]),_c('ul',{staticClass:\"nav nav-tabs toolBtn-wrap\",attrs:{\"role\":\"tablist\"}},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",class:[ _vm.activetab == 1 ? 'active' : '' ],on:{\"click\":function($event){return _vm.setTab(1)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.vocabulary')))])]),_c('div',{staticClass:\"btn-line\"}),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",class:[ _vm.activetab == 3 ? 'active' : '' ],on:{\"click\":function($event){return _vm.setTab(3)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.study_notebook')))])]),_c('div',{staticClass:\"btn-line\"}),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",class:[ _vm.activetab == 2 ? 'active' : '' ],on:{\"click\":function($event){return _vm.setTab(2)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.my_collected_lex')))])]),_c('div',{staticClass:\"btn-line\"}),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",class:[ _vm.activetab == 4 ? 'active' : '' ],on:{\"click\":function($event){return _vm.setTab(4)}}},[_vm._v(_vm._s(_vm.$t('page_material_study.derivated_learning')))])])])]):_c('div',[_c('h5',[_vm._v(_vm._s(_vm.$t('page_material_study.tm_not_found')))])]),_c('shadowing-tool',{ref:\"shadowingModal\"})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"close-btn\"},[_c('i',{staticClass:\"fas fa-times\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-1 videoCaptionsData-wrap caption-scroller-panel\"},[_c('div',{staticClass:\"flex-between w-100\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.captionMode),expression:\"captionMode\"}],staticClass:\"form-select translation-btn\",attrs:{\"aria-label\":\"Default select example\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.captionMode=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{domProps:{\"value\":1}},[_vm._v(_vm._s(_vm.$t('element_video_caption_list.caption_translated'))+\"  \")]),_c('option',{domProps:{\"value\":2}},[_vm._v(_vm._s(_vm.$t('element_video_caption_list.caption_original_translated'))+\"  \")]),_c('option',{domProps:{\"value\":3}},[_vm._v(_vm._s(_vm.$t('element_video_caption_list.caption_original'))+\"  \")])]),(_vm.tm.RepLexicon)?_c('span',[_vm._v(\" \"+_vm._s(_vm.fmtRepLexiconTitle)+\" \")]):_vm._e()]),_vm._l((_vm.videoCaptions),function(cap,capIdx){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isSentenceVisible(cap)),expression:\"isSentenceVisible(cap)\"}],key:cap.Id,staticClass:\"mb-4 videoCaptionsData-text videoText-List\",class:[(cap.Id == _vm.playingCaptionId) ?'playing-caption':''],staticStyle:{\"cursor\":\"pointer\"},attrs:{\"id\":'sentence_div_' + cap.No},on:{\"click\":function($event){return _vm.playCaptionClicked($event, cap, capIdx);}}},[(cap.IsUserCorpus)?_c('img',{staticClass:\"videoCaptionsData-heart-icon-active\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/CaptionCorpus-heart-icon-active.svg\")},on:{\"click\":function($event){return _vm.toggleUserCorpus(cap)}}}):_c('img',{staticClass:\"videoCaptionsData-heart-icon\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/CaptionCorpus-heart-icon.svg\")},on:{\"click\":function($event){return _vm.toggleUserCorpus(cap)}}}),(cap.tokenizedCaption)?_c('p',{staticClass:\"videoCaptionsData-title\",class:[_vm.playingCaptionId==cap.Id?'playing-caption':'']},[_vm._l((cap.tokenizedCaption.Tokens),function(t,idx){return _c('span',{key:idx,staticClass:\"mr-1\",class:[t.HashedId?'lookup-lex':'', t.IsPhrase?'phrase':''],domProps:{\"innerHTML\":_vm._s(t.Title)},on:{\"click\":function($event){return _vm.openLexAdvInfo(t)}}})}),_c('i',{staticClass:\"fas fa-microphone video-caption-play-icon\",on:{\"click\":function($event){return _vm.sendCaptionShadowningRequest(cap, capIdx);}}})],2):_c('p',{staticClass:\"videoCaptionsData-title\",on:{\"click\":function($event){return _vm.tokenizeCaptionClicked(cap)}}},[_vm._v(_vm._s(cap.Text)),_c('i',{staticClass:\"fas fa-microphone video-caption-play-icon\",on:{\"click\":function($event){return _vm.playCaptionClicked($event, cap, capIdx);}}})]),(_vm.isTranslationVisible(cap))?_c('p',{staticClass:\"videoCaptionsData-lgZh\"},[_vm._v(_vm._s(_vm.dictTMCS[cap.Id].TextTranslated))]):_vm._e()])})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\nlet Plugin = function (Vue) {\r\n    this.Vue = Vue;\r\n    this.tokenizingCaptions = [];\r\n    this.tokenizingHistory = {};\r\n    this.captionTokenizer = null;\r\n    this.stopTokenizeSentence = false;\r\n    this.tokenizeErrorCount = 0;\r\n};\r\n\r\nPlugin.prototype.tokenizeCaption = function (tmId, caption) {\r\n    // 下面要移到 caller\r\n    if (caption.Id in this.tokenizingHistory) {\r\n        // already tokenized it before\r\n        return false;\r\n    }\r\n\r\n    this.tokenizingCaptions.push({\r\n        TeachingMaterialId: tmId,\r\n        VideoCaption: caption,\r\n    });\r\n    this.tokenizingHistory[caption.Id] = caption;\r\n\r\n    if (this.tokenizingCaptions.length > 0 && !this.captionTokenizer) {\r\n        // create the tokenizer\r\n        this.doTokenizeCaption();\r\n    }\r\n};\r\n\r\nPlugin.prototype.doTokenizeCaption = async function () {\r\n    if (this.captionTokenizer) {\r\n        console.log('The tokenizer already exist, skip creating it.');\r\n        return;\r\n    }\r\n\r\n    let tokCap = this.tokenizingCaptions.pop();\r\n    let tmId = null, caption = null;\r\n\r\n    if (tokCap) {\r\n        tmId = tokCap.TeachingMaterialId;\r\n        caption = tokCap.VideoCaption;\r\n    }\r\n\r\n    if (!caption) {\r\n        console.log('No more caption in tokenizing queue, skip tokenizer creation.');\r\n        return;\r\n    }\r\n\r\n    if (this.stopTokenizeSentence) {\r\n        console.log('The sentence tokenizing is stopped.');\r\n        return;\r\n    }\r\n\r\n    try {\r\n        let res = await this.Vue.axios.post(\"Data/TokenizeVideoCaption\", {\r\n            tmId: tmId,\r\n            lang: caption.Lang,\r\n            cid: caption.Id,\r\n        });\r\n\r\n        let data = res.data;\r\n\r\n        if (data.success) {\r\n            this.Vue.set(caption, 'tokenizedCaption', data.data);   // cache the tokenized caption\r\n            this.doTokenizeCaption();\r\n        } else {\r\n            // failed to tokenizing caption\r\n            this.tokenizeErrorCount++;\r\n            if (this.tokenizeErrorCount == 1) {\r\n                // [TODO] alert message here \r\n                alert(data.message);\r\n            } else if (this.tokenizeErrorCount >= 3) {\r\n                this.stopTokenizeSentence = true;\r\n            }\r\n        }\r\n    } catch (error) {\r\n        if (error.response) {\r\n            // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n            // 有 data / status / headers 參數可用\r\n            console.log(error.response.status);\r\n        } else if (error.request) {\r\n            // 發送請求，但沒有接到回應\r\n            // error.request is an instance of XMLHttpRequest in the browser\r\n            // and an instance of http.ClientRequest in node.js\r\n            console.log(error.request);\r\n        } else {\r\n            // 在設定 request 時出錯會進入此\r\n            console.log(\"Error\", error.message);\r\n        }\r\n\r\n        console.log('Failed to tokenize video caption, id: ' + caption.Id);\r\n        this.captionTokenizer = null;\r\n        this.tokenizeErrorCount++;\r\n        if (this.tokenizeErrorCount == 1) {\r\n            alert('字幕無法進行分詞處理，發生非預期的結果，請聯絡系統管理員。');\r\n        } else if (this.tokenizeErrorCount >= 3) {\r\n            this.stopTokenizeSentence = true;\r\n        }\r\n    }\r\n};\r\n\r\n\r\nPlugin.prototype.generateSentenceCht = function (data) {\r\n    var sentence = '';\r\n    var tokens = data.Tokens;\r\n\r\n    for (var i = 0; i < tokens.length; i++) {\r\n        var curToken = tokens[i].Title;\r\n        if (curToken.length > 1) {\r\n            sentence = sentence + '<span class=\"cht_phrase\">' + curToken + '</span>';\r\n        } else {\r\n            sentence = sentence + curToken;\r\n        }\r\n    }\r\n\r\n    return sentence;\r\n};\r\n\r\nPlugin.prototype.generateSentence2 = function (data) {\r\n    var tokens = data.Tokens;\r\n    var userTokens = data.UserTokens;\r\n    var sentence = '';\r\n\r\n    // we preprocess to collect the multi-syllable user tokens position\r\n    var curSyllabllPos = 0;\r\n    var userMultiSylPos = {};\r\n\r\n    if (userTokens) {   // it's possible encounter empty sentence\r\n        for (let i = 0; i < userTokens.length; i++) {\r\n            let curToken = userTokens[i];\r\n            let words = curToken.split(' ');\r\n\r\n            console.log('curToken: ' + curToken);\r\n            if (words.length > 1) {\r\n                userMultiSylPos[curSyllabllPos] = 'S';\r\n                userMultiSylPos[curSyllabllPos + words.length - 1] = 'E';\r\n            }\r\n            curSyllabllPos += words.length;\r\n        }\r\n    }\r\n\r\n\r\n    curSyllabllPos = 0;\r\n    if (tokens) {   // it's possible encounter empty sentence\r\n        for (let i = 0; i < tokens.length; i++) {\r\n            let curToken = tokens[i].Title;\r\n            let words = curToken.split(' ');\r\n            let tokenClasses = [];\r\n\r\n            if (tokens[i].HashedId) {\r\n                tokenClasses.push('lookup-lex');\r\n            }\r\n\r\n            if (words.length > 1) {\r\n                tokenClasses.push('phrase');\r\n\r\n                // 2+ words phrase\r\n                if (i > 0) {\r\n                    sentence = sentence + ' ';\r\n                }\r\n\r\n                let sentenceClasses = tokenClasses.join(\" \");\r\n                sentence = sentence + '<span class=\"' + sentenceClasses + '\">';\r\n\r\n                var phrase = [];\r\n                for (var j = 0; j < words.length; j++) {\r\n                    if (userMultiSylPos[curSyllabllPos + j] == 'S') {\r\n                        phrase.push('<font color=\"Red\">[');\r\n                    }\r\n                    phrase.push(words[j]);\r\n                    if (userMultiSylPos[curSyllabllPos + j] == 'E') {\r\n                        phrase.push(']</font>');\r\n                    }\r\n                }\r\n                sentence = sentence + phrase.join(' ') + '</span>';\r\n                curSyllabllPos += words.length;\r\n            } else {\r\n                if (i > 0) {\r\n                    sentence = sentence + ' ';\r\n                }\r\n\r\n                // 如果有框使用者詞彙（開頭）\r\n                if (userMultiSylPos[curSyllabllPos] == 'S') {\r\n                    sentence = sentence + '<font color=\"Red\">[ ';\r\n                }\r\n\r\n                // 本次的詞彙\r\n                let spanClassString = tokenClasses.join(\" \");\r\n                let spanString = '<span class=\"' + spanClassString + '\">';\r\n                sentence = sentence + spanString + curToken + '</span>';\r\n\r\n                // 如果有框使用者詞彙（結尾）\r\n                if (userMultiSylPos[curSyllabllPos] == 'E') {\r\n                    sentence = sentence + ' ]</font>';\r\n                }\r\n                curSyllabllPos++;\r\n            }\r\n        }\r\n    }\r\n\r\n    return sentence;\r\n},\r\n\r\nPlugin.install = function (Vue, options) {\r\n    Vue.CaptionTokenizer = new Plugin(Vue, options);\r\n\r\n    Object.defineProperties(Vue.prototype, {\r\n        $CaptionService: {\r\n            get() {\r\n                return Vue.CaptionTokenizer;\r\n            }\r\n        }\r\n    });\r\n};\r\n\r\nexport default Plugin;","<!--\r\n\r\nevents:\r\n    - show-bookmark-remind:  如果使用者沒有權限且點擊了詞彙分詞提醒時。\r\n-->\r\n<template lang=\"html\">\r\n    <div class=\"pt-1 videoCaptionsData-wrap caption-scroller-panel\">\r\n        <div class=\"flex-between w-100\">\r\n            <select class=\"form-select translation-btn\" aria-label=\"Default select example\" v-model=\"captionMode\">\r\n                <option :value=\"1\">{{$t('element_video_caption_list.caption_translated')}}&nbsp;&nbsp;</option>\r\n                <option :value=\"2\">{{$t('element_video_caption_list.caption_original_translated')}}&nbsp;&nbsp;</option>\r\n                <option :value=\"3\">{{$t('element_video_caption_list.caption_original')}}&nbsp;&nbsp;</option>\r\n            </select>\r\n            <span v-if=\"tm.RepLexicon\">\r\n                {{fmtRepLexiconTitle}}\r\n            </span>\r\n        </div>\r\n        <!-- <div class=\"flex-between w-100\"><button id=\"hideZhBtn\" v-on:click=\"hideZhBtn\" class=\"hideZhBtn btn\">隱藏翻譯</button><i class=\"fas fa-share-alt-square\"></i></div> -->\r\n        <div :id=\"'sentence_div_' + cap.No\" v-show=\"isSentenceVisible(cap)\"\r\n             class=\"mb-4 videoCaptionsData-text videoText-List\" :class=\"[(cap.Id == playingCaptionId) ?'playing-caption':'']\"\r\n             v-for=\"(cap, capIdx) in videoCaptions\" @click=\"playCaptionClicked($event, cap, capIdx);\" style=\"cursor:pointer;\"\r\n             :key=\"cap.Id\">\r\n            <img v-if=\"cap.IsUserCorpus\" alt=\"\" class=\"videoCaptionsData-heart-icon-active\" @click=\"toggleUserCorpus(cap)\"\r\n                 src=\"@/assets/image/CaptionCorpus-heart-icon-active.svg\">\r\n            <img v-else alt=\"\" class=\"videoCaptionsData-heart-icon\" src=\"@/assets/image/CaptionCorpus-heart-icon.svg\"\r\n                 @click=\"toggleUserCorpus(cap)\">\r\n            <p v-if=\"cap.tokenizedCaption\" class=\"videoCaptionsData-title\" :class=\"[playingCaptionId==cap.Id?'playing-caption':'']\">\r\n                <span v-for=\"(t, idx) in cap.tokenizedCaption.Tokens\" :key=\"idx\" v-on:click=\"openLexAdvInfo(t)\"\r\n                      class=\"mr-1\" :class=\"[t.HashedId?'lookup-lex':'', t.IsPhrase?'phrase':'']\" v-html=\"t.Title\"></span>\r\n                <i class=\"fas fa-microphone video-caption-play-icon\" v-on:click=\"sendCaptionShadowningRequest(cap, capIdx);\"></i>\r\n            </p>\r\n            <p v-else class=\"videoCaptionsData-title\" v-on:click=\"tokenizeCaptionClicked(cap)\">{{cap.Text\r\n                }}<i class=\"fas fa-microphone video-caption-play-icon\" v-on:click=\"playCaptionClicked($event, cap, capIdx);\"></i></p>\r\n                <p class=\"videoCaptionsData-lgZh\" v-if=\"isTranslationVisible(cap)\">{{dictTMCS[cap.Id].TextTranslated}}</p>\r\n</div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import MobileDetect from 'mobile-detect';\r\n    import Vue from 'vue';\r\n    import { ghelper } from '@/lib/ghelper';\r\n    import \"@/assets/scss/TokenizedCaption.scss\";\r\n\r\n    import CaptionTokenizer from '@/components/Plugins/CaptionTokenizer.js';\r\n    Vue.use(CaptionTokenizer);\r\n\r\n    export default {\r\n        props: {\r\n            user: {\r\n                type: Object,\r\n                default: null,\r\n            },\r\n            tm: {\r\n                type: Object,\r\n                default: function () { return {} }\r\n            },\r\n            videoCaptions: {\r\n                type: Array,\r\n                default: function () { return [] }\r\n            },\r\n            dictVideoCaptions: {\r\n                type: Object,\r\n                default: function () { return {} }\r\n            },\r\n            scrollPosMobile: {\r\n                type: Number,\r\n                default: 2,\r\n            },\r\n            scrollPosDesktop: {\r\n                type: Number,\r\n                default: 3,\r\n            },\r\n            dictTMCS: {\r\n                type: Object,\r\n                default: function () { return {} }\r\n            },\r\n            dictTMLS: {\r\n                type: Object,\r\n                default: function () { return {}; }\r\n            },\r\n            videoShareInfo: {\r\n                type: Object,\r\n                default: null,\r\n            }\r\n        },\r\n        data: function () {\r\n            return {\r\n                isPhone: null,\r\n\r\n                playingCaption: null,\r\n                playingCaptionId: null,\r\n                filterTranslation: false,\r\n                needToScrollToCaption: null,\r\n                firstTranslatedCaption: null,\r\n                lastTranslatedCaption: null,\r\n\r\n                captionMode: 1,\r\n            };\r\n        },\r\n        methods: {\r\n            sendCaptionShadowningRequest: function (cap, capIdx) {\r\n                this.$emit('caption-shadowing-request', cap, capIdx);\r\n            },\r\n            isTranslationVisible: function (cap) {\r\n                if ((this.captionMode == 1 || this.captionMode == 2) && this.dictTMCS && (cap.Id in this.dictTMCS)) {\r\n                    return true;\r\n                }\r\n\r\n                return false;\r\n            },\r\n            isSentenceVisible: function (cap) {\r\n                switch (this.captionMode) {\r\n                    case 1: // 已翻譯字幕\r\n                        if (this.dictTMCS && cap.Id in this.dictTMCS) {\r\n                            return true;\r\n                        }\r\n                        break;\r\n\r\n                    case 2: // 所有原文+翻譯\r\n                        return true;\r\n\r\n                    case 3: // 所有原文\r\n                        return true;\r\n                    default:\r\n                        this.$dialog.alert('Unknown caption mode');\r\n                        break;\r\n                }\r\n\r\n                return false;\r\n            },\r\n            fmtCapText: function (cap) {\r\n                if (cap.renderredSentence) {\r\n                    return cap.renderredSentence;\r\n                }\r\n\r\n                return cap.Text;\r\n            },\r\n            openLexAdvInfo: function (cap) {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('open_lex_adv_info', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 200\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('open_lex_adv_info', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 200\r\n                    });\r\n                }\r\n\r\n                if (this.user) {\r\n                    /* 先關閉點數限制 */\r\n                    /*\r\n                    if (this.tm.IsCollected) {\r\n                        if (cap.HashedId) {\r\n                            let appUrl = ghelper.getActionUrl('AdvInfo', 'Lex');\r\n                            let urlFull = appUrl + '/' + cap.HashedId + '/' + this.tm.LangCharsetCodeTranslated;\r\n                            window.open(urlFull, '_blank');\r\n                        }\r\n                    } else {\r\n                        this.$emit('show-bookmark-remind');\r\n                    }*/\r\n\r\n                    if (cap.HashedId) {\r\n                        let appUrl = ghelper.getActionUrl('AdvInfo', 'Lex');\r\n                        let urlFull = appUrl + '/' + cap.HashedId + '/' + this.tm.LangCharsetCodeTranslated;\r\n                        window.open(urlFull, '_blank');\r\n                    }\r\n                } else {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                }\r\n            },\r\n            hideZhBtn: function () {\r\n                let btnText = document.getElementById(\"hideZhBtn\").textContent\r\n                if (btnText == '隱藏翻譯') {\r\n                    var el = document.querySelectorAll(\".videoCaptionsData-lgZh\");\r\n                    for (let i = 0; i < el.length; i++) {\r\n                        el[i].classList.add(\"hiddenBtn\");\r\n                    }\r\n                    document.getElementById(\"hideZhBtn\").textContent = '顯示翻譯'\r\n                } else if (btnText == '顯示翻譯') {\r\n                    let elshow = document.querySelectorAll(\".videoCaptionsData-lgZh\");\r\n                    for (var i = 0; i < elshow.length; i++) {\r\n                        elshow[i].classList.remove(\"hiddenBtn\");\r\n                    }\r\n                    document.getElementById(\"hideZhBtn\").textContent = '隱藏翻譯'\r\n                }\r\n            },\r\n            toggleUserCorpus: async function (vc) {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('toggle_user_corpus', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 200\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('toggle_user_corpus', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 200\r\n                    });\r\n                }\r\n\r\n                if (this.user) {\r\n                    /* 先關閉 */\r\n                    /*\r\n                    if (this.tm.IsCollected) {\r\n                        if (vc.IsUserCorpus) {\r\n                            await this.userCorpusDeleteBS(vc);\r\n                        } else {\r\n                            await this.userCorpusCreate(vc);\r\n                        }\r\n                    } else {\r\n                        this.$emit('show-bookmark-remind');\r\n                    }*/\r\n\r\n                    if (vc.IsUserCorpus) {\r\n                        await this.userCorpusDeleteBS(vc);\r\n                    } else {\r\n                        await this.userCorpusCreate(vc);\r\n                    }\r\n                } else {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                }\r\n                \r\n            },\r\n            userCorpusCreate: async function (vc) {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/UserCorpusCreate\", {\r\n                        cid: vc.Id,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.$set(vc, 'IsUserCorpus', true);\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法建立使用者最愛語料。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            userCorpusDeleteBS: async function (vc) {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/UserCorpusDeleteBS\", {\r\n                        cid: vc.Id,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.$set(vc, 'IsUserCorpus', false);\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法刪除使用者最愛語料。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            queueCaptionTokenization: function (caption) {\r\n                var startIndex = caption.No - 1;\r\n                var preTokenizeSize = 10;\r\n                var queueCount = 0;\r\n\r\n                // maintain the tokenzing queue\r\n                for (var i = 0; i < preTokenizeSize && queueCount < preTokenizeSize; i++) {\r\n                    if (startIndex + i >= this.videoCaptions.length) {\r\n                        break;\r\n                    }\r\n\r\n                    var curCaption = this.videoCaptions[startIndex + i];\r\n\r\n                    if (this.$CaptionService.tokenizeCaption(this.tm.Id, curCaption)) {\r\n                        queueCount++;\r\n                    }\r\n                }\r\n            },\r\n            tokenizeCaptionClicked: function (cap) {\r\n                this.queueCaptionTokenization(cap);\r\n            },\r\n            playCaptionClicked: function (event, cap, capIdx) {\r\n                this.playingCaption = cap;\r\n                this.playingCaptionId = cap.Id;\r\n                this.$emit('caption-clicked', event, cap, capIdx);\r\n            },\r\n            // we will do 2 jobs here , 1. scrollTo the playing caption 2. update the playing caption indicator(if skipScoll is false)\r\n            gotoCaption: function (cap, skipScroll) {\r\n                // tokenizing following captions\r\n                this.queueCaptionTokenization(cap);\r\n\r\n                if (!skipScroll) {\r\n                    this.scrollToCaption(cap);\r\n                }\r\n\r\n                // 2. update the playing caption indicator\r\n                this.playingCaptionId = cap.Id;\r\n            },\r\n            scrollToCaption: function (cap) {\r\n                // 1. scrollTo the playing caption while the player is playing\r\n                /*\r\n                var captionNoTo = this.isPhone ? cap.No - (this.scrollPosMobile - 1)\r\n                    : cap.No - (this.scrollPosDesktop - 1);\r\n\r\n                if (captionNoTo <= 0) {\r\n                    captionNoTo = 1;\r\n                }\r\n                */\r\n                if (this.captionMode == 1) {\r\n                    // in the mode of showing the translated caption only\r\n                    if (this.dictTMCS && !(cap.Id in this.dictTMCS)) {\r\n                        return; // skip the scolling\r\n                    }\r\n                }\r\n\r\n                var capIndex = this.dictVideoCaptions[cap.Id].idx;\r\n                var capIdxTo = this.isPhone ? capIndex - (this.scrollPosMobile - 1)\r\n                    : capIndex - (this.scrollPosDesktop - 1);\r\n                if (capIdxTo < 0) {\r\n                    capIdxTo = 0;\r\n                }\r\n\r\n                var capTo = this.videoCaptions[capIdxTo];\r\n                if (this.filterTranslation) {\r\n                    var lastTranslatedIndex = this.dictVideoCaptions[this.lastTranslatedCaption.Id].idx;\r\n                    while (capTo && !capTo.isTranslated) {\r\n                        // it's possible isTranslated is not set if the original caption is empty,\r\n                        // find the next translated caption to scroll to\r\n                        var nextIndex = this.dictVideoCaptions[capTo.Id].idx + 1;\r\n                        if (nextIndex <= lastTranslatedIndex) {\r\n                            capTo = this.videoCaptions[nextIndex];\r\n                        } else {\r\n                            capTo = null;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                if (capTo) {\r\n                    var captionNoTo = capTo.No;\r\n\r\n                    /* ideas from: https://stackoverflow.com/questions/2905867/how-to-scroll-to-specific-item-using-jquery */\r\n                    var $container = $(\".caption-scroller-panel\");\r\n                    var $scrollTo = $('#sentence_div_' + captionNoTo);\r\n\r\n                    if ($scrollTo.offset() && $container.offset) {\r\n                        $container.scrollTop(\r\n                            $scrollTo.offset().top - $container.offset().top + $container.scrollTop()\r\n                        );\r\n                    }\r\n                }\r\n\r\n            },\r\n            // 改變select的寬度\r\n            selectChangeWidth: function () {\r\n                const select = document.querySelector('select')\r\n\r\n                select.addEventListener('change', (event) => {\r\n                    let tempSelect = document.createElement('select'),\r\n                        tempOption = document.createElement('option');\r\n\r\n                    tempOption.textContent = event.target.options[event.target.selectedIndex].text;\r\n                    tempSelect.style.cssText += `\r\n                    visibility: hidden;\r\n                    position: fixed;\r\n                    `;\r\n                    tempSelect.appendChild(tempOption);\r\n                    event.target.after(tempSelect);\r\n\r\n                    const tempSelectWidth = tempSelect.getBoundingClientRect().width;\r\n                    event.target.style.width = `${tempSelectWidth}px`;\r\n                    tempSelect.remove();\r\n                });\r\n\r\n                select.dispatchEvent(new Event('change'));\r\n            }\r\n        },\r\n        mounted: function () {\r\n            var md = new MobileDetect(window.navigator.userAgent);\r\n            this.isPhone = md.phone();\r\n\r\n            if (this.videoCaptions) {\r\n                this.queueCaptionTokenization(this.videoCaptions[0]);\r\n            }\r\n            this.selectChangeWidth()\r\n        },\r\n        watch: {\r\n            videoCaptions: function (newVal) {\r\n                if (newVal && newVal.length > 0) {\r\n                    this.queueCaptionTokenization(newVal[0]);\r\n                }\r\n            }\r\n        },\r\n        computed: {\r\n            fmtRepLexiconTitle: function () {\r\n                if (this.tm && this.tm.RepLexicon) {\r\n                    return this.$t('element_video_caption_list.rep_lexicon') + '： ' + this.tm.RepLexicon.Title;\r\n                }\r\n\r\n                return null;\r\n            }\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"css\">\r\n    .phrase {\r\n        border-bottom: 2px solid red;\r\n    }\r\n\r\n    .videoCaptionsData-wrap {\r\n        overflow-y: scroll;\r\n        height: 460px;\r\n        padding: 0px 30px;\r\n    }\r\n\r\n    .videoCaptionsData-text {\r\n        position: relative;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n        .videoCaptionsData-text:nth-child(1) p {\r\n            margin-top: 0px;\r\n        }\r\n\r\n    .playing-caption {\r\n        background-color: rgb(243, 243, 243);\r\n        border-radius: 5px;\r\n        zoom: 1.1;\r\n    }\r\n\r\n    .videoCaptionsData-heart-icon {\r\n        width: 18px;\r\n        position: absolute;\r\n        top: 5px;\r\n        left: -25px;\r\n        opacity: 0;\r\n    }\r\n\r\n    .videoCaptionsData-heart-icon-active {\r\n        width: 18px;\r\n        position: absolute;\r\n        top: 5px;\r\n        left: -25px;\r\n    }\r\n\r\n    .video-caption-play-icon {\r\n        /*\r\n        content: url('~@/assets/image/videoCaptions-voice.svg');\r\n        */\r\n        /*\r\n        width: 50px;\r\n        height: 50px;\r\n        */\r\n        margin-left: 6px;\r\n        opacity: 0;\r\n    }\r\n\r\n    .videoCaptionsData-text:hover .videoCaptionsData-heart-icon, .videoCaptionsData-text:hover .video-caption-play-icon {\r\n        opacity: 1;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .playing-caption .video-caption-play-icon {\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .videoCaptionsData-tag {\r\n        color: #4598EB;\r\n        cursor: pointer;\r\n    }\r\n\r\n        .videoCaptionsData-tag span:hover {\r\n            opacity: .6;\r\n        }\r\n\r\n        .videoCaptionsData-tag span {\r\n            margin-right: 8px;\r\n        }\r\n\r\n    .hiddenBtn {\r\n        display: none;\r\n    }\r\n\r\n    .hideZhBtn {\r\n        border: 2px solid #456CEB;\r\n        color: #456CEB;\r\n        border-radius: 50px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .translation-btn {\r\n        border: 2px solid #456CEB;\r\n        color: #456CEB;\r\n        border-radius: 50px;\r\n        padding: 5px 0px 5px 10px;\r\n        cursor: pointer;\r\n        margin-left: 0px;\r\n        margin-bottom: 0px;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n        .translation-btn:hover {\r\n            color: #fff;\r\n            background-color: #456CEB;\r\n        }\r\n\r\n        .translation-btn:focus {\r\n            box-shadow: 6px;\r\n        }\r\n\r\n    .videoCaptionsData-title {\r\n        margin-bottom: 1px !important;\r\n        margin-top: 17px !important;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n\r\n    :focus-visible {\r\n        outline: -webkit-focus-ring-color auto 0px !important;\r\n    }\r\n\r\n\r\n    .hideZhBtn:hover {\r\n        color: #fff;\r\n        background-color: #456CEB;\r\n    }\r\n\r\n    @media screen and (max-width:700px) {\r\n        .videoCaptionsData-wrap {\r\n            overflow-y: none;\r\n            height: auto;\r\n            padding: 0px 0px;\r\n            margin-top: 30px;\r\n        }\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoCaptionList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoCaptionList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoCaptionList.vue?vue&type=template&id=4ee38e0e&lang=html&\"\nimport script from \"./VideoCaptionList.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoCaptionList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoCaptionList.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[ _vm.expandVideoData  ? '' : 'open-video-height'],staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"height\":\"200px\"},attrs:{\"id\":\"player\"}}),_c('div',{staticClass:\"d-flex video-tool-wrap mt-2\"},[_c('i',{class:[{ 'fa-turn-on': _vm.isRepeating}, 'fas', 'fa-redo-alt', 'ml-2', 'mr-3', 'my-auto'],staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"單句重複撥放模式的切換\"},on:{\"click\":function($event){return _vm.repeatSentence()}}}),_c('i',{staticClass:\"fas fa-backward mr-3 my-auto\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"跳撥到前一個例句\"},on:{\"click\":function($event){return _vm.prevCaption()}}}),_c('i',{staticClass:\"fas fa-play mr-3 my-auto\",style:({ display: _vm.playerState==1?'none':'block', cursor: 'pointer'}),attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"撥放影片\"},on:{\"click\":function($event){return _vm.playVideo()}}}),_c('i',{staticClass:\"fas fa-pause mr-3 my-auto\",style:({ display: _vm.playerState==1? 'block':'none', cursor: 'pointer'}),attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"暫停影片\"},on:{\"click\":function($event){return _vm.pauseVideo()}}}),_c('i',{staticClass:\"fas fa-forward mr-3 my-auto\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"跳撥到下一個例句\"},on:{\"click\":function($event){return _vm.nextCaption()}}}),_c('i',{staticClass:\"fas fa-expand ml-auto\",on:{\"click\":_vm.expandVideo}}),_c('i',{class:[{'fa-turn-on':_vm.playbackRate!=1.0}, 'fas', 'fa-baby-carriage', 'my-auto', 'ml-4', 'mr-3'],staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"切換娃娃車模式，放慢撥放速度\"},on:{\"click\":_vm.togglePlaySpeed}}),_c('i'),(_vm.videoCaptions && !_vm.disableSubtitles)?_c('i',{class:['my-auto', 'mr-3', {'fa-turn-on':_vm.showCaption}],staticStyle:{\"cursor\":\"pointer\",\"font-style\":\"normal\"},attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"顯示字幕\"},on:{\"click\":function($event){return _vm.switchCaption()}}},[_vm._v(\"Việt\")]):_vm._e(),_c('i',{staticClass:\"fas fa-tags my-auto mr-2 fa-disabled\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"影片的標籤管理\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <div style=\"width:100%;\" :class=\"[ expandVideoData  ? '' : 'open-video-height']\">\r\n        <div id=\"player\" style=\"height: 200px\"></div>\r\n        <div class=\"d-flex video-tool-wrap mt-2\">\r\n            <i v-bind:class=\"[{ 'fa-turn-on': isRepeating}, 'fas', 'fa-redo-alt', 'ml-2', 'mr-3', 'my-auto']\"\r\n               style=\"cursor:pointer;\" v-on:click=\"repeatSentence()\"\r\n               data-toggle=\"tooltip\" data-placement=\"top\" title=\"單句重複撥放模式的切換\"></i>\r\n            <i class=\"fas fa-backward mr-3 my-auto\" style=\"cursor:pointer;\" v-on:click=\"prevCaption()\"\r\n               data-toggle=\"tooltip\" data-placement=\"top\" title=\"跳撥到前一個例句\"></i>\r\n            <i class=\"fas fa-play mr-3 my-auto\" v-bind:style=\"{ display: playerState==1?'none':'block', cursor: 'pointer'}\"\r\n               v-on:click=\"playVideo()\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"撥放影片\"></i>\r\n            <i class=\"fas fa-pause mr-3 my-auto\" v-bind:style=\"{ display: playerState==1? 'block':'none', cursor: 'pointer'}\"\r\n               v-on:click=\"pauseVideo()\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"暫停影片\"></i>\r\n            <i class=\"fas fa-forward mr-3 my-auto\" style=\"cursor:pointer;\" v-on:click=\"nextCaption()\"\r\n               data-toggle=\"tooltip\" data-placement=\"top\" title=\"跳撥到下一個例句\"></i>\r\n            <i class=\"fas fa-expand ml-auto\" @click=\"expandVideo\"></i>\r\n            <i :class=\"[{'fa-turn-on':playbackRate!=1.0}, 'fas', 'fa-baby-carriage', 'my-auto', 'ml-4', 'mr-3']\"\r\n               data-toggle=\"tooltip\" data-placement=\"top\" title=\"切換娃娃車模式，放慢撥放速度\" style=\"cursor:pointer;\"\r\n               v-on:click=\"togglePlaySpeed\"></i>\r\n            <i></i>\r\n            <i :class=\"['my-auto', 'mr-3', {'fa-turn-on':showCaption}]\"\r\n               style=\"cursor:pointer;font-style:normal;\" v-on:click=\"switchCaption()\"\r\n               data-toggle=\"tooltip\" data-placement=\"top\" title=\"顯示字幕\"\r\n               v-if=\"videoCaptions && !disableSubtitles\">Việt</i>\r\n            <i class=\"fas fa-tags my-auto mr-2 fa-disabled\" style=\"cursor:pointer;\"\r\n               data-toggle=\"tooltip\" data-placement=\"top\" title=\"影片的標籤管理\"></i>\r\n        </div>\r\n        <!--\r\n    <div class=\"youtube-image-link\">\r\n        <a href=\"#\">\r\n            <img class=\"w-100 videoInfo-img\"\r\n                 :src=\"'https://img.youtube.com/vi/'+videoInfo.VideoId+'/hqdefault.jpg'\" alt=\"\">\r\n        </a>\r\n    </div>\r\n    -->\r\n    </div>\r\n</template>\r\n    \r\n<script>\r\n    import MobileDetect from 'mobile-detect';\r\n\r\n    // 2. This code loads the IFrame Player API code asynchronously.\r\n    var tag = document.createElement('script');\r\n\r\n    tag.src = \"https://www.youtube.com/iframe_api\";\r\n    var firstScriptTag = document.getElementsByTagName('script')[0];\r\n    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n    var isYoutubeReady = false;\r\n    // 3. This function creates an <iframe> (and YouTube player)\r\n    //    after the API code downloads.\r\n    // assigned to window to prevent be dropped by webpack\r\n    window.onYouTubeIframeAPIReady = function onYouTubeIframeAPIReady() {\r\n        isYoutubeReady = true;\r\n    };\r\n    \r\n    export default {\r\n        props: {\r\n            videoInfo: {\r\n                type: Object,\r\n                default: function () { return {}; }\r\n            },\r\n            videoCaptions: {\r\n                type: Array,\r\n                default: function () { return []; }\r\n            },\r\n            dictCaptions: {\r\n                type: Object,\r\n                default: function () { return {}; }\r\n            },\r\n            autoplay: {\r\n                type: Boolean,\r\n                default: true,\r\n            },\r\n            disableSubtitles: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            videoLoadStart: {\r\n                type: Number,\r\n                default: 0\r\n            }\r\n        },\r\n        data: function() {\r\n            return {\r\n                // variables of player state\r\n                playerCreator: null,\r\n                player: null,\r\n                playerState: -1,\r\n                playbackRate: 1.0,\r\n\r\n                showCaption: false,\r\n\r\n                // varaibles of command panel\r\n                defaultPlayingBuffer: 0.5,\r\n                isSinglePlaying: false,\r\n                isRepeating: false,\r\n                singlePlayStopper: null,\r\n                playingCaptionChecker: null,\r\n                playingCaptionCheckCount: 0,\r\n                playingCaption: null,\r\n                playingCaptionIndex: null,\r\n                nextplayingCaptionIndex: null,\r\n                nextPlayingCaption: null,\r\n                prevPlayingCaption: null,\r\n                prevPlayingCaptionIndex: null,\r\n                expandVideoData:true,\r\n            };\r\n        },\r\n        methods: {\r\n            expandVideo: function () {\r\n                this.expandVideoData =! this.expandVideoData\r\n                this.$emit('pushexpandVideoData', this.expandVideoData)\r\n            },\r\n            // player command \r\n            switchCaption: function () {\r\n                if (!this.videoCaptions) {\r\n                    return;\r\n                }\r\n\r\n                this.showCaption = !this.showCaption;\r\n            },\r\n            togglePlaySpeed: function () {\r\n                this.playbackRate = this.playbackRate == 1.0 ? 0.5 : 1.0;\r\n                this.player.setPlaybackRate(this.playbackRate);\r\n            },\r\n            createSinglePlayStopper: function (curTime) {\r\n                // calc the time to fire stopper\r\n                var playingEndTime = this.playingCaption.Start + this.playingCaption.Duration + this.defaultPlayingBuffer;\r\n                var timeLeft2StopPlaying = (playingEndTime - curTime) * 1000;\r\n\r\n                console.log('Creating the single play stopper, firing after ' + timeLeft2StopPlaying + ' ms');\r\n                this.singlePlayStopper = setTimeout(this.pauseVideo, timeLeft2StopPlaying / this.playbackRate);\r\n            },\r\n            prevCaption: function () {\r\n                if (this.player && (this.nextPlayingCaption || this.playingCaption)) {\r\n                    var gotoIndex;\r\n                    if (this.playingCaption) {\r\n                        gotoIndex = this.playingCaptionIndex - 1;\r\n                        if (gotoIndex < 0) {\r\n                            gotoIndex = 0;\r\n                        }\r\n                    } else {\r\n                        gotoIndex = this.nextPlayingCaptionIndex - 2;\r\n                        if (gotoIndex < 0) {\r\n                            gotoIndex = 0;\r\n                        }\r\n                    }\r\n\r\n                    var gotoCap = this.videoCaptions[gotoIndex];\r\n                    this.playCaption(gotoCap);\r\n                }\r\n            },\r\n            repeatSentence: function () {\r\n                let curTime = null;\r\n                if (this.isRepeating) {\r\n                    this.$emit('video-repeat-end', repeatTime);\r\n                    if (this.playerState == 1) {\r\n                        // still playing, we help to emit play start event here.(continus playing)\r\n                        curTime = this.player.getCurrentTime();\r\n                        // we help to emit video play end event\r\n                        this.$emit('video-play-start', curTime);\r\n                    }\r\n                    this.isRepeating = !this.isRepeating;\r\n                } else {\r\n                    if (this.playerState == 1) {\r\n                        curTime = this.player.getCurrentTime();\r\n                        var repeatTime = this.playingCaption ? this.playingCaption.Start\r\n                            : this.nextPlayingCaption ? this.nextPlayingCaption.Start\r\n                                : 0;    // cannot find playing & next playing caption\r\n\r\n                        // still in playing state, we help to emit video play end event\r\n                        this.$emit('video-play-end', curTime);\r\n                        this.$emit('video-repeat-start', repeatTime);\r\n\r\n                        this.isRepeating = !this.isRepeating;\r\n\r\n                        // 馬上從頭開始 repeat\r\n                        if (this.playingCaption) {\r\n                            this.playCaption(this.playingCaption);\r\n                        } else if (this.prevPlayingCaption) {\r\n                            this.playCaption(this.prevPlayingCaption);\r\n                        } else if (this.nextPlayingCaption) {\r\n                            this.playCaption(this.nextPlayingCaption);\r\n                        }\r\n                    } else {\r\n                        this.$emit('video-repeat-start', null);\r\n                        this.isRepeating = !this.isRepeating;\r\n                    }\r\n\r\n\r\n                }\r\n            },\r\n            /* this is private method, outside player please use playCaption instead */\r\n            seekToSentence: function (cap) {\r\n                if (this.player) {\r\n                    var capIdx = this.dictCaptions[cap.Id].idx;\r\n\r\n                    this.prevPlayingCaption = this.playingCaption;\r\n                    this.prevPlayingCaptionIndex = this.playingCaptionIndex;\r\n                    this.playingCaption = cap;\r\n                    this.playingCaptionIndex = capIdx;\r\n                    if (capIdx + 1 < this.videoCaptions.length) {\r\n                        this.nextPlayingCaption = this.videoCaptions[capIdx + 1];\r\n                        this.nextPlayingCaptionIndex = capIdx + 1;\r\n                    } else {\r\n                        this.nextPlayingCaption = null;\r\n                        this.nextPlayingCaptionIndex = null;\r\n                    }\r\n\r\n                    if (this.player && this.player.seekTo) {\r\n                        console.log('Seek to position: ' + Math.ceil(this.playingCaption.Start));\r\n                        this.player.seekTo(Math.ceil(this.playingCaption.Start), true);\r\n                    }\r\n                }\r\n            },\r\n            playCaption: function (cap) {\r\n                console.log('playCaption is called. cap.No: ' + cap.No);\r\n                if (this.playerState == 1) {\r\n                    this.clearPlayingCaptionChecker();\r\n\r\n                    // playing, we help to send the play end event\r\n                    var curTime = this.player.getCurrentTime();\r\n\r\n                    if (!this.isRepeating && !this.isSinglePlaying) {\r\n                        this.$emit('video-play-end', curTime);\r\n                    }\r\n                }\r\n\r\n                this.seekToSentence(cap);\r\n\r\n                if (this.playingCaption != this.prevPlayingCaption) {\r\n                    if (this.playingCaption) {\r\n                        this.capOriginal = this.playingCaption.Text;\r\n                    }\r\n\r\n                    if (this.translations && this.playingCaption.Id in this.translations) {\r\n                        this.capTranslation = this.translations[this.playingCaption.Id];\r\n                    } else {\r\n                        this.capTranslation = null;\r\n                    }\r\n\r\n                    this.$emit('video-playing-caption-changed', this.prevPlayingCaption, this.playingCaption);\r\n                }\r\n            },\r\n            /* 只播放單句 */\r\n            playCaptionSingle: function (cap) {\r\n                if (!this.player) {\r\n                    console.log('Player is not ready, skip single caption playing.');\r\n                    return;\r\n                }\r\n\r\n                this.player.pauseVideo();\r\n                this.isSinglePlaying = true;\r\n\r\n                this.seekToSentence(cap);\r\n                this.player.playVideo();\r\n            },\r\n            playVideo: function () {\r\n                if (this.player && this.playerState != 1) {\r\n                    this.player.playVideo();\r\n                }\r\n            },\r\n            pauseVideo: function () {\r\n                if (this.player && this.playerState == 1) {\r\n                    this.player.pauseVideo();\r\n                }\r\n            },\r\n            nextCaption: function () {\r\n                if (this.player && this.nextPlayingCaption) {\r\n                    this.playCaption(this.nextPlayingCaption);\r\n                }\r\n            },\r\n            checkPlayingCaption: function () {\r\n                // cancel the flasher timer\r\n                if (this.playingCaptionChecker) {\r\n                    clearTimeout(this.playingCaptionChecker);\r\n                    this.playingCaptionChecker = null;\r\n                }\r\n\r\n                /* logic to maintain playing variables and emit video-playing-caption-changed event:\r\n                 * playingCaption,\r\n                 * playingCaptionNo,\r\n                 * nextPlayingCaption,\r\n                 */\r\n                var playingBuffer = this.isRepeating ? this.defaultPlayingBuffer : 0;\r\n                var curTime = this.player.getCurrentTime();\r\n                if (this.playingCaption) {\r\n                    // 之前已經播放中了\r\n                    if (this.isRepeating) {\r\n                        var startTime = this.playingCaption.Start - playingBuffer;\r\n                        if (startTime < 0) {\r\n                            startTime = 0;\r\n                        }\r\n\r\n                        curTime = startTime;\r\n\r\n                        this.prevPlayingCaption = this.playingCaption;\r\n                        this.prevPlayingCaptionIndex = this.playingCaptionIndex;\r\n                        this.player.seekTo(startTime, true);\r\n                    } else {\r\n                        // reach the playing end of prev. playing caption\r\n                        console.log('reach the playing end, set playingCaption to null');\r\n                        this.prevPlayingCaption = this.playingCaption;\r\n                        this.prevPlayingCaptionIndex = this.playingCaptionIndex;\r\n                        this.playingCaption = null;\r\n                        this.playingCaptionIndex = null;\r\n\r\n                        if (this.nextPlayingCaption == null) {\r\n                            // no more cap to play\r\n                            this.capOriginal = null;\r\n                            this.capTranslation = null;\r\n                        }\r\n                    }\r\n\r\n                } else {\r\n                    // 之前的狀態是等待下個字幕的播放時間到來\r\n                    if (this.nextPlayingCaption) {\r\n                        // if we have no playing but have next playing, the next playing caption here will be the playing caption\r\n                        console.log('reach the end of next playing, we set playingCaption to nextPlayingCaption');\r\n                        console.log('Set playingCaption to nextPlayingCaption, no: ' + this.nextPlayingCaption.No);\r\n                        this.prevPlayingCaption = this.playingCaption;\r\n                        this.prevPlayingCaptionIndex = this.playingCaptionIndex;\r\n                        this.playingCaption = this.nextPlayingCaption;\r\n                        this.playingCaptionIndex = this.nextPlayingCaptionIndex;\r\n                        var playingCaptionNo = this.playingCaption.No;\r\n                        if (this.nextPlayingCaptionIndex + 1 < this.videoCaptions.length) {\r\n                            this.nextPlayingCaptionIndex = this.nextPlayingCaptionIndex + 1;\r\n                            this.nextPlayingCaption = this.videoCaptions[this.nextPlayingCaptionIndex];\r\n                            console.log('Move nextPlayingCaption to caption no: ' + this.nextPlayingCaption.No);\r\n                        } else {\r\n                            this.nextPlayingCaption = null;\r\n                            this.nextPlayingCaptionIndex = null;\r\n                        }\r\n\r\n                        if (this.playingCaption) {\r\n                            this.capOriginal = this.playingCaption.Text;\r\n                        }\r\n\r\n                        if (this.translations && this.playingCaption.Id in this.translations) {\r\n                            this.capTranslation = this.translations[this.playingCaption.Id];\r\n                        } else {\r\n                            this.capTranslation = null;\r\n                        }\r\n                        this.$emit('video-playing-caption-changed', this.prevPlayingCaption, this.playingCaption);\r\n                    } else {\r\n                        // no playing caption and no next playing record, completely new start, find the playing senetence first\r\n                        console.log('The completely new playing, finding the playing/nextPlayingCaption');\r\n                        if (this.videoCaptions) {\r\n                            for (var i = 0; i < this.videoCaptions.length; i++) {\r\n                                var curCaption = this.videoCaptions[i];\r\n                                if (curCaption.Start <= curTime && curTime < (curCaption.Start + curCaption.Duration)) {\r\n                                    this.playingCaption = curCaption;\r\n                                    this.playingCaptionIndex = i;\r\n                                    playingCaptionNo = curCaption.No;\r\n                                    console.log('Found the playig caption, no: ' + playingCaptionNo + ', indexAt: ' + i);\r\n                                    if ((i + 1) < this.videoCaptions.length) {\r\n                                        this.nextPlayingCaption = this.videoCaptions[i + 1];\r\n                                        this.nextPlayingCaptionIndex = i + 1;\r\n                                        console.log('Found the next playig caption, no: ' + this.nextPlayingCaption.No);\r\n                                    } else {\r\n                                        this.nextPlayingCaption = null;\r\n                                        this.nextPlayingCaptionIndex = null;\r\n\r\n                                    }\r\n\r\n                                    if (this.playingCaption) {\r\n                                        this.capOriginal = this.playingCaption.Text;\r\n                                    }\r\n\r\n                                    if (this.translations && this.playingCaption.Id in this.translations) {\r\n                                        this.capTranslation = this.translations[this.playingCaption.Id];\r\n                                    } else {\r\n                                        this.capTranslation = null;\r\n                                    }\r\n                                    this.$emit('video-playing-caption-changed', this.prevPlayingCaption, this.playingCaption);\r\n                                    break;\r\n                                } else if (curCaption.Start > curTime) {\r\n                                    // cannot find playing but found next playing\r\n                                    this.nextPlayingCaption = curCaption;\r\n                                    this.nextPlayingCaptionIndex = i;\r\n                                    console.log('Cannot find playingCaption but found the next playig caption, no: ' + this.nextPlayingCaption.No);\r\n                                    break;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                // logic to create the timer for next checker\r\n                if (this.playingCaption) {\r\n                    // 時間落在某個字幕內了。\r\n                    // create the updater to clear the playing icon.\r\n                    var playingEndTime = this.playingCaption.Start + this.playingCaption.Duration + playingBuffer;\r\n                    var timeLeft2PlayingEnd = (playingEndTime - curTime) * 1000;\r\n                    this.playingCaptionCheckCount++;\r\n\r\n                    if (this.isRepeating) {\r\n                        console.log('Creating playingCaptionChecker(Repeating) #' + this.playingCaptionCheckCount + ', current time: ' + curTime + ', playing end time: ' + playingEndTime + ', timeout to fire: ' + timeLeft2PlayingEnd + ' ms');\r\n                    } else {\r\n                        console.log('Creating playingCaptionChecker(Playing, wait to reset) #' + this.playingCaptionCheckCount + ', current time: ' + curTime + ', playing end time: ' + playingEndTime + ', timeout to fire: ' + timeLeft2PlayingEnd + ' ms');\r\n                    }\r\n\r\n                    this.playingCaptionChecker = setTimeout(this.checkPlayingCaption, timeLeft2PlayingEnd / this.playbackRate);\r\n                } else if (this.nextPlayingCaption) {\r\n                    // 還沒有播放到有字幕的地方，我們計算到下個字幕的時間，並建立計時器\r\n                    // create updater to set the playing icon of next playing\r\n                    var nextStartTime = this.nextPlayingCaption.Start;\r\n                    var timeLeft2fire = (nextStartTime - curTime) * 1000;\r\n                    this.playingCaptionCheckCount++;\r\n\r\n                    console.log('Creating playingCaptionChecker(Waiting next playing) #' + this.playingCaptionCheckCount + ', current time: ' + curTime + ', next start time: ' + nextStartTime + ', timeout to fire: ' + timeLeft2fire + ' ms');\r\n                    this.playingCaptionChecker = setTimeout(this.checkPlayingCaption, timeLeft2fire / this.playbackRate);\r\n                }\r\n            },\r\n            clearPlayingCaptionChecker() {\r\n                if (this.playingCaptionChecker) {\r\n                    clearTimeout(this.playingCaptionChecker);\r\n                    this.playingCaptionChecker = null;\r\n                }\r\n            },\r\n            clearAllTimer: function () {\r\n                this.clearPlayingCaptionChecker();\r\n\r\n                if (this.singlePlayStopper) {\r\n                    clearTimeout(this.singlePlayStopper);\r\n                    this.singlePlayStopper = null;\r\n                }\r\n            },\r\n            // player creation related\r\n            recreatePlayer: function () {\r\n                this.playerCreator = null;\r\n\r\n                console.log('Creating YT player');\r\n                if (this.player) {\r\n                    console.log('Player alreay created, skip the player creation.');\r\n                    return;\r\n                }\r\n\r\n                if (!isYoutubeReady) {\r\n                    console.log('Youtube api is not ready, create the timer to delay the creation job.');\r\n                    this.playerCreator = setTimeout(this.recreatePlayer, 500);\r\n                    return;\r\n                }\r\n\r\n                console.log('The video start position while creating player: ' + this.videoLoadStart);\r\n\r\n                /* global YT */\r\n                this.player = new YT.Player('player', {\r\n                    videoId: this.videoInfo.VideoId,\r\n                    events: {\r\n                        'onReady': this.onPlayerReady,\r\n                        'onStateChange': this.onPlayerStateChange,\r\n                        'onPlaybackRateChange': this.onPlaybackRateChange\r\n                    },\r\n                    playerVars: {\r\n                        playsinline: 1,\r\n                        start: this.videoLoadStart,\r\n                        cc_load_policy: 3,\r\n                    },\r\n                });\r\n            },\r\n            // 4. The API will call this function when the video player is ready.\r\n            onPlayerReady: function (event) {\r\n                if (this.autoplay) {\r\n                    var md = new MobileDetect(window.navigator.userAgent);\r\n                    if (md.os() == 'iOS') {\r\n                        if (!md.mobile()) {\r\n                            event.target.playVideo();\r\n                        }\r\n                    } else {\r\n                        event.target.playVideo();\r\n                    }\r\n                }\r\n            },\r\n            // 5. The API calls this function when the player's state changes.\r\n            //    The function indicates that when playing a video (state=1),\r\n            //    the player should play for six seconds and then stop.\r\n            onPlayerStateChange: function (event) {\r\n                var curTime = this.player.getCurrentTime();\r\n\r\n                this.playerState = event.data;\r\n                switch (this.playerState) {\r\n                    case YT.PlayerState.CUED:\r\n                        console.log('onPlayerStateChange is called, event = CUED, time: ' + curTime);\r\n                        break;\r\n\r\n                    case YT.PlayerState.PLAYING:\r\n                        console.log('onPlayerStateChange is called, event = PLAYING, time: ' + curTime);\r\n\r\n                        // emit events\r\n                        if (this.isSinglePlaying) {\r\n                            this.$emit('video-singleplay-start', curTime);\r\n                            this.$eventBus.$emit('video-singleplay-start', curTime);\r\n                        } else if (!this.isRepeating) {\r\n                            this.$emit('video-play-start', curTime);\r\n                        }\r\n\r\n                        if (this.isSinglePlaying) {\r\n                            // create single play stopper here\r\n                            this.createSinglePlayStopper(curTime);\r\n                        } else if (!this.playingCaptionChecker) {\r\n                            console.log('executing checkPlayingCaption in player state change(playing).');\r\n\r\n                            this.playingCaption = null;\r\n                            this.playingCaptionIndex = null;\r\n                            this.nextPlayingCaptionIndex = null;\r\n                            this.nextPlayingCaption = null;\r\n                            this.prevPlayingCaption = null;\r\n                            this.prevPlayingCaptionIndex = null;\r\n                            this.capTranslation = null;\r\n                            this.capOriginal = null;\r\n\r\n                            this.checkPlayingCaption();\r\n                        } else {\r\n                            console.log('skip executing checkPlayingCaption in player sate change(playing).')\r\n                        }\r\n                        break;\r\n\r\n                    case YT.PlayerState.PAUSED:\r\n                        console.log('onPlayerStateChange is called, event = PAUSED, time: ' + curTime);\r\n\r\n                        this.clearAllTimer();\r\n\r\n                        // emit events\r\n                        if (this.isSinglePlaying) {\r\n                            this.$emit('video-singleplay-end', curTime);\r\n                            this.$eventBus.$emit('video-singleplay-end', curTime);\r\n                            this.isSinglePlaying = false;\r\n                        } else if (this.isRepeating) {\r\n                            this.$emit('video-repeat-end', curTime);\r\n                        } else {\r\n                            this.$emit('video-play-end', curTime);\r\n                        }\r\n                        break;\r\n\r\n                    case YT.PlayerState.BUFFERING:\r\n                        console.log('onPlayerStateChange is called, event = BUFFERING, time: ' + curTime);\r\n                        // buffering 代表是跳撥，不在這裡紀錄 user watch time, 跳撥之前就要存了\r\n                        break;\r\n\r\n                    case YT.PlayerState.ENDED:\r\n                        console.log('onPlayerStateChange is called, event = ENDED, time: ' + curTime);\r\n\r\n                        this.clearAllTimer();\r\n\r\n                        // emit events\r\n                        if (this.isSinglePlaying) {\r\n                            this.$emit('video-singleplay-end', curTime);\r\n                            this.$eventBus.$emit('video-singleplay-end', curTime);\r\n                            this.isSinglePlaying = false;\r\n                        } else if (this.isRepeating) {\r\n                            this.$emit('video-repeat-end', curTime);\r\n                        } else {\r\n                            this.$emit('video-play-end', curTime);\r\n                        }\r\n                        break;\r\n\r\n                    default:\r\n                        console.log('onPlayerStateChange is called, event = Unknown(' + this.playerState + '), time: ' + curTime);\r\n                        break;\r\n                }\r\n            },\r\n            onPlaybackRateChange: function (r) {\r\n                this.playbackRate = r.data;\r\n            },\r\n        },\r\n        mounted: function () {\r\n            this.recreatePlayer();\r\n        },\r\n        watch: {\r\n        },\r\n        computed: {\r\n\r\n        },\r\n    };\r\n</script>\r\n    \r\n<style lang=\"css\">\r\n    /* css from gary*/\r\n    .videoInfo-img {\r\n        height: 200px;\r\n        object-fit: cover;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    /* css of original yyplayer*/\r\n\r\n    #player {\r\n        width: 100%;\r\n    }\r\n    .video-tool-wrap{\r\n        font-size: 1.3rem;\r\n        margin-top: 10px;\r\n    }\r\n    iframe{\r\n        height: 270px!important;\r\n    }\r\n    .fa-turn-on{\r\n        color:#456CEB;\r\n    }\r\n    .fa-play:hover,.fa-forward:hover,.fa-pause:hover,.fa-backward:hover,.fa-redo-alt:hover,.fa-baby-carriage:hover,.fa-disabled:hover,.fa-expand:hover{\r\n         color:#456CEB;       \r\n    }\r\n\r\n    .fa-play,.fa-forward,.fa-pause,.fa-backward,.fa-redo-alt,.fa-baby-carriage,.fa-disabled,.fa-expand{\r\n         cursor: pointer!important;    \r\n    }\r\n\r\n    .fa-expand{\r\n        cursor: pointer;\r\n    }\r\n\r\n    @media (min-width: 768px){\r\n        .open-video-height iframe{\r\n            height: 800px!important;\r\n        }\r\n    }\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YuYanPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YuYanPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YuYanPlayer.vue?vue&type=template&id=2d559229&lang=html&\"\nimport script from \"./YuYanPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./YuYanPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./YuYanPlayer.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"shadowingModal\",staticClass:\"modal fade\",attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"exampleModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog modal-dialog-scrollable modal-dialog-centered\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\",staticStyle:{\"max-height\":\"30rem\"}},[_vm._m(0),_c('div',{staticClass:\"modal-body text-dark\"},[(_vm.shadowingCaption !== null)?_c('h5',[_vm._v(_vm._s(_vm.shadowingCaption.Text))]):_vm._e(),_c('br'),_c('ul',{staticClass:\"list-group\"},_vm._l((_vm.recordingData.slice().reverse()),function(r){return _c('li',{key:r.url,staticClass:\"list-group-item list-group-item-action\",staticStyle:{\"text-align\":\"left\",\"padding-left\":\"0.25rem\"}},[_c('a',{staticStyle:{\"color\":\"#007bff\"},attrs:{\"download\":r.download,\"href\":r.url}},[_vm._v(_vm._s(r.text))]),_c('br'),_c('audio',{attrs:{\"controls\":\"controls\",\"src\":r.url}}),_c('br')])}),0)]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"disabled\":_vm.isRecording},on:{\"click\":function($event){return _vm.doPlaySampleSentence();}}},[_vm._v(\"撥放例句\")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"id\":\"record-button\",\"type\":\"button\",\"disabled\":_vm.isPlayingSampleSentence||!_vm.isRecorderReady},on:{\"click\":function($event){return _vm.doRecord();}}},[_vm._v(\" \"+_vm._s(_vm.recordBtnText)+\" \")])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-header text-dark\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"exampleModalLabel\"}},[_vm._v(\"跟讀小幫手\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])])}]\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <div ref=\"shadowingModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n        <div class=\"modal-dialog modal-dialog-scrollable modal-dialog-centered\" role=\"document\">\r\n            <div class=\"modal-content\" style=\"max-height:30rem;\">\r\n                <div class=\"modal-header text-dark\">\r\n                    <h5 class=\"modal-title\" id=\"exampleModalLabel\">跟讀小幫手</h5>\r\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                        <span aria-hidden=\"true\">&times;</span>\r\n                    </button>\r\n                </div>\r\n                <div class=\"modal-body text-dark\">\r\n                    <h5 v-if=\"shadowingCaption !== null\">{{shadowingCaption.Text}}</h5>\r\n                    <br />\r\n                    <ul class=\"list-group\">\r\n                        <li class=\"list-group-item list-group-item-action\" style=\"text-align: left;padding-left: 0.25rem;\" v-for=\"r in recordingData.slice().reverse()\" :key=\"r.url\">\r\n                            <a :download=\"r.download\" :href=\"r.url\" style=\"color: #007bff;\">{{r.text}}</a>\r\n                            <br />\r\n                            <audio controls=\"controls\" :src=\"r.url\"></audio>\r\n                            <br />\r\n\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"modal-footer\">\r\n                    <button type=\"button\" :disabled=\"isRecording\" class=\"btn btn-primary\" v-on:click=\"doPlaySampleSentence();\">撥放例句</button>\r\n                    <button id=\"record-button\" type=\"button\" :disabled=\"isPlayingSampleSentence||!isRecorderReady\" class=\"btn btn-primary\" v-on:click=\"doRecord();\">\r\n                        {{ recordBtnText }}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n    \r\n<script>\r\n    import Recorder from 'recorder-core'\r\n\r\n    //需要使用到的音频格式编码引擎的js文件统统加载进来\r\n    import 'recorder-core/src/engine/mp3'\r\n    import 'recorder-core/src/engine/mp3-engine'\r\n\r\n    //import 'recorder-core/src/engine/wav'\r\n\r\n    export default {\r\n        data: function() {\r\n            return {\r\n                // outbinding\r\n                yyPlayer: null,\r\n\r\n                // shadowing variables\r\n                recorder: null,\r\n                isRecorderReady: false,\r\n                isRecording: false,\r\n                isPlayingSampleSentence: false,\r\n                recordBtnText: '開始錄音',\r\n                recordingData: [],\r\n                shadowingCaption: null,\r\n                shadowingCaptionIndex: null,\r\n            };\r\n        },\r\n        methods: {\r\n            alert: function (msg) {\r\n                this.$modal.show(\"dialog\", {\r\n                    title: \"請注意\",\r\n                    text: msg,\r\n                    buttons: [{\r\n                        title: \"關閉\",\r\n                    },],\r\n                });\r\n            },\r\n            open: function (player, cap, capIdx) {\r\n                this.yyPlayer = player;\r\n                this.shadowingCaption = cap;\r\n                this.shadowingCaptionIndex = capIdx;\r\n\r\n                if (!this.recorder) {\r\n                    this.recorder = Recorder({\r\n                        type: 'mp3',\r\n                        sampleRate: 44100,\r\n                        bitRate: 32\r\n                    });\r\n                }\r\n                var self = this;\r\n                this.recorder.open(\r\n                    function () {\r\n                        self.isRecorderReady = true;\r\n                    }, function (msg, isUserNotAllow) {\r\n                        if (isUserNotAllow) {\r\n                            alert('需要取得您的允許才可以錄音喔!');\r\n                        } else {\r\n                            alert('無法支援錄音，請注意需要使用瀏覽器開啟方可使用錄音!');\r\n                        }\r\n                    }\r\n                );\r\n\r\n                $(this.$refs.shadowingModal).modal();\r\n                //$('#'+this.id).modal();\r\n            },\r\n            doRecord: function () {\r\n                if (this.isPlayingSampleSentence) { return; }\r\n\r\n                this.isRecording = !this.isRecording;\r\n                if (this.isRecording) {\r\n                    this.recordBtnText = '停止錄音';\r\n                    this.startRecord();\r\n                } else {\r\n                    this.recordBtnText = '開始錄音';\r\n                    this.stopRecord();\r\n                }\r\n            },\r\n            startRecord: function () {\r\n                if (this.isRecorderReady) {\r\n                    this.recorder.start();//开始录音\r\n                }\r\n            },\r\n            stopRecord: function () {\r\n                if (this.isRecorderReady && this.recorder.state) {\r\n                    var self = this;\r\n                    this.recorder.stop(\r\n                        function (blob) {\r\n                            self.createDownloadLink(blob);\r\n                            self.isRecording = false;\r\n                        }, function (errorMsg) {\r\n                            self.alert('錄音時發生錯誤。錯誤訊息: ' + errorMsg);\r\n                            self.isRecording = false;\r\n                        }\r\n                    );\r\n                }\r\n            },\r\n            stopSamplePlaying: function () {\r\n                this.yyPlayer.pauseVideo();\r\n                this.isPlayingSampleSentence = false;\r\n            },\r\n            doPlaySampleSentence: function () {\r\n                if (this.isRecording) { return; }\r\n\r\n                this.isPlayingSampleSentence = true;\r\n                this.yyPlayer.playCaptionSingle(this.shadowingCaption);\r\n            },\r\n            createDownloadLink: function (blob) {\r\n                var url = URL.createObjectURL(blob);\r\n\r\n                var newRec = {\r\n                    url: url,\r\n                    text: this.shadowingCaption.Text,\r\n                    download: new Date().toISOString() + '.wav',\r\n                };\r\n                this.recordingData.push(newRec);\r\n            },\r\n            onShadowingWindowShow: function () {\r\n                console.log('onShadowingWindowShow is called');\r\n            },\r\n            onShadowingWindowHide: function () {\r\n                this.stopSamplePlaying();\r\n                this.stopRecord();\r\n\r\n                // clear the recorder\r\n                if (this.recorder) {\r\n                    this.recorder.close();\r\n                    this.recorder = null;\r\n                    this.isRecorderReady = false;\r\n                }\r\n            },\r\n            onVideoSingleplayEnd: function () {\r\n                this.isPlayingSampleSentence = false;\r\n            }\r\n        },\r\n        mounted() {\r\n            this.id = this._uid;\r\n            this.$eventBus.$on('video-singleplay-end', this.onVideoSingleplayEnd);\r\n\r\n            $(this.$refs.shadowingModal).on(\"show.bs.modal\", this.onShadowingWindowShow);\r\n            $(this.$refs.shadowingModal).on(\"hide.bs.modal\", this.onShadowingWindowHide);\r\n        },\r\n    };\r\n</script>\r\n    \r\n<style lang=\"css\">\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShadowingTool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShadowingTool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShadowingTool.vue?vue&type=template&id=563f9970&lang=html&\"\nimport script from \"./ShadowingTool.vue?vue&type=script&lang=js&\"\nexport * from \"./ShadowingTool.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.tmId)?_c('div',{staticClass:\"w-100 mt-2 pr-2\",staticStyle:{\"height\":\"100%\",\"overflow-y\":\"auto\"},attrs:{\"id\":\"forumThread\"}},[_c('p',[_vm._v(\"心得討論\")]),_c('div',{staticClass:\"d-flex w-100 mb-3\"},[_c('div',[_c('img',{staticClass:\"author-avator-comment mr-2\",attrs:{\"src\":_vm.fmtUserAvator(_vm.user),\"alt\":\"\"}})]),_c('div',{staticClass:\"flex-grow-1\"},[_c('editable-div',{staticClass:\"mb-2\",model:{value:(_vm.inputingComment),callback:function ($$v) {_vm.inputingComment=$$v},expression:\"inputingComment\"}}),_c('div',{staticClass:\"d-flex\"},[_c('button',{staticClass:\"btn btn-success btn-sm ml-auto mr-0\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.postThread()}}},[_vm._v(\"貼文\")])])],1)]),(_vm.threads)?_c('div',{staticClass:\"w-100\"},_vm._l((_vm.threads),function(t,tIdx){return _c('div',{key:t.Id,staticClass:\"d-flex w-100\"},[_c('div',[_c('img',{staticClass:\"author-avator-comment mr-2\",attrs:{\"src\":_vm.fmtAuthorAvatorUrl(t),\"alt\":\"\"},on:{\"click\":function($event){return _vm.onAuthorClicked(t)}}})]),_c('div',{staticClass:\"flex-grow-1 d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"font-size\":\"0.8rem\"}},[_c('div',{staticClass:\"flex-grow-1\"},[_vm._v(_vm._s(t.UserDisplayName))]),_c('div',{staticClass:\"dropdown ml-auto mr-0\"},[_c('i',{staticClass:\"dropdown-toggle\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"dropdown\"}}),_c('ul',{staticClass:\"dropdown-menu\",attrs:{\"role\":\"menu\"}},[_c('li',[(t.UserId == _vm.user.HashedUserId)?_c('a',{attrs:{\"tabindex\":\"-1\",\"href\":\"#\"},on:{\"click\":function($event){return _vm.deleteThread(null, t, tIdx)}}},[_vm._v(\"刪除貼文\")]):_vm._e()]),_c('li',[(t.UserId == _vm.user.HashedUserId)?_c('a',{attrs:{\"tabindex\":\"-1\",\"href\":\"#\"},on:{\"click\":function($event){return _vm.onEditThread(t, tIdx)}}},[_vm._v(\"編輯貼文\")]):_vm._e()]),_c('li',{staticClass:\"divider\"}),_vm._m(0,true)])])]),(t.isEditing)?_c('editable-div',{staticStyle:{\"margin-bottom\":\"0.3rem\"},model:{value:(t.Message),callback:function ($$v) {_vm.$set(t, \"Message\", $$v)},expression:\"t.Message\"}}):_c('div',{staticStyle:{\"margin-bottom\":\"0.3rem\"},domProps:{\"innerHTML\":_vm._s(t.Message)}}),(t.isEditing)?_c('div',{staticClass:\"d-flex\",staticStyle:{\"margin-bottom\":\"0.3rem\"}},[_c('button',{staticClass:\"btn btn-success btn-sm ml-auto mr-2\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.finishedThreadEdit(t)}}},[_vm._v(\"確定\")]),_c('button',{staticClass:\"btn btn-success btn-sm mr-0\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.cancelThreadEdit(t)}}},[_vm._v(\"取消\")])]):_vm._e(),(t.RepliedComments)?_c('div',_vm._l((t.RepliedComments),function(r){return _c('div',{key:r.Id,staticClass:\"d-flex w-100\"},[_c('div',[_c('img',{staticClass:\"author-avator-comment mr-2\",attrs:{\"src\":_vm.fmtAuthorAvatorUrl(r),\"alt\":\"\"},on:{\"click\":function($event){return _vm.onAuthorClicked(r)}}})]),_c('div',{staticClass:\"flex-grow-1 d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"font-size\":\"0.8rem\"}},[_c('div',{staticClass:\"flex-grow-1\"},[_vm._v(_vm._s(r.UserDisplayName))]),_c('div',{staticClass:\"dropdown ml-auto mr-0\"},[_c('i',{staticClass:\"dropdown-toggle\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"data-toggle\":\"dropdown\"}}),_c('ul',{staticClass:\"dropdown-menu\",attrs:{\"role\":\"menu\"}},[_c('li',[(r.UserId == _vm.user.HashedUserId)?_c('a',{attrs:{\"tabindex\":\"-1\",\"href\":\"#\"},on:{\"click\":function($event){return _vm.deleteThread(t, r, _vm.rIdx)}}},[_vm._v(\"刪除貼文\")]):_vm._e()]),_c('li',[(r.UserId == _vm.user.HashedUserId)?_c('a',{attrs:{\"tabindex\":\"-1\",\"href\":\"#\"},on:{\"click\":function($event){return _vm.onEditThread(r, _vm.rIdx)}}},[_vm._v(\"編輯貼文\")]):_vm._e()]),_c('li',{staticClass:\"divider\"}),_vm._m(1,true)])])]),(r.isEditing)?_c('editable-div',{staticStyle:{\"margin-bottom\":\"0.3rem\"},model:{value:(r.Message),callback:function ($$v) {_vm.$set(r, \"Message\", $$v)},expression:\"r.Message\"}}):_c('div',{staticStyle:{\"margin-bottom\":\"0.3rem\"},domProps:{\"innerHTML\":_vm._s(r.Message)}}),(r.isEditing)?_c('div',{staticClass:\"d-flex\",staticStyle:{\"margin-bottom\":\"0.3rem\"}},[_c('button',{staticClass:\"btn btn-success btn-sm ml-auto mr-2\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.finishedThreadEdit(r)}}},[_vm._v(\"確定\")]),_c('button',{staticClass:\"btn btn-success btn-sm mr-0\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.cancelThreadEdit(r)}}},[_vm._v(\"取消\")])]):_vm._e()],1)])}),0):_vm._e(),_c('div',{staticStyle:{\"margin-bottom\":\"0.3rem\"}},[(t.isReplying)?_c('div',{staticClass:\"d-flex w-100 mb-3\"},[_c('div',[_c('img',{staticClass:\"author-avator-comment mr-2\",attrs:{\"src\":_vm.fmtUserAvator(_vm.user),\"alt\":\"\"}})]),_c('div',{staticClass:\"flex-grow-1\"},[_c('editable-div',{staticClass:\"mb-2\",model:{value:(t.replyingComment),callback:function ($$v) {_vm.$set(t, \"replyingComment\", $$v)},expression:\"t.replyingComment\"}}),_c('div',{staticClass:\"d-flex\"},[_c('button',{staticClass:\"btn btn-success btn-sm ml-auto mr-0\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.replyThread(t)}}},[_vm._v(\" 回覆 \")])])],1)]):_vm._e(),_c('div',{staticClass:\"d-flex\"},[(t.RepliedCommentsCount > 0 && !t.repliedCommentsExpanded)?_c('p',{staticClass:\"clickable\",on:{\"click\":function($event){return _vm.expandRepliedComments(t)}}},[_vm._v(_vm._s(t.RepliedCommentsCount)+\"條回覆，顯示回覆\")]):_c('p',{staticClass:\"clickable\",on:{\"click\":function($event){return _vm.onReplyClicked(t)}}},[_vm._v(\"回覆\")])])])],1)])}),0):_vm._e()]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('a',{attrs:{\"tabindex\":\"-1\",\"href\":\"#\"}},[_vm._v(\"檢舉貼文\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('a',{attrs:{\"tabindex\":\"-1\",\"href\":\"#\"}},[_vm._v(\"檢舉貼文\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"textarea\",attrs:{\"contenteditable\":\"true\",\"value\":_vm.value},domProps:{\"innerHTML\":_vm._s(_vm.value)},on:{\"input\":_vm.changeText}})}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"textarea\" contenteditable=\"true\" v-once v-html=\"value\" :value=\"value\" @input=\"changeText\"></div>\r\n</template>\r\n\r\n<script>\r\n    // ideas from here: https://jsfiddle.net/likemusicev/rqv78hkb/\r\n    export default{\r\n        name: 'editDiv',\r\n        props: {\r\n            value: {\r\n                type: String,\r\n                default: ''\r\n            },\r\n        },\r\n        data(){\r\n            return {\r\n            }\r\n        },\r\n        watch: {\r\n            value: function (newValue) {\r\n                if (document.activeElement == this.$el) {\r\n                    return;\r\n                }\r\n\r\n                this.$el.innerHTML = newValue;\r\n            }\r\n        },\r\n        methods: {\r\n            changeText(){\r\n                this.$emit('input', this.$el.innerHTML);\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .textarea {\r\n        border: 2px solid #456CEB;\r\n        border-radius: 3px;\r\n    }\r\n\r\n        .textarea[contentisEditing]:empty::before {\r\n            content: \"請輸入心得討論\";\r\n            color: gray;\r\n        }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableDiv.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableDiv.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditableDiv.vue?vue&type=template&id=61803272&\"\nimport script from \"./EditableDiv.vue?vue&type=script&lang=js&\"\nexport * from \"./EditableDiv.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditableDiv.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div v-if=\"tmId\" id=\"forumThread\" class=\"w-100 mt-2 pr-2\" style=\"height:100%;overflow-y: auto;\">\r\n        <!-- new thread -->\r\n        <p>心得討論</p>\r\n        <div class=\"d-flex w-100 mb-3\">\r\n            <!-- avator-->\r\n            <div>\r\n                <img class=\"author-avator-comment mr-2\" :src=\"fmtUserAvator(user)\"\r\n                     alt=\"\">\r\n            </div>\r\n            <!-- msg area -->\r\n            <div class=\"flex-grow-1\">\r\n                <!-- input message -->\r\n                <!--\r\n                <p contenteditable=\"true\" class=\"textarea\" style=\"margin-bottom:0.3rem;\" v-text=\"inputingComment\"\r\n                   @input=\"onInputComment($event)\"></p>\r\n                -->\r\n                <editable-div v-model=\"inputingComment\" class=\"mb-2\"></editable-div>\r\n                <div class=\"d-flex\">\r\n                    <button class=\"btn btn-success btn-sm ml-auto mr-0\" style=\"line-height:1;\" @click=\"postThread()\">貼文</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <!-- exist thread items -->\r\n        <div v-if=\"threads\" class=\"w-100\">\r\n            <div v-for=\"(t, tIdx) in threads\" :key=\"t.Id\" class=\"d-flex w-100\">\r\n                <!-- avator-->\r\n                <div>\r\n                    <img class=\"author-avator-comment mr-2\" :src=\"fmtAuthorAvatorUrl(t)\" @click=\"onAuthorClicked(t)\"\r\n                         alt=\"\">\r\n                </div>\r\n                <!-- msg area-->\r\n                <div class=\"flex-grow-1 d-flex flex-column\">\r\n                    <!-- title bar -->\r\n                    <div class=\"d-flex\" style=\"font-size:0.8rem;\">\r\n                        <div class=\"flex-grow-1\">{{t.UserDisplayName}}</div>\r\n                        <div class=\"dropdown ml-auto mr-0\">\r\n                            <i class=\"dropdown-toggle\" style=\"cursor:pointer;\" data-toggle=\"dropdown\"></i>\r\n                            <ul class=\"dropdown-menu\" role=\"menu\">\r\n                                <li><a v-if=\"t.UserId == user.HashedUserId\" tabindex=\"-1\" href=\"#\" @click=\"deleteThread(null, t, tIdx)\">刪除貼文</a></li>\r\n                                <li><a v-if=\"t.UserId == user.HashedUserId\" tabindex=\"-1\" href=\"#\" @click=\"onEditThread(t, tIdx)\">編輯貼文</a></li>\r\n                                <li class=\"divider\"></li>\r\n                                <li><a tabindex=\"-1\" href=\"#\">檢舉貼文</a></li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                    <editable-div v-if=\"t.isEditing\" v-model=\"t.Message\" style=\"margin-bottom:0.3rem;\"></editable-div>\r\n                    <div v-else v-html=\"t.Message\" style=\"margin-bottom:0.3rem;\"></div>\r\n                    <div v-if=\"t.isEditing\" class=\"d-flex\" style=\"margin-bottom: 0.3rem;\">\r\n                        <button class=\"btn btn-success btn-sm ml-auto mr-2\" style=\"line-height:1;\" @click=\"finishedThreadEdit(t)\">確定</button>\r\n                        <button class=\"btn btn-success btn-sm mr-0\" style=\"line-height:1;\" @click=\"cancelThreadEdit(t)\">取消</button>\r\n                    </div>\r\n                    <!-- the replied comments-->\r\n                    <div v-if=\"t.RepliedComments\">\r\n                        <div v-for=\"r in t.RepliedComments\" :key=\"r.Id\" class=\"d-flex w-100\">\r\n                            <!-- avator-->\r\n                            <div>\r\n                                <img class=\"author-avator-comment mr-2\" :src=\"fmtAuthorAvatorUrl(r)\" @click=\"onAuthorClicked(r)\"\r\n                                     alt=\"\">\r\n                            </div>\r\n                            <!-- message area-->\r\n                            <div class=\"flex-grow-1 d-flex flex-column\">\r\n                                <div class=\"d-flex\" style=\"font-size:0.8rem;\">\r\n                                    <div class=\"flex-grow-1\">{{r.UserDisplayName}}</div>\r\n                                    <div class=\"dropdown ml-auto mr-0\">\r\n                                        <i class=\"dropdown-toggle\" style=\"cursor:pointer;\" data-toggle=\"dropdown\"></i>\r\n                                        <ul class=\"dropdown-menu\" role=\"menu\">\r\n                                            <li><a v-if=\"r.UserId == user.HashedUserId\" tabindex=\"-1\" href=\"#\" @click=\"deleteThread(t, r, rIdx)\">刪除貼文</a></li>\r\n                                            <li><a v-if=\"r.UserId == user.HashedUserId\" tabindex=\"-1\" href=\"#\" @click=\"onEditThread(r, rIdx)\">編輯貼文</a></li>\r\n                                            <li class=\"divider\"></li>\r\n                                            <li><a tabindex=\"-1\" href=\"#\">檢舉貼文</a></li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                                <editable-div v-if=\"r.isEditing\" v-model=\"r.Message\" style=\"margin-bottom:0.3rem;\"></editable-div>\r\n                                <div v-else v-html=\"r.Message\" style=\"margin-bottom:0.3rem;\"></div>\r\n                                <div v-if=\"r.isEditing\" class=\"d-flex\" style=\"margin-bottom: 0.3rem;\">\r\n                                    <button class=\"btn btn-success btn-sm ml-auto mr-2\" style=\"line-height:1;\" @click=\"finishedThreadEdit(r)\">確定</button>\r\n                                    <button class=\"btn btn-success btn-sm mr-0\" style=\"line-height:1;\" @click=\"cancelThreadEdit(r)\">取消</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- the replying block -->\r\n                    <div style=\"margin-bottom: 0.3rem;\">\r\n                        <div v-if=\"t.isReplying\" class=\"d-flex w-100 mb-3\">\r\n                            <!-- avator-->\r\n                            <div>\r\n                                <img class=\"author-avator-comment mr-2\" :src=\"fmtUserAvator(user)\"\r\n                                     alt=\"\">\r\n                            </div>\r\n                            <!-- msg area -->\r\n                            <div class=\"flex-grow-1\">\r\n                                <!-- input message -->\r\n                                <editable-div v-model=\"t.replyingComment\" class=\"mb-2\"></editable-div>\r\n                                <div class=\"d-flex\">\r\n                                    <button class=\"btn btn-success btn-sm ml-auto mr-0\" style=\"line-height:1;\"\r\n                                            @click=\"replyThread(t)\">\r\n                                        回覆\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"d-flex\">\r\n                            <p v-if=\"t.RepliedCommentsCount > 0 && !t.repliedCommentsExpanded\" class=\"clickable\"\r\n                               @click=\"expandRepliedComments(t)\">{{t.RepliedCommentsCount}}條回覆，顯示回覆</p>\r\n                            <p v-else class=\"clickable\" @click=\"onReplyClicked(t)\">回覆</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import EditableDiv from '@/components/Elements/EditableDiv.vue';\r\n    import {\r\n        fmtAuthorAvatorUrl,\r\n        ghelper\r\n    } from '@/lib/ghelper';\r\n\r\n    export default {\r\n        name: \"TeachingMaterialComment\",\r\n        components: {\r\n            'editable-div': EditableDiv,\r\n        },\r\n        props: {\r\n            user: {\r\n                type: Object,\r\n                default: null,\r\n            },\r\n            tmId: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n        },\r\n        data: function () {\r\n            return {\r\n                threads: null,\r\n                threadsTotal: null,\r\n\r\n                inputingComment: null,\r\n            };\r\n        },\r\n        methods: {\r\n            fmtUserAvator: function (user) {\r\n                return fmtAuthorAvatorUrl(user);\r\n            },\r\n            fmtAuthorAvatorUrl: function (item) {\r\n                return fmtAuthorAvatorUrl(item);\r\n            },\r\n            onReplyClicked: function (t) {\r\n                this.$set(t, 'isReplying', true);\r\n            },\r\n            onAuthorClicked: function (item) {\r\n                var url = ghelper.getActionUrl('Show', 'Account');\r\n                location.href = url + '/' + item.UserId;\r\n            },\r\n            onInputComment: function (e) {\r\n                this.inputingComment = e.target.innerHTML;\r\n            },\r\n            cancelThreadEdit: function (t) {\r\n                this.$set(t, 'isEditing', false);\r\n                this.$set(t, 'Message', t.MessageBackup);\r\n            },\r\n            finishedThreadEdit: async function (t) {\r\n                if (!t.Message) {\r\n                    this.$dialog.alert('請輸入您的回覆');\r\n                    return false;\r\n                }\r\n\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Forum/ThreadUpdate\", {\r\n                        tId: t.Id,\r\n                        msg: t.Message,\r\n                    });\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        this.$set(t, 'isEditing', false);\r\n                    } else if (data.success == false) {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert('無法更新貼文。發生不知名的錯誤');\r\n                    loader.hide();\r\n                }\r\n            },\r\n            onEditThread: function (t) {\r\n                t.MessageBackup = t.Message;\r\n                this.$set(t, 'isEditing', true);\r\n            },\r\n            replyThread: async function (t) {\r\n                if (!t.replyingComment) {\r\n                    this.$dialog.alert('請先輸入您的回覆。');\r\n                    return;\r\n                }\r\n\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Forum/TeachingMaterialThreadReply\", {\r\n                        tmId: this.tmId,\r\n                        pid: t.Id,\r\n                        msg: t.replyingComment,\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        let repliedCommentsCount = t.RepliedCommentsCount;\r\n\r\n                        if (t.RepliedComments) {\r\n                            t.RepliedComments.push(data.data);\r\n                        } else {\r\n                            let repliedComments = [];\r\n\r\n                            repliedComments.push(data.data);\r\n                            this.$set(t, 'RepliedComments', repliedComments);\r\n                        }\r\n\r\n                        this.$set(t, 'isReplying', false);\r\n                        this.$set(t, 'replyingComment', null);\r\n                        this.$set(t, 'repliedCommentsExpanded', true);\r\n                        this.$set(t, 'RepliedCommentsCount', repliedCommentsCount + 1);\r\n                    } else if (data.success == false) {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert('無法回覆貼文。發生不知名的錯誤');\r\n                    loader.hide();\r\n                }\r\n            },\r\n            postThread: async function () {\r\n                if (!this.inputingComment) {\r\n                    this.$dialog.alert('請先輸入您的討論。');\r\n                    return;\r\n                }\r\n\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Forum/TeachingMaterialThreadCreate\", {\r\n                        tmId: this.tmId,\r\n                        msg: this.inputingComment,\r\n                    });\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        this.threads.push(data.data);\r\n                        this.inputingComment = null;\r\n\r\n                        // scroll to new added thread after ui updated.\r\n                        this.$nextTick(function () {\r\n                            let elem = document.getElementById(\"forumThread\");\r\n                            elem.scrollTop = elem.scrollHeight;\r\n                        });\r\n                    } else if (data.success == false) {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert('無法建立貼文。發生不知名的錯誤');\r\n                    loader.hide();\r\n                }\r\n            },\r\n            deleteThread: async function (parent, t, tIdx) {\r\n                let container = parent ? parent.RepliedComments : this.threads;\r\n\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Forum/ThreadDelete\", {\r\n                        tid: t.Id,\r\n                    });\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        if (parent) {\r\n                            let repliedCommentsCount = parent.RepliedCommentsCount\r\n                            this.$set(parent, 'RepliedCommentsCount', repliedCommentsCount - 1);\r\n                        }\r\n                        container.splice(tIdx, 1);\r\n                    } else if (data.success == false) {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert('無法刪除貼文。發生不知名的錯誤');\r\n                    loader.hide();\r\n                }\r\n            },\r\n            expandRepliedComments: async function (t) {\r\n                try {\r\n                    let res = await this.axios.post(\"Forum/GetRepliedComments\", {\r\n                        pid: t.Id,\r\n                    });\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        let replies = data.data;\r\n\r\n                        this.$set(t, 'RepliedComments', replies);\r\n                        this.$set(t, 'repliedCommentsExpanded', true);\r\n                    } else if (data.success == false) {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert('無法取得討論串回覆。發生不知名的錯誤');\r\n                }\r\n            },\r\n            getThreads: async function () {\r\n                try {\r\n                    let res = await this.axios.post(\"Forum/GetTeachingMaterialThreads\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        let threads = data.data;\r\n\r\n                        this.threads = threads;\r\n                        this.threadsTotal = data.total;\r\n                    } else if (data.success == false) {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert('無法取得學習記錄的貼文串。發生不知名的錯誤');\r\n                }\r\n            },\r\n            initData: function () {\r\n                this.getThreads();\r\n            },\r\n        },\r\n        mounted: function () {\r\n            this.initData();\r\n        },\r\n        created() {\r\n        }\r\n    }\r\n</script>\r\n<style>\r\n    /* ideas from here: https://css-tricks.com/auto-growing-inputs-textareas */\r\n\r\n    .clickable:hover {\r\n        cursor: pointer;\r\n    }\r\n\r\n    .author-avator-comment {\r\n        width: 25px !important;\r\n        height: 25px !important;\r\n        border: 1px solid #ebebeb;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        background-color: #a9a9a9;\r\n        cursor: pointer;\r\n    }\r\n    \r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeachingMaterialComment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeachingMaterialComment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TeachingMaterialComment.vue?vue&type=template&id=d8522efe&\"\nimport script from \"./TeachingMaterialComment.vue?vue&type=script&lang=js&\"\nexport * from \"./TeachingMaterialComment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TeachingMaterialComment.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","<template lang=\"html\">\r\n    <div>\r\n        <div v-if=\"videoInfo && tm\" class=\"container-fulid position-r materialStudy-wrap\">\r\n            <div class=\"row pt-5 tm-wrapper\" :class=\"[ activetab ? 'move' : '']\">\r\n                <div class=\"col-md-5\" :class=\"[ changeVideoData ? '' : 'col-md-12']\">\r\n                    <div :class=\"[ changeVideoData ? '' : 'close-video']\">\r\n                        <h1>{{fmtTMName(tm)}}</h1>\r\n                        <ul class=\"row mt-3\">\r\n                            <li class=\"col-5 tm-num-text\">\r\n                                <img class=\"mr-2\" alt=\"\"\r\n                                     src=\"@/assets/image/tm-CCount.svg\">{{fmtTranslateCount(tm.TMCCount)}}\r\n                            </li>\r\n                            <li v-if=\"vlFindingStatistic\" class=\"col-7 mb-2 tm-num-text\">\r\n                                <img class=\"mr-2\" alt=\"\"\r\n                                     src=\"@/assets/image/tm-findText.svg\">{{$t('page_material_study.user_found_lex')}} : {{vlFindingStatistic.LeixconFoundByUser}}\r\n                            </li>\r\n                            <li class=\"col-5 tm-num-text\">\r\n                                <img class=\"mr-2\" alt=\"\"\r\n                                     src=\"@/assets/image/tm-LCount.svg\">{{$t('page_material_study.lex_count')}} : {{tm.TMLCount}}\r\n                            </li>\r\n                            <li v-if=\"vlFindingStatistic\" class=\"col-7 tm-num-text\">\r\n                                <img class=\"mr-2\" alt=\"\"\r\n                                     src=\"@/assets/image/tm-NfindText.svg\">{{$t('page_material_study.lex_not_found')}} : {{vlFindingStatistic.LexiconWaitingToBeFound}}\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"text-gray flex-between w-100\">\r\n                            <div>\r\n                                <img class=\"anthorCricle-image mr-2\" :src=\"fmtAuthorAvatorUrl\" @click=\"onAuthorClicked\"\r\n                                     alt=\"\">{{tm.CreateDate.split('T')[0] }}\r\n                            </div>\r\n                            <div>\r\n                                <span class=\"Corpus-social mr-3\">\r\n                                    <img alt=\"\" src=\"@/assets/image/video-readviews.svg\" class=\"mr-1\">{{ tm.WatchCount ? tm.WatchCount : 0 }}\r\n                                </span>\r\n                                <span class=\"Corpus-social\">\r\n                                    <img v-if=\"this.tm && this.tm.IsUserLike\" alt=\"\" src=\"@/assets/image/lexprogress-video-heart-active.svg\"\r\n                                         class=\"mr-1\" style=\"cursor:pointer;\"\r\n                                         v-on:click=\"userClaps\">\r\n                                    <img v-else alt=\"\" src=\"@/assets/image/lexprogress-video-heart.svg\"\r\n                                         class=\"mr-1\" :style=\"{'cursor':user?'pointer':'default'}\"\r\n                                         v-on:click=\"userClaps\">\r\n                                    {{ tm.LikeCount ? tm.LikeCount : 0 }}\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                        <hr>\r\n                    </div>\r\n                    <h2 v-if=\"videoInfo\" class=\"mt-2\">{{videoInfo.Title}}</h2>\r\n                    <div class=\"d-flex mb-2\">\r\n                        <div v-if=\"accentTypes && videoInfo && videoInfo.AccentTypeId\" class=\"label-primary mr-2\">{{fmtAccentTypeName}}</div>\r\n                        <!-- 先移除 youtube 的數據，有足夠的 quote 時再來顯示\r\n                        <img src=\"@/assets/image/youtube-icon-gray.svg\" alt=\"\"\r\n                             class=\"youtube-icon-view\">\r\n                        <div v-if=\"videoInfo\" class=\"youtube-num-text text-gray\">{{fmtCountAbbr(videoInfo.YoutubeWatchCount)}}</div><img src=\"@/assets/image/youtube-thumb-gray.svg\" alt=\"\" class=\"youtube-icon-like\">\r\n                        <div v-if=\"videoInfo\" class=\"youtube-num-text text-gray\">{{fmtCountAbbr(videoInfo.YoutubeLikeCount)}}</div>\r\n                        -->\r\n                    </div>\r\n                    <i-yu-yan-player v-if=\"videoCaptions && tmcs\" ref=\"yyPlayer\"\r\n                                     :video-info=\"videoInfo\" :video-captions=\"videoCaptions\" :dict-captions=\"dictVideoCaptions\"\r\n                                     :disable-subtitles=\"true\" :autoplay=\"true\" :videoLoadStart=\"getVideoLoadStart\"\r\n                                     @pushexpandVideoData=\"getNewData\"\r\n                                     @video-playing-caption-changed=\"onVideoPlayingCaptionChanged\">\r\n                    </i-yu-yan-player>\r\n                </div>\r\n                <div v-if=\"videoCaptions && dictVideoCaptions\" class=\"col-md-7\" :class=\"[ changeVideoData ? '' : 'close-video']\">\r\n                    <h1 v-if=\"tm\" class=\"mb-2\">\r\n                        <span v-on:click=\"toggleTMCollecting\" :style=\"{'cursor': tm.IsCollected?(user.IsAdmin?'pointer':'default'):'pointer'}\"\r\n                              v-bind:class=\"[ tm.IsCollected  ? 'bookmarks-active' : 'bookmarks' ]\">\r\n                        </span>\r\n                        <div class=\"bookmarks-remind\" @click=\"openRemind = !openRemind\" :class=\"{'show':openRemind}\">\r\n                            {{$t('page_material_study.bookmark_hint')}}\r\n                            <div class=\"close-btn\">\r\n                                <i class=\"fas fa-times\"></i>\r\n                            </div>\r\n                            <div class=\"remind-tringle\"></div>\r\n                        </div>\r\n                        {{fmtTMName(tm)}}\r\n                        <i class=\"fas fa-share-alt fa-sm ml-5\" style=\"cursor:pointer;\" @click=\"getVideoShareUrl\"></i>\r\n                    </h1>\r\n                    <div class=\"videoCaptionsData-tag mb-4\">\r\n                        <div v-if=\"!tags || tags.length == 0\"><span>#Lorem ipsum</span><span>#Lorem ipsum</span></div>\r\n                        <div v-else><span v-for=\"t in tags\" :key=\"t.Id\" @click=\"listMaterialWithTag(t)\">#{{t.Name}}</span></div>\r\n                    </div>\r\n                    <video-caption-list v-if=\"tm && videoCaptions\" :user=\"user\" :class=\"[ changeVideoData ? '' : 'video-open-height']\" :tm=\"tm\" ref=\"videoCaptionCtrl\"\r\n                                        :video-captions=\"videoCaptions\" :dict-video-captions=\"dictVideoCaptions\"\r\n                                        :dictTMCS=\"dictTMCS\" :dictTMLS=\"dictTMLS\" :videoShareInfo=\"videoShareInfo\"\r\n                                        v-on:caption-clicked=\"onCaptionClicked\"\r\n                                        @show-bookmark-remind=\"showBookmarkReminder\"\r\n                                        @caption-shadowing-request=\"onCaptionShadowingRequest\"></video-caption-list>\r\n                </div>\r\n                <br />\r\n            </div>\r\n            <!-- 生字表 -->\r\n            <div class=\"tab-content\">\r\n                <div class=\"tranglationBody tabcontent\" v-if=\"activetab == 1\">\r\n                    <h5 class=\"modal-title\">{{$t('page_material_study.vocabulary')}}</h5>\r\n                    <div class=\"close-btn\" v-on:click=\"setTab(0)\">\r\n                        <i class=\"fas fa-times\"></i>\r\n                    </div>\r\n                    <div class=\"tmls-content-wrap\">\r\n                        <div class=\"list-wrap-border w-100 flex-between flex-nowrap\" v-for=\"tmlsdata in tmls\" :key=\"tmlsdata.Id\">\r\n                            <div class=\"text-left\">\r\n                                <div class=\"tmls-title-wrap\">\r\n                                    <p class=\"mb-1 title-bold tmls-title\" @click=\"openLexAdvInfo(tmlsdata)\">{{tmlsdata.LexiconLearningTitle}}</p>\r\n                                </div>\r\n                                <p class=\"mb-1 text-black\">{{tmlsdata.LexiconNativeTitle}}</p>\r\n                                <p v-if=\"dictTMCS && (tmlsdata.VideoCaptionId in dictTMCS)\" style=\"cursor:pointer;\" @click=\"onTMLCaptionClicked(tmlsdata)\">\r\n                                    {{dictTMCS[tmlsdata.VideoCaptionId].Text}}\r\n                                </p>\r\n                            </div>\r\n                            <div class=\"flex-center p-3\">\r\n                                <i class=\"fas fa-plus\" style=\"cursor:pointer\" v-on:click=\"addUserTML(tmlsdata)\"></i>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"gradual-mask\"></div>\r\n                    <div class=\"w-100 d-flex-center mt-4\"><button class=\"btn btn-second\" v-on:click=\"setTab(0)\">{{$t('page_material_study.close')}}</button></div>\r\n                </div>\r\n                <!-- 我的收藏 -->\r\n                <div class=\"tranglationBody tabcontent\" v-if=\"activetab == 2\">\r\n                    <h5 class=\"modal-title\">{{$t('page_material_study.my_collected_lex')}}</h5>\r\n                    <div class=\"close-btn\" v-on:click=\"setTab(0)\">\r\n                        <i class=\"fas fa-times\"></i>\r\n                    </div>\r\n                    <div v-if=\"utmls && utmls.length > 0\" class=\"tmls-content-wrap\">\r\n                        <div class=\"list-wrap-border w-100 flex-between flex-nowrap\" v-for=\"(utml, utmlIdx) in utmls\" :key=\"utml.TeachingMaterialLexiconId\">\r\n                            <div class=\"text-left\">\r\n                                <div class=\"tmls-title-wrap\">\r\n                                    <p class=\"mb-1 title-bold tmls-title\" @click=\"openLexAdvInfo(dictTMLS[utml.TeachingMaterialLexiconId])\">\r\n                                        {{dictTMLS[utml.TeachingMaterialLexiconId].LexiconLearningTitle}}\r\n                                    </p>\r\n                                </div>\r\n                                <p class=\"mb-1 text-black\">{{dictTMLS[utml.TeachingMaterialLexiconId].LexiconNativeTitle}}</p>\r\n                                <p v-if=\"isUTMLCaptionVisible(utml)\">{{fmtUTMLCaption(utml)}}</p>\r\n                            </div>\r\n                            <div class=\"flex-center p-3\">\r\n                                <i class=\"fas fa-trash\" style=\"cursor:pointer\" v-on:click=\"removeUserTML(utml, utmlIdx)\"></i>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-else>\r\n                        <p>{{$t('page_material_study.no_user_collected_lex')}}</p>\r\n                    </div>\r\n                    <div class=\"gradual-mask\"></div>\r\n                    <div class=\"w-100 d-flex-center mt-4\"><button class=\"btn btn-second\" v-on:click=\"setTab(0)\">{{$t('page_material_study.close')}}</button></div>\r\n                </div>\r\n                <!-- 心得討論 -->\r\n                <div class=\"tranglationBodyNotebook\" v-show=\"activetab == 3\">\r\n                    <h5 class=\"modal-title\">{{$t('page_material_study.study_notebook')}}</h5>\r\n                    <div class=\"close-btn\" v-on:click=\"setTab(0)\">\r\n                        <i class=\"fas fa-times\"></i>\r\n                    </div>\r\n                    <textarea class=\"\" id=\"\" name=\"\" rows=\"5\" v-model=\"tm.Comment\" disabled>\r\n                    </textarea>\r\n                    <div style=\"width:100%;height:20rem;\">\r\n                        <!--\r\n                        <fb-comment :url=\"fbDataUrl\"></fb-comment>    \r\n                        -->\r\n                        <teaching-material-comment :user=\"user\" :tmId=\"tmId\"></teaching-material-comment>\r\n                    </div>\r\n                    <!-- 改為作者的學習筆記\r\n                    <div class=\"w-100 d-flex-center mt-4\"><button class=\"btn btn-second\" @click=\"updateUserTMComment\">送出</button></div>\r\n                    -->\r\n                    <div class=\"w-100 d-flex-center mt-4\"><button class=\"btn btn-second\" v-on:click=\"setTab(0)\">{{$t('page_material_study.close')}}</button></div>\r\n                </div>\r\n                <!-- 衍生學習 -->\r\n                <div class=\"tranglationBody\" id=\"tabs-4\" role=\"tabpanel\" v-if=\"activetab == 4\">\r\n                    <h5 class=\"modal-title\">{{$t('page_material_study.derivated_learning')}}</h5>\r\n                    <div class=\"close-btn\" v-on:click=\"setTab(0)\">\r\n                        <i class=\"fas fa-times\"></i>\r\n                    </div>\r\n                    <div v-for=\"sv in suggestVideos\" :key=\"sv.VideoInfoId\">\r\n                        <img :src=\"'https://img.youtube.com/vi/' + sv.VideoId + '/hqdefault.jpg'\"\r\n                             class=\"w-100 extendLearn-img\" @click=\"playVideo(sv)\">\r\n                        <p class=\"hide-text-2\">{{fmtSuggestVideoReason(sv)}}</p>\r\n                        <hr>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <ul class=\"nav nav-tabs toolBtn-wrap\" role=\"tablist\">\r\n                <li class=\"nav-item\">\r\n                    <a v-on:click=\"setTab(1)\" v-bind:class=\"[ activetab == 1 ? 'active' : '' ]\" class=\"nav-link\">{{$t('page_material_study.vocabulary')}}</a>\r\n                </li>\r\n                <div class=\"btn-line\"></div>\r\n                <li class=\"nav-item\">\r\n                    <a class=\"nav-link\" v-on:click=\"setTab(3)\" v-bind:class=\"[ activetab == 3 ? 'active' : '' ]\">{{$t('page_material_study.study_notebook')}}</a>\r\n                </li>\r\n                <div class=\"btn-line\"></div>\r\n                <li class=\"nav-item\">\r\n                    <a v-on:click=\"setTab(2)\" v-bind:class=\"[ activetab == 2 ? 'active' : '' ]\" class=\"nav-link\">{{$t('page_material_study.my_collected_lex')}}</a>\r\n                </li>\r\n                <div class=\"btn-line\"></div>\r\n                <li class=\"nav-item\">\r\n                    <a class=\"nav-link\" v-on:click=\"setTab(4)\" v-bind:class=\"[ activetab == 4 ? 'active' : '' ]\">{{$t('page_material_study.derivated_learning')}}</a>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        <div v-else>\r\n            <h5>{{$t('page_material_study.tm_not_found')}}</h5>\r\n        </div>\r\n        <!-- Shadowing Modal -->\r\n        <shadowing-tool ref=\"shadowingModal\"></shadowing-tool>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import VideoCaptionList from '@/components/Elements/VideoCaptionList';\r\n    import YuYanPlayer from '@/components/Elements/YuYanPlayer';\r\n    import {\r\n        abbrCount,\r\n        fmtAuthorAvatorUrl,\r\n        ghelper,\r\n        gotoAuthorProfile\r\n    } from '@/lib/ghelper';\r\n\r\n    import ShadowingModal from '@/components/Elements/ShadowingTool.vue';\r\n    //import FbComment from '@/components/Elements/FbComment.vue';\r\n    import TeachingMaterialComment from '@/components/Elements/TeachingMaterialComment.vue';\r\n\r\n    export default {\r\n        props: {\r\n            user: {\r\n                type: Object,\r\n                default: null,\r\n            },\r\n            isPhone: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n            tmId: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n            videoId: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n            videoStart: {\r\n                type: Number,\r\n                default: null,\r\n            },\r\n            videoShareInfo: {\r\n                type: Object,\r\n                default: null,\r\n            }\r\n        },\r\n        components: {\r\n            'video-caption-list': VideoCaptionList,\r\n            'i-yu-yan-player': YuYanPlayer,\r\n            'shadowing-tool': ShadowingModal,\r\n            //'fb-comment': FbComment,\r\n            'teaching-material-comment': TeachingMaterialComment,\r\n        },\r\n        data: function () {\r\n            return {\r\n                videoInfo: null,\r\n                accentTypes: null,\r\n\r\n                videoCaptions: null,\r\n                dictVideoCaptions: null,\r\n                selectedVideoCaptionIdx: null,\r\n                selectedVideoCaption: null,\r\n\r\n                tm: null, // TeachingMaterial\r\n                tmcs: null, // TeachingMaterialCaptions\r\n                tmls: null, // TeachingMaterialLexicons\r\n                utmls: null, // UserTeachingMaterialLexicons\r\n                tags: null, // tags of teaching material\r\n                dictTMCS: null,\r\n                dictTMLS: null,\r\n                openModel:false,\r\n                activetab: 0,\r\n\r\n                // 詞彙的尋寶統計\r\n                vlFindingStatistic: null,\r\n                changeVideoData: true,\r\n\r\n                // suggest videos\r\n                suggestVideos: null,\r\n                openRemind: false\r\n            };\r\n        },\r\n        methods: {\r\n            getVideoShareUrl: async function () {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('get_video_share_url', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 300\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('get_video_share_url', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 300\r\n                    });\r\n                }\r\n\r\n                let vs = await this.getVideoShare();\r\n\r\n                if (vs == null) {\r\n                    vs = await this.createVideoShare();\r\n                }\r\n\r\n                if (vs) {\r\n                    let vsMsg = this.$t('page_material_study.video_share_url') + ' https://www.iyuyan.net/VideoShare/Index4/' + vs.HashId;\r\n                    this.$dialog.alert(vsMsg);\r\n                } else {\r\n                    this.$dialog.alert(this.$t('page_material_study.cannot_create_vs'));\r\n                }\r\n            },\r\n            getVideoShare: async function () {\r\n                if (this.tm.VideoShare) {\r\n                    return this.tm.VideoShare;\r\n                }\r\n\r\n                if (!this.tm.VideoShareId) {\r\n                    return null;\r\n                }\r\n\r\n                try {\r\n                    var loader = this.$loading.show();\r\n                    let res = await this.axios.post(\"Material/GetVideoShare\", {\r\n                        sid: this.tm.VideoShareId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    let vs = data.data;\r\n                    this.$set(this.tm, 'VideoShare', vs);\r\n                    loader.hide();\r\n\r\n                    return vs;\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法執行作業。發生不知名的錯誤\");\r\n                    loader.hide();\r\n\r\n                    return null;\r\n                }\r\n            },\r\n            createVideoShare: async function () {\r\n                var newShareDate = new Date();\r\n                newShareDate.setMonth(newShareDate.getMonth() + 1);\r\n\r\n                if (this.tm.VideoShare && this.tm.VideoShare.ShareDeadline) {\r\n                    if (this.tm.VideoShare.ShareDeadline == newShareDate) {\r\n                        return; // same, skip\r\n                    }\r\n                }\r\n\r\n                try {\r\n                    var loader = this.$loading.show();\r\n                    let res = await this.axios.post(\"Material/TeachingMaterialShare\", {\r\n                        tmid: this.tm.Id,\r\n                        dl: newShareDate,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    loader.hide();\r\n                    if (data.success) {\r\n                        var vs = data.data;\r\n                        this.$set(this.tm, 'VideoShare', vs);\r\n\r\n                        return vs;\r\n                    }\r\n\r\n                    this.$dialog.alert(data.message);\r\n                    return null;\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法執行作業。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                    return null;\r\n                }\r\n            },\r\n            fmtTMName: function (tm) {\r\n                if (tm.Name) {\r\n                    return tm.Name;\r\n                } else {\r\n                    return this.$t('page_material_study.unknown_tm_name');\r\n                }\r\n            },\r\n            fmtTranslateCount: function (tmcCount) {\r\n                let title = this.$t('page_material_study.translation_count');\r\n\r\n                return title + ': ' + tmcCount;\r\n            },\r\n            listMaterialWithTag: function (t) {\r\n                if (this.user) {\r\n                    var materialIndex = ghelper.getActionUrl('Index', 'Material');\r\n                    location.href = materialIndex + \"?m=7&t=\" + t.Id;\r\n                } else {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                }\r\n            },\r\n            onCaptionShadowingRequest: function (cap, capIdx) {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('caption_shadowing_request', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 150\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('caption_shadowing_request', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 150\r\n                    });\r\n                }\r\n\r\n                this.$refs.yyPlayer.pauseVideo();\r\n                this.$refs.shadowingModal.open(this.$refs.yyPlayer, cap, capIdx);\r\n            },\r\n            playVideo: function (vi) {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('play_derivated_video', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 150\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('play_derivated_video', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 150\r\n                    });\r\n                }\r\n\r\n                var appUrl = ghelper.getActionUrl('PlayVideoBS', 'Video');\r\n                location.href = appUrl + \"?v=\" + vi.VideoId + '&lang=' + vi.Lang;\r\n            },\r\n            openLexAdvInfo: function (tml) {\r\n                if (this.user) {\r\n                    let appUrl = ghelper.getActionUrl('AdvInfo', 'Lex');\r\n                    let urlFull = appUrl + '/' + tml.LexiconLearningId + '/' + this.tm.LangCharsetCodeTranslated;\r\n                    window.open(urlFull, '_blank');\r\n                } else {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                    return;\r\n                }\r\n            },\r\n            getNewData: function (newData) {\r\n                this.changeVideoData = newData\r\n                console.log(newData)\r\n            },\r\n            showBookmarkReminder: function () {\r\n                this.openRemind = true;\r\n\r\n                window.scrollTo(0, 0);\r\n            },\r\n            setTab: async function (newTab) {\r\n                if (newTab == this.activetab) {\r\n                    this.activetab = null;\r\n                } else {\r\n                    if (newTab > 0 && (newTab != 1 && newTab != 3)) {\r\n                        // 先關閉\r\n                        /*\r\n                        if (!this.tm.IsCollected) {\r\n                            if (this.user) {\r\n                                this.showBookmarkReminder();\r\n                                return;\r\n                            } else {\r\n                                let loginHint = this.$t('page_material_study.login_hint');\r\n                                this.$dialog.alert(loginHint);\r\n                                return;\r\n                            }\r\n                        }*/\r\n                        if (!this.user) {\r\n                            let loginHint = this.$t('page_material_study.login_hint');\r\n                            this.$dialog.alert(loginHint);\r\n                            return;\r\n                        }\r\n\r\n                        switch (newTab) {\r\n                            case 4:\r\n                                if (!this.suggestVideos) {\r\n                                    this.getSuggestVideosFromTM();\r\n                                }\r\n                                break;\r\n\r\n                            default:\r\n                                break;\r\n                        }\r\n                    }\r\n\r\n                    if ((newTab == 1 || newTab == 2) && !this.tmls) {\r\n                        await this.getAllTML();\r\n                    }\r\n\r\n                    this.activetab = newTab\r\n                }\r\n            },\r\n\r\n            fmtCountAbbr: function (c) {\r\n                return abbrCount(c) + '次';\r\n            },\r\n            onCaptionClicked: function (event, cap, capIdx) {\r\n                this.doCaptionClick(cap, capIdx);\r\n            },\r\n            doCaptionClick: function (cap, capIdx) {\r\n                this.selectedVideoCaptionIdx = capIdx;\r\n                this.selectedVideoCaption = cap;\r\n\r\n                this.$refs.yyPlayer.playCaption(cap);\r\n            },\r\n            scrollerTop: function () {\r\n                window.document.body.scrollTop = 0;\r\n                window.document.documentElement.scrollTop = 0;\r\n            },\r\n            alert: function (msg) {\r\n                this.$modal.show(\"dialog\", {\r\n                    title: \"請注意\",\r\n                    text: msg,\r\n                    buttons: [{\r\n                        title: \"關閉\",\r\n                    }, ],\r\n                });\r\n            },\r\n            fmtSuggestVideoReason: function (sv) {\r\n                if (sv.MatchedTerms != null) {\r\n                    return '您可以學習到： ' + sv.MatchedTerms.join(', ');\r\n                }\r\n\r\n                return null;\r\n            },\r\n            fmtUTMLCaption: function (utml) {\r\n                if (!this.dictTMCS || !this.dictTMLS) {\r\n                    return;\r\n                }\r\n\r\n                let tml = this.dictTMLS[utml.TeachingMaterialLexiconId];\r\n                if (tml.VideoCaptionId in this.dictTMCS) {\r\n                    return this.dictTMCS[tml.VideoCaptionId].Text;\r\n                }\r\n\r\n                return;\r\n            },\r\n            isUTMLCaptionVisible: function (utml) {\r\n                if (!this.dictTMCS) {\r\n                    return false;\r\n                }\r\n\r\n                let tml = this.dictTMLS[utml.TeachingMaterialLexiconId];\r\n                if (tml.VideoCaptionId in this.dictTMCS) {\r\n                    return true;\r\n                }\r\n\r\n                return false;\r\n            },\r\n            onTMLCaptionClicked: function (tml) {\r\n                let vc = this.dictVideoCaptions[tml.VideoCaptionId];\r\n                if (vc != null) {\r\n                    // goto with scrolling, this event is trigger by user clicked the caption of tml.\r\n                    this.$refs.videoCaptionCtrl.gotoCaption(vc.cap);\r\n                    this.$refs.yyPlayer.playCaption(vc.cap);\r\n                }\r\n            },\r\n            onVideoPlayingCaptionChanged: function (capOld, capNew) {\r\n                if (capNew) {\r\n                    if (this.$refs.videoCaptionCtrl) {\r\n                        if (this.selectedVideoCaption && this.selectedVideoCaption.No == capNew.No) {\r\n                            // goto with skip Scroll, this event is trigger by user clicked the caption list control\r\n                            this.$refs.videoCaptionCtrl.gotoCaption(capNew, true);\r\n                        } else {\r\n                            this.$refs.videoCaptionCtrl.gotoCaption(capNew);\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            /* 改為作者的學習筆記\r\n            updateUserTMComment: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/UpdateUserTMComment\", {\r\n                        tmId: this.tmId,\r\n                        c: this.tm.Comment,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.$dialog.alert('更新成功。');\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法更新使用者的學習筆記。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            */\r\n            getTeachingMaterialTags: async function () {\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetTeachingMaterialTags\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.tags = data.data;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得教材的主題標籤。發生不知名的錯誤\");\r\n                }\r\n            },\r\n            getSuggestVideosFromTM: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetSuggestVideosFromTM\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.suggestVideos = data.data;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得衍生的學習影片。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getVideoLexiconFindingStatistic: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetVideoLexiconFindingStatistic\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.vlFindingStatistic = data.data;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法影片詞彙尋寶統計資訊。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getAccentTypes: async function (lang) {\r\n                try {\r\n                    let lls = lang.substring(0, 2);\r\n                    let res = await this.axios.post(\"Data/GetAccentTypes\", {\r\n                        lls: lls,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.accentTypes = data.data;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法讀取口音資訊。發生不知名的錯誤\");\r\n                }\r\n            },\r\n            getVideoInfo: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Video/GetVideoInfo\", {\r\n                        v: this.videoId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.videoInfo = data.data;\r\n\r\n                        if (this.videoInfo.AccentTypeId) {\r\n                            // load accent types data if we have accentTypeId\r\n                            this.getAccentTypes(this.videoInfo.VideoLang);\r\n                        }\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得學習影片資訊。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            toggleTMCollecting: async function () {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('tm_collecting', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 250\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('tm_collecting', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 250\r\n                    });\r\n                }\r\n\r\n\r\n                if (this.tm.IsCollected && !this.user.IsAdmin) {\r\n                    return; // skip toggle, user cannot uncheck\r\n                }\r\n\r\n                if (!this.user) {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                    return;\r\n                }\r\n\r\n                if (this.tm.AuthorId == this.user.HashedUserId) {\r\n                    // the author, skip it.\r\n                    return;\r\n                }\r\n\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/ToggleTMCollecting\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        let isCollected = data.data;\r\n                        this.$set(this.tm, 'IsCollected', isCollected);\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法切換教材的搜集資訊。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            onAuthorClicked: function () {\r\n                gotoAuthorProfile(this.tm);\r\n            },\r\n            userClaps: async function () {\r\n                if (!this.user) {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                    return;\r\n                }\r\n\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Data/UserClaps\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        let newClapsCount = data.data;\r\n                        if (!this.tm.IsUserLike) {\r\n                            this.$set(this.tm, 'IsUserLike', true);\r\n                        }\r\n                        this.$set(this.tm, 'LikeCount', newClapsCount);\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法拍手。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getUserTML: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetUserTeachingMaterialLexicons\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.utmls = data.data;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得使用者收藏的生字表。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            addUserTML: async function (tml) {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('add_user_tml', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 200\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('add_user_tml', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 200\r\n                    });\r\n                }\r\n\r\n                if (this.user) {\r\n                    /* 先關閉點數限制 */\r\n                    /*\r\n                    if (this.tm.IsCollected) {\r\n                        var loader = this.$loading.show();\r\n\r\n                        try {\r\n                            let res = await this.axios.post(\"Data/AddUserTeachingMaterialLexicon\", {\r\n                                tmId: this.tmId,\r\n                                tmlId: tml.Id,\r\n                            });\r\n\r\n                            let data = res.data;\r\n\r\n                            if (data.success) {\r\n                                let addedTML = data.data;\r\n                                this.utmls.push(addedTML);\r\n                            } else {\r\n                                this.$dialog.alert(data.message);\r\n                            }\r\n                            loader.hide();\r\n                        } catch (error) {\r\n                            if (error.response) {\r\n                                // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                                // 有 data / status / headers 參數可用\r\n                                console.log(error.response.status);\r\n                            } else if (error.request) {\r\n                                // 發送請求，但沒有接到回應\r\n                                // error.request is an instance of XMLHttpRequest in the browser\r\n                                // and an instance of http.ClientRequest in node.js\r\n                                console.log(error.request);\r\n                            } else {\r\n                                // 在設定 request 時出錯會進入此\r\n                                console.log(\"Error\", error.message);\r\n                            }\r\n                            this.$dialog.alert(\"無法新增使用者的收藏。發生不知名的錯誤\");\r\n                            loader.hide();\r\n                        }\r\n                    } else {\r\n                        this.showBookmarkReminder();\r\n                    }\r\n                    */\r\n\r\n                    var loader = this.$loading.show();\r\n\r\n                    try {\r\n                        let res = await this.axios.post(\"Data/AddUserTeachingMaterialLexicon\", {\r\n                            tmId: this.tmId,\r\n                            tmlId: tml.Id,\r\n                        });\r\n\r\n                        let data = res.data;\r\n\r\n                        if (data.success) {\r\n                            let addedTML = data.data;\r\n                            this.utmls.push(addedTML);\r\n                        } else {\r\n                            this.$dialog.alert(data.message);\r\n                        }\r\n                        loader.hide();\r\n                    } catch (error) {\r\n                        if (error.response) {\r\n                            // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                            // 有 data / status / headers 參數可用\r\n                            console.log(error.response.status);\r\n                        } else if (error.request) {\r\n                            // 發送請求，但沒有接到回應\r\n                            // error.request is an instance of XMLHttpRequest in the browser\r\n                            // and an instance of http.ClientRequest in node.js\r\n                            console.log(error.request);\r\n                        } else {\r\n                            // 在設定 request 時出錯會進入此\r\n                            console.log(\"Error\", error.message);\r\n                        }\r\n                        this.$dialog.alert(\"無法新增使用者的收藏。發生不知名的錯誤\");\r\n                        loader.hide();\r\n                    }\r\n                } else {\r\n                    let loginHint = this.$t('page_material_study.login_hint');\r\n                    this.$dialog.alert(loginHint);\r\n                }\r\n            },\r\n            removeUserTML: async function (utml, utmlIdx) {\r\n                if (this.videoShareInfo) {\r\n                    // from videoshare\r\n                    this.$gtag.event('remove_user_tml', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'video_share',\r\n                        'value': 100\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('remove_user_tml', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'material_study',\r\n                        'value': 100\r\n                    });\r\n                }\r\n\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Data/RemoveUserTeachingMaterialLexicon\", {\r\n                        tmlId: utml.TeachingMaterialLexiconId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.utmls.splice(utmlIdx, 1);\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法移除使用者的收藏。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getUserTM: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Material/GetUserTeachingMaterial\", {\r\n                        tmId: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.tm = data.data;\r\n\r\n                        this.getVideoCaptions();\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得影片學習資訊。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getVideoCaptions: async function () {\r\n                let loader = this.$loading.show();\r\n\r\n                await this.$recaptchaLoaded();\r\n\r\n                const token = await this.$parent.$recaptcha('Data/GetVideoCaptions');\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetVideoCaptions\", {\r\n                        re: token,\r\n                        v: this.videoId,\r\n                        l: this.tm.LangCharsetCodeLearning,\r\n                        cc: false,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.videoCaptions = data.data;\r\n\r\n                        let dictVideoCaptions = {};\r\n                        this.videoCaptions.forEach(function (vc, idx) {\r\n                            dictVideoCaptions[vc.Id] = {\r\n                                idx: idx,\r\n                                cap: vc,\r\n                            };\r\n                        });\r\n                        this.dictVideoCaptions = dictVideoCaptions;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得影片字幕資訊。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getAdaptedTMCs: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Material/GetAdaptedTMCs\", {\r\n                        v: this.videoId,\r\n                        tmid: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.tmcs = data.data;\r\n\r\n                        let dictTMCS = {};\r\n                        for (let curTMC of this.tmcs) {\r\n                            dictTMCS[curTMC.VideoCaptionId] = curTMC;\r\n                        }\r\n                        this.dictTMCS = dictTMCS; // 這樣就可以用 this.dictTMCS[VideoCaptionId] 抓到對應的翻譯資料\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得例句翻譯。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            getAllTML: async function () {\r\n                var loader = this.$loading.show();\r\n\r\n                try {\r\n                    let res = await this.axios.post(\"Material/GetAllTML\", {\r\n                        vid: this.videoId,\r\n                        tmid: this.tmId,\r\n                    });\r\n\r\n                    let data = res.data;\r\n\r\n                    if (data.success) {\r\n                        this.tmls = data.data;\r\n\r\n                        let dictTMLS = {};\r\n                        for (let curTML of this.tmls) {\r\n                            dictTMLS[curTML.Id] = curTML;\r\n                        }\r\n\r\n                        this.dictTMLS = dictTMLS;\r\n                    } else {\r\n                        this.$dialog.alert(data.message);\r\n                    }\r\n                    loader.hide();\r\n                } catch (error) {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        console.log(error.response.status);\r\n                    } else if (error.request) {\r\n                        // 發送請求，但沒有接到回應\r\n                        // error.request is an instance of XMLHttpRequest in the browser\r\n                        // and an instance of http.ClientRequest in node.js\r\n                        console.log(error.request);\r\n                    } else {\r\n                        // 在設定 request 時出錯會進入此\r\n                        console.log(\"Error\", error.message);\r\n                    }\r\n                    this.$dialog.alert(\"無法取得生字表。發生不知名的錯誤\");\r\n                    loader.hide();\r\n                }\r\n            },\r\n            initData: function () {\r\n                this.getVideoInfo();\r\n                this.getVideoLexiconFindingStatistic();\r\n                this.getUserTM();\r\n                this.getAdaptedTMCs();\r\n                //this.getAllTML();\r\n                this.getTeachingMaterialTags();\r\n\r\n                if (this.user) {\r\n                    this.getUserTML();\r\n                }\r\n            },\r\n        },\r\n        computed: {\r\n            fbDataUrl: function () {\r\n                // old url\r\n                //let dataUrl = process.env.VUE_APP_FB_COMMENT_BASE_URL + '/Video/PlayVideoBS?v=' + this.videoId;\r\n\r\n                let dataUrl = null;\r\n                // 每個教材一個專屬的留言網址\r\n                dataUrl = process.env.VUE_APP_FB_COMMENT_BASE_URL + '/Material/Study/' + this.videoId + '/' + this.tmId;\r\n                /*\r\n                if (this.videoShareInfo) {\r\n                    dataUrl = process.env.VUE_APP_FB_COMMENT_BASE_URL + '/VideoShare/Index4/' + this.videoShareInfo.VideoShareId;\r\n                } else {\r\n                    // 每個教材一個專屬的留言網址\r\n                    dataUrl = process.env.VUE_APP_FB_COMMENT_BASE_URL + '/Material/Study/' + this.videoId + '/' + this.tmId;\r\n                }\r\n                */\r\n\r\n                return dataUrl;\r\n            },\r\n            fmtAccentTypeName: function () {\r\n                if (this.accentTypes && this.videoInfo && this.videoInfo.AccentTypeId) {\r\n                    let accentTypes = this.accentTypes[this.videoInfo.VideoLang];\r\n                    for (let at of accentTypes) {\r\n                        if (at.Id == this.videoInfo.AccentTypeId) {\r\n                            return at.Name;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                return '錯誤的口音資料';\r\n            },\r\n            fmtAuthorAvatorUrl: function () {\r\n                if (this.tm) {\r\n                    return fmtAuthorAvatorUrl(this.tm);\r\n                }\r\n\r\n                return null;\r\n            },\r\n            getVideoLoadStart: function () {\r\n                if (this.videoStart) {\r\n                    return this.videoStart;\r\n                } else if (this.videoCaptions && this.tmcs) {\r\n                    return Math.floor(this.tmcs[0].Start);\r\n                }\r\n\r\n                return 0;\r\n            }\r\n        },\r\n        mounted: function () {\r\n            this.initData();\r\n        },\r\n        watch: {\r\n            user: function (newVal) {\r\n                if (newVal) {\r\n                    this.getUserTML();\r\n                }\r\n            },\r\n        },\r\n        created() { },\r\n        metaInfo() {\r\n            return {\r\n                // ideas from here: https://www.epiloge.com/how-to-add-dynamic-meta-tags-to-your-vuejs-app-for-google-seo-0fa058\r\n                meta: [\r\n                    { property: 'og:locale', content: 'zh_TW' },\r\n                    { property: 'og:title', content: `${this.videoShareInfo.VideoTitle}` },\r\n                    { property: 'og:type', content: 'website' },\r\n                    { property: 'og:url', content: `${window.location.href.split('?')[0]}` },\r\n                    { property: 'og:description', content: '愛語言 - 您的線上語言自學平台。以資訊科技與影音，翻轉你的語言學習體驗' },\r\n                    { property: 'og:image', content: `${this.videoShareInfo.ImageUrl}`},\r\n                    { property: 'og:image:type', content: 'image/jpg' },\r\n                    { property: 'og:image:width', content: `${this.videoShareInfo.ImageHeight}` },\r\n                    { property: 'og:image:height', content: `${this.videoShareInfo.ImageHeight}` },\r\n                ]\r\n            }\r\n        },\r\n    };\r\n</script>\r\n<style>\r\n    .tm-wrapper {\r\n        padding-bottom: 100px;\r\n    }\r\n\r\n    .tm-wrapper h1 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .anthorCricle-image {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n        border: 1px solid #ebebeb;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        background-color: #a9a9a9;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .tm-wrapper h2 {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n\r\n\r\n    .tmls-title {\r\n        cursor: pointer;\r\n        position: relative;\r\n    }\r\n\r\n    .tmls-title::after {\r\n        content: url('~@/assets/image/videoCaptions-voice.svg');\r\n        width: 50px;\r\n        height: 50px;\r\n        margin-left: 6px;\r\n        opacity: 0;\r\n        position: relative;\r\n        top: 2px;\r\n        cursor: pointer;\r\n    }\r\n\r\n        .tmls-title:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .tmls-title-wrap:hover .tmls-title::after {\r\n            opacity: 1;\r\n        }\r\n\r\n    .tmls-content-wrap{\r\n        height: 570px;\r\n        overflow-y: auto;\r\n        position: relative;\r\n    }\r\n\r\n    @media screen and (min-width: 1240px) {\r\n        .gradual-mask{\r\n            position: absolute;\r\n            bottom: 79px;\r\n            width: 100%;\r\n            left: 0px;\r\n            right: 0px;\r\n            height: 35px;\r\n            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+40&0+0,1+40 */\r\n            background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,1) 40%); /* FF3.6-15 */\r\n            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 40%); /* Chrome10-25,Safari5.1-6 */\r\n            background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */\r\n        }\r\n        \r\n    }\r\n\r\n\r\n    /* 右側欄 */\r\n    /*******************************\r\n        * MODAL AS LEFT/RIGHT SIDEBAR\r\n        * Add \"left\" or \"right\" in modal parent div, after class=\"modal\".\r\n        * Get free snippets on bootpen.com\r\n        *******************************/\r\n    .right .modal .modal-dialog {\r\n        position: fixed;\r\n        margin: auto;\r\n        width: 320px;\r\n        height: 100%;\r\n        -webkit-transform: translate3d(0%, 0, 0);\r\n        -ms-transform: translate3d(0%, 0, 0);\r\n        -o-transform: translate3d(0%, 0, 0);\r\n        transform: translate3d(0%, 0, 0);\r\n    }\r\n\r\n    .right .modal .modal-content {\r\n        height: 100%;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .right .modal .modal-body {\r\n        padding: 15px 15px 80px;\r\n    }\r\n\r\n    /*Right*/\r\n    .right .fade .modal-dialog {\r\n        right: -320px;\r\n        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;\r\n        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;\r\n        -o-transition: opacity 0.3s linear, right 0.3s ease-out;\r\n        transition: opacity 0.3s linear, right 0.3s ease-out;\r\n    }\r\n\r\n    .right .fade .modal-dialog {\r\n        right: 0;\r\n    }\r\n\r\n    /* ----- MODAL STYLE ----- */\r\n    /* .modal-content {\r\n        border-radius: 0;\r\n        border: none;\r\n    }\r\n\r\n    .modal-header {\r\n        border-bottom-color: #eeeeee;\r\n        background-color: #fafafa;\r\n    }\r\n\r\n\r\n    .demo {\r\n        padding-top: 60px;\r\n        padding-bottom: 110px;\r\n    }\r\n\r\n    .btn-demo {\r\n        margin: 15px;\r\n        padding: 10px 15px;\r\n        border-radius: 0;\r\n        font-size: 16px;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    .btn-demo:focus {\r\n        outline: 0;\r\n    }\r\n\r\n    .demo-footer {\r\n        position: fixed;\r\n        bottom: 0;\r\n        width: 100%;\r\n        padding: 15px;\r\n        background-color: #212121;\r\n        text-align: center;\r\n    }\r\n\r\n    .demo-footer>a {\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        font-size: 16px;\r\n        color: #fff;\r\n    }\r\n\r\n    .modal-backdrop {\r\n        display: none;\r\n    }\r\n\r\n    #exampleModal {\r\n        max-width: 380px;\r\n    }\r\n\r\n    .modal-backdrop {\r\n        max-width: 380px;\r\n    }\r\n\r\n    .modal-content {\r\n        box-shadow: 0 1px 12px rgb(0 0 0 / 19%);\r\n        z-index: 99999999999;\r\n        border-radius: 10px;\r\n        background-color: hsla(0, 0%, 100%, .9);\r\n    } */\r\n\r\n    .fa-trash {\r\n        color: #D3D3D3;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fa-trash:hover {\r\n        color: #FF6072;\r\n    }\r\n\r\n    .toolBtn-wrap {\r\n        position: absolute;\r\n        bottom: 3%;\r\n        left: 50%;\r\n        transform: translate(-50%, 0%);\r\n        box-shadow: 0 1px 12px rgb(0 0 0 / 19%);\r\n        padding: 10px 10px;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        min-width: auto;\r\n        z-index: 11;\r\n        background-color: #fff;\r\n    }\r\n\r\n    .scrollTop {\r\n        display: none;\r\n    }\r\n    \r\n\r\n    @media screen and (max-width:700px) {\r\n        .toolBtn-wrap {\r\n            position: fixed;\r\n            z-index: 9;\r\n            background-color: #fff;\r\n            bottom: 3%;\r\n        }\r\n\r\n        .toolBtn-wrap {\r\n            min-width: 330px;\r\n        }\r\n\r\n        .toolBtn-wrap .btn {\r\n            font-size: .9rem;\r\n            padding: 5px 10px;\r\n        }\r\n\r\n        .right .modal .modal-dialog {\r\n            width: 100%;\r\n        }\r\n\r\n        .modal-content {\r\n            background-color: hsla(0, 0%, 100%, 1);\r\n        }\r\n\r\n        /* .modal-header {\r\n            position: fixed;\r\n            right: 0px;\r\n            left: 0px;\r\n            z-index: 99;\r\n        } */\r\n\r\n        .modal-body {\r\n            padding-top: 81px !important\r\n        }\r\n\r\n        .videoCaptionsData-wrap {\r\n            overflow-y: none;\r\n            height: 420px!important;\r\n            padding: 0px 0px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .scrollTop {\r\n            position: fixed;\r\n            right: 0px;\r\n            bottom: 84px;\r\n            padding: 10px;\r\n            border-radius: 50px;\r\n            background-color: #fff;\r\n            box-shadow: 0 1px 12px rgb(0 0 0 / 19%);\r\n            display: block;\r\n        }\r\n\r\n        .toolBtn-wrap .btn.scrollTop:hover {\r\n            border-radius: 50px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        .tm-num-text {\r\n            font-size: .9rem;\r\n        }\r\n    }\r\n\r\n\r\n    .toolBtn-wrap .btn:hover {\r\n        background-color: #f2f2f2;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .btn-line {\r\n        width: 2px;\r\n        height: 20px;\r\n        background-color: #000;\r\n    }\r\n\r\n    #studyNotes textarea {\r\n        width: 100%;\r\n        border: 2px solid;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .fa-share-alt-square {\r\n        color: #c2c2c2;\r\n        font-size: 1.4rem;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .fa-share-alt-square:hover {\r\n        color: #456CEB;\r\n    }\r\n\r\n    .materialStudy-wrap {\r\n        width: 100%;\r\n        height: 100%;\r\n        max-width: 1770px;\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n        overflow: hidden;\r\n        position: relative;\r\n        text-align: left;\r\n        padding: 0% 10%;\r\n    }\r\n\r\n    .materialStudy-wrap .tm-wrapper {\r\n        width: 100%;\r\n        display: flex;\r\n        position: relative;\r\n        z-index: 10;\r\n        transition: all 0.6s;\r\n        /* background-color: rgb(218, 255, 218); */\r\n    }\r\n\r\n    .tm-wrapper.move {\r\n        margin-left: -17%;\r\n    }\r\n\r\n    /* .tranglationBody.active {\r\n        right: 0px;\r\n    } */\r\n\r\n    .tranglationBody {\r\n        width: 24%;\r\n        display: block;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0px;\r\n        right: -26%;\r\n        box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);\r\n        transition: all 0.6s;\r\n        padding-top: 20px;\r\n        padding-right: 30px;\r\n        padding-left: 30px;\r\n        overflow-y: auto;\r\n        /*user-select: none;*/\r\n        background-color: #fff;\r\n        z-index: 99;\r\n        right: 0px;\r\n    }\r\n\r\n    .tranglationBodyNotebook {\r\n        width: 50%;\r\n        display: block;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0px;\r\n        right: -26%;\r\n        box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);\r\n        transition: all 0.6s;\r\n        padding-top: 20px;\r\n        padding-right: 30px;\r\n        padding-left: 30px;\r\n        overflow-y: auto;\r\n        /*user-select: none;*/\r\n        background-color: #fff;\r\n        z-index: 99;\r\n        right: 0px;\r\n    }\r\n\r\n    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{\r\n        border:0px;\r\n    }\r\n\r\n    .nav-tabs .nav-link {\r\n        cursor: pointer;\r\n    }   \r\n\r\n    .modal-title{\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .videoCaptionsData-title{\r\n        margin-bottom: 4px;\r\n        margin-top: 36px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\r\n        border-color: rgba(255, 255, 255, 0);\r\n        background-color: #a9a9a92a;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .close-btn{\r\n        position: absolute;\r\n        right: 10px;\r\n        top:10px;\r\n        cursor: pointer;\r\n    }\r\n    .fa-times{\r\n        color:rgb(174, 174, 174);\r\n    }\r\n\r\n    .bookmarks::before {\r\n        content: url('/img/title-bookmarks.svg');\r\n        height: 25px;\r\n        margin-right: 9px;\r\n    }\r\n\r\n    .bookmarks-active {\r\n        content: url('/img/title-bookmarks-active.svg');\r\n        height: 25px;\r\n        margin-right: 9px;\r\n    }\r\n\r\n    .list-wrap-border{\r\n        border-bottom: 1px solid rgb(223, 223, 223);\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .list-wrap-border:nth-last-child(1){\r\n        border-bottom: 0px;\r\n    }\r\n\r\n    .fa-plus{\r\n        color: #c2c2c2;\r\n    }\r\n    .fa-plus:hover{\r\n        color: #456CEB;\r\n    }\r\n\r\n    .tranglationBodyNotebook textarea {\r\n        /*\r\n            border-color: #e3e3e3;\r\n        */\r\n        border: 1px solid lightgray !important;\r\n        width: 100%;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .close-video{\r\n        display: none;\r\n    }\r\n\r\n    .extendLearn-img{\r\n        height: 160px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .bookmarks-remind{\r\n        position: absolute;\r\n        z-index: 99999;\r\n        font-size: 20px;\r\n        line-height: 30px;\r\n        padding: 13px;\r\n        top: -27px;\r\n        left: 50px;\r\n        width: 224px;\r\n        color: #fff;\r\n        border-radius: 10px;\r\n        background-color: #456CEB;\r\n        border: 2px solid #456CEB;\r\n        display: none;\r\n    }\r\n\r\n    .remind-tringle{\r\n        width: 0;\r\n        height: 0;\r\n        border-style: solid;\r\n        border-width: 0 16px 16px 16px;\r\n        transform : rotate(-90deg);\r\n        border-color: transparent transparent #456CEB transparent;\r\n        position: absolute;\r\n        left: -21px;\r\n        top: 44px;\r\n    }\r\n\r\n    .bookmarks-remind .close-btn {\r\n        position: absolute;\r\n        color: #fff !important;\r\n        background-color: #a9a9a9;\r\n        border-radius: 50%;\r\n        width: 30px;\r\n        right: -10px;\r\n        top: -10px;\r\n        text-align: center;\r\n    }\r\n\r\n    .bookmarks-remind .fa-times {\r\n        z-index: 99999;\r\n        color: #fff !important;\r\n    }\r\n\r\n    .show{\r\n        display: block;\r\n    }\r\n\r\n    .label-primary{\r\n        background-color: #71d8bc;\r\n        border-radius: 5px;\r\n        font-size: 12px;\r\n        padding: 5px 10px;\r\n        display: flex;\r\n        color: #fff;\r\n    }\r\n\r\n    .fb-comments iframe {\r\n        width: 100%;\r\n    }\r\n\r\n    @media screen and (max-width:900px) {\r\n        .nav.toolBtn-wrap {\r\n            flex-wrap: nowrap;\r\n            width: 402px;\r\n            max-width: 402px;\r\n            z-index: 999;\r\n            background-color: #FFF;\r\n        }\r\n\r\n        .nav.toolBtn-wrap .nav-link{\r\n            font-size: 16px;\r\n        }\r\n        .materialStudy-wrap {\r\n            padding: 0% 5%;\r\n        }\r\n        .tmls-content-wrap {\r\n            height: 74vh;\r\n            overflow-y: auto;\r\n            position: relative;\r\n        }\r\n        .tranglationBody {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: fixed;\r\n            right: 0!important;\r\n            left: 0!important;\r\n            z-index: 999999;\r\n        }\r\n        .tranglationBodyNotebook {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: fixed;\r\n            right: 0 !important;\r\n            left: 0 !important;\r\n            z-index: 999999;\r\n        }\r\n        .extendLearn-img{\r\n            height: 250px;\r\n        }\r\n    }\r\n\r\n    @media screen and (min-width:1200px){\r\n        .tranglationBody {\r\n            max-width:350px;\r\n        }\r\n    } \r\n\r\n    @media screen and (max-width:450px) {\r\n        .nav.toolBtn-wrap {\r\n            width: 320px;\r\n            max-width: 320px;\r\n        }\r\n\r\n        .nav.toolBtn-wrap .nav-link{\r\n            font-size: 15px;\r\n            padding: 0px 5px;\r\n        }\r\n        .btn-line {\r\n            width: 1px;\r\n            background-color: rgb(106, 106, 106);\r\n        }\r\n        .nav.toolBtn-wrap {\r\n            width: 300px!important;\r\n            max-width: 300px!important;\r\n            min-width: 300px!important;\r\n        }\r\n\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageMaterialStudy.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageMaterialStudy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageMaterialStudy.vue?vue&type=template&id=3ac8476a&lang=html&\"\nimport script from \"./PageMaterialStudy.vue?vue&type=script&lang=js&\"\nexport * from \"./PageMaterialStudy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageMaterialStudy.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoCaptionList.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/lexprogress-video-heart-active.6109ec7c.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableDiv.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/tm-findText.a90735af.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeachingMaterialComment.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}