{"version":3,"sources":["webpack:///./src/assets/image/lexprogress-author.jpg","webpack:///./src/lib/ghelper.js","webpack:///./src/assets/image/base-icon-2.png","webpack:///./src/assets/image/header-search-btn.svg","webpack:///./src/assets/image/base-icon-3.png","webpack:///./src/components/Elements/PageFooter.vue?c59a","webpack:///./src/components/Elements/PageFooter.vue?5312","webpack:///src/components/Elements/PageFooter.vue","webpack:///./src/components/Elements/PageFooter.vue?1ff9","webpack:///./src/components/Elements/PageFooter.vue?f2da","webpack:///./src/assets/image/video-readviews.svg","webpack:///./src/lib/AppBaseMixin.js","webpack:///./src/assets/image/CaptionCorpus-heart-icon-active.svg","webpack:///./src/components/Elements/PageHeader.vue?dc23","webpack:///./src/components/Elements/SearchBox2.vue?5328","webpack:///src/components/Elements/SearchBox2.vue","webpack:///./src/components/Elements/SearchBox2.vue?3681","webpack:///./src/components/Elements/SearchBox2.vue?d97d","webpack:///./src/components/Elements/UserNotificationPanel.vue?a953","webpack:///src/components/Elements/UserNotificationPanel.vue","webpack:///./src/components/Elements/UserNotificationPanel.vue?c692","webpack:///./src/components/Elements/UserNotificationPanel.vue","webpack:///src/components/Elements/PageHeader.vue","webpack:///./src/components/Elements/PageHeader.vue?7360","webpack:///./src/components/Elements/PageHeader.vue?833c","webpack:///./src/assets/image/lexprogress-video-heart.svg","webpack:///./src/components/Elements/Pagination3.vue?7a69","webpack:///./src/components/Elements/SearchBox2.vue?8c58","webpack:///./src/components/Elements/BDialog/BDialog.vue?8d3a","webpack:///src/components/Elements/BDialog/BDialog.vue","webpack:///./src/components/Elements/BDialog/BDialog.vue?9c5c","webpack:///./src/components/Elements/BDialog/BDialog.vue","webpack:///./src/components/Elements/BDialog/Plugin.js","webpack:///./src/components/Elements/PageHeader.vue?17f0","webpack:///./src/assets/image/CaptionCorpus-heart-icon.svg","webpack:///./src/components/Elements/Pagination3.vue?0050","webpack:///src/components/Elements/Pagination3.vue","webpack:///./src/components/Elements/Pagination3.vue?9d6c","webpack:///./src/components/Elements/Pagination3.vue?a268"],"names":["module","exports","GlobalHelper","self","this","config","baseUrl","process","getBaseUrl","base","slice","getActionUrl","action","controller","ghelper","abbrCount","c","abbrNo","Math","floor","toFixed","HSVtoRGB","h","s","v","r","g","b","i","f","p","q","t","arguments","length","round","getUrlParams","uri","window","location","href","split","getVars","vars","tmp","forEach","loweredVar","toLowerCase","gotoMaterialEdit","event","tmr","tl","appUrl","VideoId","Id","ctrlKey","shiftKey","open","OpenPlayVideo","vid","lang","start","win","focus","getDateString","dt","d","Date","getFullYear","zeroPadding","getMonth","getDate","n","strLen","fmtAuthorAvatorUrl","author","AvatorFile","AvatorFileModifiedCount","require","gotoAuthorProfile","tm","AuthorId","url","getCookie","name","value","document","cookie","parts","pop","shift","render","_vm","_h","$createElement","_c","_self","staticClass","_m","_v","_s","$t","attrs","on","$event","moreSC","staticRenderFns","component","appMixin","data","isPhone","isTablet","user","methods","alert","msg","$modal","show","title","text","buttons","getUserLogin","axios","post","mimicLogined","mimicUserId","then","res","success","catch","error","response","status","reload","request","console","log","message","mounted","created","md","MobileDetect","navigator","userAgent","phone","tablet","computed","showSearchBox","_e","class","notificationCount","style","onNotificationCountUpdated","fmtCurrentLang","staticStyle","switchTranslation","IsPreviewer","IsContentManager","IsAdmin","HashedUserId","getAbsoluteAction","_l","cate","fmtCategoryUrl","Name","IsPremiumUser","IsTranslator","fmtMaterialIndexUrl","componentMenuContentManager","tag","componentMenuAdmin","IsSpecialUser","fmtTranslationHelpUrl","login","fmtRegisterDesc","fmtFormAction","directives","rawName","expression","domProps","target","composing","searchLex","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","searchLang","multiple","gotoLexCorpus","readAll","notifications","key","IsRead","gotoNotification","fmtNotificationMsg","ref","fmtTitle","Plugin","Vue","$dialog","$bus","$emit","install","Dialog","componentName","dialogComponentName","BDialog","pageNums","userPageLen","ps","page","preventDefault","gotoPrevPage","apply","pidx","gotoPage","pageMax","gotoNextPage"],"mappings":"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","file":"js/chunk-common.7d64dc37.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/lexprogress-author.d6255afd.jpg\";","\r\nfunction GlobalHelper() {\r\n    var self = this;\r\n\r\n    self.config = self.config || {};\r\n    self.config.baseUrl = process.env.VUE_APP_OLD_SERVER_BASE_URL;\r\n\r\n    self.getBaseUrl = function () {\r\n        var base = self.config.baseUrl.slice(-1) == '/' ? self.config.baseUrl : self.config.baseUrl + '/';\r\n\r\n        return base;\r\n    };\r\n\r\n    self.getActionUrl = function (action, controller) {\r\n        var base = self.config.baseUrl.slice(-1) == '/' ? self.config.baseUrl : self.config.baseUrl + '/';\r\n\r\n        if (action) {\r\n            return base + controller + '/' + action;\r\n        } else {\r\n            return base + controller;\r\n        }\r\n        \r\n    };\r\n\r\n}\r\n\r\nlet ghelper = new GlobalHelper();\r\n\r\nfunction abbrCount(c) {\r\n    let abbrNo;\r\n    if (c >= 10000) {\r\n        abbrNo = Math.floor(c/1000) * 1000 / 10000;\r\n    } else {\r\n        if (c) {\r\n            return c;\r\n        } else {\r\n            return 0;\r\n        }\r\n    }\r\n\r\n    return abbrNo.toFixed(1) + '萬';\r\n}\r\n\r\nfunction HSVtoRGB(h, s, v) {\r\n    var r, g, b, i, f, p, q, t;\r\n    if (arguments.length === 1) {\r\n        s = h.s, v = h.v, h = h.h;\r\n    }\r\n    i = Math.floor(h * 6);\r\n    f = h * 6 - i;\r\n    p = v * (1 - s);\r\n    q = v * (1 - f * s);\r\n    t = v * (1 - (1 - f) * s);\r\n    switch (i % 6) {\r\n        case 0: r = v, g = t, b = p; break;\r\n        case 1: r = q, g = v, b = p; break;\r\n        case 2: r = p, g = v, b = t; break;\r\n        case 3: r = p, g = q, b = v; break;\r\n        case 4: r = t, g = p, b = v; break;\r\n        case 5: r = v, g = p, b = q; break;\r\n    }\r\n    return {\r\n        r: Math.round(r * 255),\r\n        g: Math.round(g * 255),\r\n        b: Math.round(b * 255)\r\n    };\r\n}\r\n\r\nfunction getUrlParams() {\r\n    let uri = window.location.href.split('?');\r\n    var getVars = {};\r\n    if (uri.length == 2) {\r\n        let vars = uri[1].split('&');\r\n        let tmp = '';\r\n        vars.forEach(function (v) {\r\n            tmp = v.split('=');\r\n            if (tmp.length == 2) {\r\n                let loweredVar = tmp[0].toLowerCase();\r\n                getVars[loweredVar] = tmp[1];\r\n            }\r\n\r\n        });\r\n    }\r\n\r\n    return getVars;\r\n}\r\n\r\nfunction gotoMaterialEdit(event, tmr, tl) {\r\n    var appUrl = ghelper.getActionUrl('Edit', 'Material');\r\n    appUrl = appUrl + '?v=' + tmr.VideoId + '&reqId=' + tmr.Id + '&tl=' + tl;\r\n\r\n    if (event.ctrlKey || event.shiftKey) {\r\n        window.open(appUrl);\r\n    } else {\r\n        location.href = appUrl;\r\n    }\r\n}\r\n\r\nfunction OpenPlayVideo(vid, lang, start) {\r\n    let appUrl;\r\n\r\n    if (start) {\r\n        appUrl = ghelper.getActionUrl('PlayVideoBS', 'Video') + \"?v=\" + vid + '&lang=' + lang + '&s=' + Math.floor(start);\r\n    } else {\r\n        appUrl = ghelper.getActionUrl('PlayVideoBS', 'Video') + \"?v=\" + vid + '&lang=' + lang;\r\n    }\r\n\r\n    var win = window.open(appUrl, '_blank');\r\n    win.focus();\r\n}\r\n\r\nfunction getDateString (dt) {\r\n    if (dt) {\r\n        var d = new Date(dt);\r\n        return d.getFullYear() + '-' +\r\n            zeroPadding((d.getMonth() + 1), 2) + '-' +\r\n            zeroPadding(d.getDate(), 2);\r\n    }\r\n\r\n    return null;\r\n}\r\n\r\nfunction zeroPadding (n, strLen) {\r\n    return (\"0\" + n).slice(-strLen);\r\n}\r\n\r\nfunction fmtAuthorAvatorUrl(author) {\r\n    if (author.AvatorFile) {\r\n        if (author.AvatorFileModifiedCount) {\r\n            return '/Content/Users/' + author.AvatorFile + '?v=' + author.AvatorFileModifiedCount;\r\n        } else {\r\n            return '/Content/Users/' + author.AvatorFile;\r\n        }\r\n    } else {\r\n        return require('@/assets/image/lexprogress-author.jpg');\r\n    }\r\n}\r\n\r\nfunction gotoAuthorProfile (tm) {\r\n    if (tm.AuthorId) {\r\n        var url = ghelper.getActionUrl('Show', 'Account');\r\n        location.href = url + '/' + tm.AuthorId;\r\n    }\r\n}\r\n\r\nfunction getCookie(name) {\r\n    const value = `; ${document.cookie}`;\r\n    const parts = value.split(`; ${name}=`);\r\n    if (parts.length === 2) return parts.pop().split(';').shift();\r\n}\r\n\r\nexport {\r\n    ghelper,\r\n    HSVtoRGB,\r\n    getUrlParams,\r\n    abbrCount,\r\n    gotoMaterialEdit,\r\n    OpenPlayVideo,\r\n    getDateString,\r\n    fmtAuthorAvatorUrl,\r\n    gotoAuthorProfile,\r\n    getCookie,\r\n};","module.exports = __webpack_public_path__ + \"img/base-icon-2.20385d83.png\";","module.exports = __webpack_public_path__ + \"img/header-search-btn.a18ece78.svg\";","module.exports = __webpack_public_path__ + \"img/base-icon-3.3e987a04.png\";","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!./PageFooter.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('footer',[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_c('div',{staticClass:\"col-md-6\"},[_c('p',{staticClass:\"text-second mb-1\"},[_vm._v(_vm._s(_vm.$t('element_footer.aboutUs')))]),_c('p',{staticClass:\"aboutus-wrapper\"},[_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"https://medium.com/iyuyan/%E5%AD%B8%E7%BF%92%E5%BF%83%E6%B3%95/home\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_footer.learnExperience')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/Home/Preparation\"}},[_vm._v(_vm._s(_vm.$t('element_footer.helpCommunity')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/Home/FAQ\"}},[_vm._v(_vm._s(_vm.$t('element_footer.helpCenter')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/Home/Contact\"}},[_vm._v(_vm._s(_vm.$t('element_footer.contactUs')))])]),_c('p',{staticClass:\"text-second mb-1\"},[_vm._v(_vm._s(_vm.$t('element_footer.themeOrientedClasses')))]),_c('p',{staticClass:\"aboutus-wrapper\"},[_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/Speaking/About\"},on:{\"click\":function($event){return _vm.moreSC('footer')}}},[_vm._v(_vm._s(_vm.$t('element_footer.aboutToc')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/Speaking/Index\"}},[_vm._v(_vm._s(_vm.$t('element_footer.listRoom')))])]),_c('p',{staticClass:\"text-second mb-1\"},[_vm._v(_vm._s(_vm.$t('element_footer.track')))]),_c('p',[_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"https://www.facebook.com/iyuewen/\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_footer.fansPage')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"https://www.facebook.com/groups/1890144617701783/\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_footer.facebook')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"https://medium.com/iyuyan\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_footer.blog')))])]),_c('p',{staticClass:\"text-second mb-1\"},[_vm._v(_vm._s(_vm.$t('element_footer.termsOfService')))]),_c('p',[_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/tos.html\"}},[_vm._v(_vm._s(_vm.$t('element_footer.termsOfService')))]),_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"/privacy.html\"}},[_vm._v(_vm._s(_vm.$t('element_footer.privacyPolicy')))])])]),_vm._m(1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-2 mb-4\"},[_c('a',{attrs:{\"href\":\"/\"}},[_c('img',{attrs:{\"src\":\"/img/footer-logo.png\",\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"fb-group\",attrs:{\"id\":\"fb-group\",\"data-href\":\"https://www.facebook.com/groups/389687706207143\",\"data-width\":\"300\",\"data-show-metadata\":\"true\"}})])}]\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-2 mb-4\">\r\n                    <a href=\"/\"><img src=\"/img/footer-logo.png\" alt=\"\"></a>\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                    <p class=\"text-second mb-1\">{{$t('element_footer.aboutUs')}}</p>\r\n                    <p class=\"aboutus-wrapper\">\r\n                        <a class=\"mr-2\" href=\"https://medium.com/iyuyan/%E5%AD%B8%E7%BF%92%E5%BF%83%E6%B3%95/home\" target=\"_blank\">{{$t('element_footer.learnExperience')}}</a>\r\n                        <a class=\"mr-2\" href=\"/Home/Preparation\">{{$t('element_footer.helpCommunity')}}</a>\r\n                        <a class=\"mr-2\" href=\"/Home/FAQ\">{{$t('element_footer.helpCenter')}}</a>\r\n                        <a class=\"mr-2\" href=\"/Home/Contact\">{{$t('element_footer.contactUs')}}</a>\r\n                    </p>\r\n                    <p class=\"text-second mb-1\">{{$t('element_footer.themeOrientedClasses')}}</p>\r\n                    <p class=\"aboutus-wrapper\">\r\n                        <a class=\"mr-2\" href=\"/Speaking/About\" v-on:click=\"moreSC('footer')\">{{$t('element_footer.aboutToc')}}</a>\r\n                        <a class=\"mr-2\" href=\"/Speaking/Index\">{{$t('element_footer.listRoom')}}</a>\r\n                    </p>\r\n                    <p class=\"text-second mb-1\">{{$t('element_footer.track')}}</p>\r\n                    <p>\r\n                        <a class=\"mr-2\" href=\"https://www.facebook.com/iyuewen/\" target=\"_blank\">{{$t('element_footer.fansPage')}}</a>\r\n                        <a class=\"mr-2\" href=\"https://www.facebook.com/groups/1890144617701783/\" target=\"_blank\">{{$t('element_footer.facebook')}}</a>\r\n                        <a class=\"mr-2\" href=\"https://medium.com/iyuyan\" target=\"_blank\">{{$t('element_footer.blog')}}</a>\r\n                    </p>\r\n                    <p class=\"text-second mb-1\">{{$t('element_footer.termsOfService')}}</p>\r\n                    <p>\r\n                        <a class=\"mr-2\" href=\"/tos.html\">{{$t('element_footer.termsOfService')}}</a>\r\n                        <a class=\"mr-2\" href=\"/privacy.html\">{{$t('element_footer.privacyPolicy')}}</a>\r\n                    </p>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <div id=\"fb-group\" class=\"fb-group\"\r\n                         data-href=\"https://www.facebook.com/groups/389687706207143\"\r\n                         data-width=\"300\"\r\n                         data-show-metadata=\"true\">\r\n                    </div>\r\n                    <!--\r\n                       <img src=\"@/assets/image/footer-social-img.png\" class=\"w-100\" alt=\"...\"> \r\n                    -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </footer>\r\n</template>\r\n\r\n<script>\r\n    // load facebook comment scripts\r\n    var tag = document.createElement('script');\r\n\r\n    tag.src = \"https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0\";\r\n    var firstScriptTag = document.getElementsByTagName('script')[0];\r\n    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n    export default {\r\n        props: {\r\n\r\n        },\r\n        data: function () {\r\n            return {\r\n            };\r\n        },\r\n        methods: {\r\n            moreSC: function (lbl) {\r\n                this.$gtag.event('MoreSC', {\r\n                    'event_category': 'iyuyan',\r\n                    'event_label': lbl,\r\n                    'value': 10\r\n                });\r\n            },\r\n        },\r\n        mounted: function () {\r\n        },\r\n        computed: {\r\n\r\n        },\r\n        created() {\r\n            // Kiểm tra hàm đã tồn tại hay chưa, chưa có thì mới tạo, ko sẽ chạy render 2 lần.\r\n            if (!window.fbAsyncInit) {\r\n                window.fbAsyncInit = function () {\r\n                    // eslint-disable-next-line\r\n                    if (typeof (FB) != 'undefined' && FB != null) {\r\n                        // eslint-disable-next-line\r\n                        FB.init({\r\n                            appId: '252521361855678',\r\n                            autoLogAppEvents: true,\r\n                            xfbml: true,\r\n                            version: 'v12.0'\r\n                        });\r\n                        // eslint-disable-next-line\r\n                        FB.AppEvents.logPageView();\r\n                    }\r\n                };\r\n\r\n            }\r\n            else\r\n                window.fbAsyncInit();\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"css\">\r\n    footer {\r\n        margin-top: 100px;\r\n        background-color: #F2F2F2;\r\n        border-top: 1px solid rgba(0, 0, 0, 0.125);\r\n        padding: 40px;\r\n    }\r\n\r\n        footer img {\r\n            width: 130px;\r\n        }\r\n\r\n        footer a {\r\n            color: #707070;\r\n            text-decoration: none;\r\n        }\r\n\r\n            footer a:hover {\r\n                color: #DD0018;\r\n                text-decoration: none;\r\n            }\r\n\r\n    .footer-title {\r\n        font-weight: 600;\r\n        color: #DD0018;\r\n        font-size: 17px;\r\n    }\r\n\r\n    .aboutus-wrapper {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n        .aboutus-wrapper a {\r\n            display: block;\r\n        }\r\n\r\n    /* lg */\r\n    @media (min-width: 992px) {\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!./PageFooter.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!./PageFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageFooter.vue?vue&type=template&id=89588048&lang=html&\"\nimport script from \"./PageFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./PageFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageFooter.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","module.exports = __webpack_public_path__ + \"img/video-readviews.1a0805f4.svg\";","import MobileDetect from 'mobile-detect';\r\n\r\nvar appMixin = {\r\n    data: function () {\r\n        return {\r\n            isPhone: null,\r\n            isTablet: null,\r\n\r\n            user: 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                    {\r\n                        title: '關閉'\r\n                    }\r\n                ]\r\n            });\r\n        },\r\n        getUserLogin: function () {\r\n            this.axios.post('Account/GetUserLogin', {\r\n                    /* 這個是假的開關。 \r\n                     * mimicLogined: true `為模擬已登入，false` 為未登入 \r\n                     * mimicUserId: 模擬的使用者代碼。使用者登入資訊可以在 mockApi/data/userAccounts.json 裡面調整\r\n                     */\r\n                    mimicLogined: false,\r\n                    mimicUserId: 540,\r\n                })\r\n                .then(res => {\r\n                    var data = res.data;\r\n                    if (data.success) {\r\n                        this.user = data.data;\r\n                    } else if (data.success == false) {\r\n                        // user not logined\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    if (error.response) {\r\n                        // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                        // 有 data / status / headers 參數可用\r\n                        switch (error.response.status) {\r\n                            case 401:\r\n                                alert('與伺服器的連線已過期或者您沒有存取的權限，請重新登入。');\r\n                                window.location.reload();\r\n                                return;\r\n\r\n                            default:\r\n                                alert('發生嚴重的錯誤狀態, http status code: ' + error.response.status);\r\n                                return;\r\n                        }\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.alert('無法取得使用者登入資訊，發生不知名的錯誤。');\r\n                });\r\n        },\r\n    },\r\n    mounted: function () {\r\n    },\r\n    created: function () {\r\n        var md = new MobileDetect(window.navigator.userAgent);\r\n        this.isPhone = md.phone();\r\n        this.isTablet = md.tablet();\r\n\r\n        this.getUserLogin();\r\n    },\r\n    computed: {\r\n    },\r\n}\r\n\r\nexport default appMixin;","module.exports = __webpack_public_path__ + \"img/CaptionCorpus-heart-icon-active.3765603f.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_c('nav',[_c('div',{staticClass:\"navbar navbar-expand-md bg-white fixed-top shadow-sm  navbar-light\"},[_c('div',{staticClass:\"container d-flex justify-content-between\"},[_vm._m(0),_c('div',{staticClass:\"d-flex\"},[(_vm.user && _vm.showSearchBox)?_c('button',{staticClass:\"navbar-toggler search-btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#navbarCollapseSearch\",\"aria-controls\":\"navbarCollapseSearch\",\"aria-expanded\":\"false\",\"aria-label\":\"Toggle navigation\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/image/header-search-btn.svg\"),\"alt\":\"\"}})]):_vm._e(),(_vm.isPhone && _vm.user)?_c('div',{staticClass:\"dropdown nav-hidden-desktop\"},[_c('button',{staticClass:\"btn language-btn px-2\",attrs:{\"type\":\"button\",\"id\":\"dropdownMenuButton\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_c('i',{staticClass:\"fa-bell\",class:[_vm.notificationCount>0?'fas':'far'],style:({'color':_vm.notificationCount>0?'#456CEB':'unset'})}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.notificationCount))])]),_c('user-notification-panel',{staticClass:\"dropdown-menu dropdown-menu-right\",on:{\"unread_notification_count_updated\":_vm.onNotificationCountUpdated}})],1):_vm._e(),_c('div',{staticClass:\"dropdown nav-hidden-desktop\"},[_c('button',{staticClass:\"btn language-btn\",attrs:{\"type\":\"button\",\"id\":\"dropdownMenuButton\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_c('i',{staticClass:\"fas fa-globe-asia\"}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.fmtCurrentLang))])]),_c('div',{staticClass:\"dropdown-menu\",staticStyle:{\"z-index\":\"2100000000\"},attrs:{\"aria-labelledby\":\"dropdownMenuButton\"}},[_c('a',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.switchTranslation('zh-Hant')}}},[_vm._v(_vm._s(_vm.$t('element_header.traditionalChinese')))]),_c('a',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.switchTranslation('zh-Hans')}}},[_vm._v(_vm._s(_vm.$t('element_header.simplifyChinese')))]),(_vm.user && (_vm.user.IsPreviewer || _vm.user.IsContentManager || _vm.user.IsAdmin))?_c('a',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.switchTranslation('vi-VN')}}},[_vm._v(_vm._s(_vm.$t('element_header.vietnamese')))]):_vm._e()])]),_vm._m(1)]),(_vm.user && _vm.user.HashedUserId)?_c('div',{staticClass:\"collapse navbar-collapse flex-grow-1\",attrs:{\"id\":\"navbarCollapse\"}},[_c('ul',{class:['navbar-nav', _vm.showSearchBox?'mr-auto':'ml-auto']},[(_vm.user.IsPremiumUser)?_c('li',{staticClass:\"nav-item dropdown\"},[_c('a',{staticClass:\"nav-link dropdown-toggle\",attrs:{\"href\":\"#\",\"id\":\"navbarDropdownMenuCategroy\",\"role\":\"button\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_vm._v(\" \"+_vm._s(_vm.$t('element_header.videoLibrary'))+\" \")]),_c('div',{class:['dropdown-menu', _vm.isPhone?'scrollable-menu':''],attrs:{\"aria-labelledby\":\"navbarDropdownMenuCategroy\"}},[_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"ListVideoBS\", \"Video\")+\"?lt=5\"}},[_vm._v(_vm._s(_vm.$t('element_header.likeVideo')))]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"ListVideoBS\", \"Video\")+\"?lt=4\"}},[_vm._v(_vm._s(_vm.$t('element_header.watchVideo')))]),_c('div',[_c('div',{staticClass:\"dropdown-divider\"}),_vm._l((_vm.categories),function(cate){return _c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.fmtCategoryUrl(cate)}},[_vm._v(_vm._s(cate.Name))])})],2)])]):_vm._e(),(!_vm.user.IsPremiumUser)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":_vm.getAbsoluteAction(null, \"Material\")}},[_vm._v(_vm._s(_vm.$t('element_header.textBook')))])]):_vm._e(),(!_vm.user.IsPremiumUser)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":_vm.getAbsoluteAction(\"Collections\", \"Material\")}},[_vm._v(_vm._s(_vm.$t('element_header.materialCollections')))])]):_vm._e(),(!_vm.user.IsPremiumUser)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":_vm.getAbsoluteAction(\"PracticeBS\", \"Lex\")}},[_vm._v(_vm._s(_vm.$t('element_header.vocabularyPractice')))])]):_vm._e(),(!_vm.user.IsPremiumUser)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":_vm.getAbsoluteAction(\"LexProgress\", \"LeaderBoard\")}},[_vm._v(_vm._s(_vm.$t('element_header.1200singleWordProgress')))])]):_vm._e(),(_vm.user.IsPremiumUser)?_c('li',{staticClass:\"nav-item dropdown\"},[_c('a',{staticClass:\"nav-link dropdown-toggle\",attrs:{\"href\":\"#\",\"id\":\"navbarDropdownMenuTm\",\"role\":\"button\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_vm._v(\" \"+_vm._s(_vm.$t('element_header.videoLearn'))+\" \")]),_c('div',{class:['dropdown-menu', _vm.isPhone?'scrollable-menu':''],attrs:{\"aria-labelledby\":\"navbarDropdownMenuTM\"}},[(_vm.user.IsTranslator || _vm.user.IsContentManager || _vm.user.IsAdmin || _vm.user.IsPreviewer)?_c('div',[_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"My\", \"Material\")}},[_vm._v(_vm._s(_vm.$t('element_header.myVideoLearn')))]),_c('div',{staticClass:\"dropdown-divider\"})]):_vm._e(),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.fmtMaterialIndexUrl}},[_vm._v(_vm._s(_vm.$t('element_header.textBook')))]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"Collections\", \"Material\")}},[_vm._v(_vm._s(_vm.$t('element_header.materialCollections')))]),_c('div',{staticClass:\"dropdown-divider\"}),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"PracticeBS\", \"Lex\")}},[_vm._v(_vm._s(_vm.$t('element_header.vocabularyPractice')))]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"LexProgress\", \"LeaderBoard\")}},[_vm._v(_vm._s(_vm.$t('element_header.1200singleWordProgress')))]),(_vm.user.IsPremiumUser)?_c('div',[_c('div',{staticClass:\"dropdown-divider\"}),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"ListRoom\", \"Speaking\")}},[_vm._v(_vm._s(_vm.$t('element_header.themeOrientedClasses')))])]):_vm._e()])]):_vm._e(),(_vm.user.IsAdmin || _vm.user.IsContentManager)?_c(_vm.componentMenuContentManager,{tag:\"component\"}):_vm._e(),(_vm.user.IsAdmin)?_c(_vm.componentMenuAdmin,{tag:\"component\"}):_vm._e(),_c('li',{staticClass:\"nav-item dropdown\"},[_c('a',{staticClass:\"nav-link dropdown-toggle\",attrs:{\"href\":\"#\",\"id\":\"navbarDropdownMenuLink\",\"role\":\"button\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_vm._v(\" \"+_vm._s(_vm.$t('element_header.system'))+\" \")]),_c('div',{class:['dropdown-menu', _vm.isPhone?'scrollable-menu':'', !_vm.user.IsPremiumUser&&!_vm.isPhone?'dropdown-menu-right':''],attrs:{\"aria-labelledby\":\"navbarDropdownMenuLink\"}},[_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"https://youtu.be/4MWLYOKyq8Y\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_header.videoPlaySample')))]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"https://youtu.be/BDLub25cD-g\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_header.sayFllowSample')))]),(_vm.user && (_vm.user.IsSpecialUser || _vm.user.IsPreviewer))?_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.fmtTranslationHelpUrl,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('element_header.translationClaim')))]):_vm._e(),_c('div',{staticClass:\"dropdown-divider\"}),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"Edit\", \"Account\")}},[_vm._v(_vm._s(_vm.$t('element_header.userSet')))]),(_vm.user.IsAdmin || _vm.user.IsContentManager)?_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"LearningSetting\", \"Account\")}},[_vm._v(_vm._s(_vm.$t('element_header.languageSet')))]):_vm._e(),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"LearningProfile\", \"Account\")}},[_vm._v(_vm._s(_vm.$t('element_header.learnFile')))]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"Show\", \"Account\")}},[_vm._v(_vm._s(_vm.$t('element_header.personalFile')))]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":_vm.getAbsoluteAction(\"LogOff\", \"Account\")}},[_vm._v(_vm._s(_vm.$t('element_header.loginOut')))])])])],1),(_vm.user && _vm.showSearchBox)?_c('search-box',{attrs:{\"user\":_vm.user}}):_vm._e()],1):_c('div',{staticClass:\"collapse navbar-collapse flex-grow-1\",attrs:{\"id\":\"navbarCollapse\"}},[_c('div',{staticClass:\"signIn-wrap\"},[_c('button',{staticClass:\"btn \",attrs:{\"data-toggle\":\"modal\",\"data-target\":\"#signInModal\"}},[_vm._v(_vm._s(_vm.$t('element_header.login')))])]),_c('a',{staticClass:\"signUp-wrap\"},[_c('div',{staticClass:\"w-100 ml-3\"},[_c('button',{staticClass:\"btn btn-line-board\",attrs:{\"data-toggle\":\"modal\",\"data-target\":\"#signUpModal\"}},[_vm._v(_vm._s(_vm.$t('element_header.signUp')))])])])]),_c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"signInModal\",\"tabindex\":\"-1\",\"aria-labelledby\":\"exampleModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog\"},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"exampleModalLabel\"}},[_vm._v(_vm._s(_vm.$t('element_header.login')))]),_vm._m(2)]),_c('div',{staticClass:\"modal-body\"},[_c('p',[_vm._v(_vm._s(_vm.$t('element_header.loginStartStep1')))]),_c('ul',{staticClass:\"login-icon-wrapper\"},[_c('li',[_c('a',{staticClass:\"login_fb\",attrs:{\"href\":\"#\",\"title\":\"Facebook登入\"}},[_c('img',{staticClass:\"100%\",attrs:{\"src\":require(\"@/assets/image/base-icon-2.png\"),\"alt\":\"Facebook登入\"},on:{\"click\":function($event){return _vm.login('Facebook', true)}}})])]),_c('li',[_c('a',{staticClass:\"login_google\",attrs:{\"href\":\"#\",\"title\":\"Google登入\"}},[_c('img',{staticClass:\"100%\",attrs:{\"src\":require(\"@/assets/image/base-icon-3.png\"),\"alt\":\"Google登入\"},on:{\"click\":function($event){return _vm.login('Google', true)}}})])])])])])])]),_c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"signUpModal\",\"tabindex\":\"-1\",\"aria-labelledby\":\"exampleModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog\"},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"exampleModalLabel\"}},[_vm._v(_vm._s(_vm.$t('element_header.signUpStart')))]),_vm._m(3)]),_c('div',{staticClass:\"modal-body\"},[_c('p',[_vm._v(_vm._s(_vm.fmtRegisterDesc))]),_c('ul',{staticClass:\"login-icon-wrapper\"},[_c('li',[_c('a',{staticClass:\"login_fb\",attrs:{\"href\":\"#\",\"title\":\"Facebook登入\"}},[_c('img',{staticClass:\"100%\",attrs:{\"src\":require(\"@/assets/image/base-icon-2.png\"),\"alt\":\"Facebook登入\"},on:{\"click\":function($event){return _vm.login('Facebook', false)}}})])]),_c('li',[_c('a',{staticClass:\"login_google\",attrs:{\"href\":\"#\",\"title\":\"Google登入\"}},[_c('img',{staticClass:\"100%\",attrs:{\"src\":require(\"@/assets/image/base-icon-3.png\"),\"alt\":\"Google登入\"},on:{\"click\":function($event){return _vm.login('Google', false)}}})])])])])])])]),(_vm.user && _vm.showSearchBox)?_c('div',{staticClass:\"collapse navbar-collapse flex-grow-1\",attrs:{\"id\":\"navbarCollapseSearch\"}},[_vm._m(4)]):_vm._e(),(!_vm.isPhone && _vm.user)?_c('div',{staticClass:\"dropdown nav-hidden-mobile\"},[_c('button',{staticClass:\"btn language-btn px-2\",attrs:{\"type\":\"button\",\"id\":\"dropdownMenuButton\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_c('i',{staticClass:\"fa-bell\",class:[_vm.notificationCount>0?'fas':'far'],style:({'color':_vm.notificationCount>0?'#456CEB':'unset'})}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.notificationCount))])]),_c('user-notification-panel',{staticClass:\"dropdown-menu dropdown-menu-right\",on:{\"unread_notification_count_updated\":_vm.onNotificationCountUpdated}})],1):_vm._e(),_c('div',{staticClass:\"dropdown nav-hidden-mobile\"},[_c('button',{staticClass:\"btn language-btn px-2\",attrs:{\"type\":\"button\",\"id\":\"dropdownMenuButton\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_c('i',{staticClass:\"fas fa-globe-asia\"}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.fmtCurrentLang))])]),_c('div',{staticClass:\"dropdown-menu\",staticStyle:{\"z-index\":\"2100000000\"},attrs:{\"aria-labelledby\":\"dropdownMenuButton\"}},[_c('a',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.switchTranslation('zh-Hant')}}},[_vm._v(_vm._s(_vm.$t('element_header.traditionalChinese')))]),_c('a',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.switchTranslation('zh-Hans')}}},[_vm._v(_vm._s(_vm.$t('element_header.simplifyChinese')))]),(_vm.user && (_vm.user.IsPreviewer || _vm.user.IsContentManager || _vm.user.IsAdmin))?_c('a',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.switchTranslation('vi-VN')}}},[_vm._v(_vm._s(_vm.$t('element_header.vietnamese')))]):_vm._e()])])])])]),_c('form',{attrs:{\"id\":\"login_form\",\"action\":_vm.fmtFormAction,\"method\":\"post\"}},[_c('input',{attrs:{\"id\":\"login_provider\",\"type\":\"hidden\",\"name\":\"provider\"}}),_c('input',{attrs:{\"id\":\"inv\",\"type\":\"hidden\",\"name\":\"inv\"}}),_c('input',{attrs:{\"id\":\"wannaJoin\",\"type\":\"hidden\",\"name\":\"wannaJoin\"}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"header-logo navbar-brand d-flex align-items-center\",attrs:{\"href\":\"/\"}},[_c('img',{attrs:{\"src\":\"/img/header-logo.svg\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex\"},[_c('button',{staticClass:\"navbar-toggler\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#navbarCollapse\",\"aria-controls\":\"navbarCollapse\",\"aria-expanded\":\"false\",\"aria-label\":\"Toggle navigation\"}},[_c('span',{staticClass:\"navbar-toggler-icon\"})]),_c('div',{staticClass:\"user-login-wrap nav-hidden-desktop\"},[_c('div',{staticClass:\"dropdown-menu\",attrs:{\"aria-labelledby\":\"dropdownMenuLink\"}},[_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"}},[_vm._v(\"個人設定\")]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"}},[_vm._v(\"登出\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-search-input-wrapper hidden-desktop\"},[_c('input',{staticClass:\"header-search\",attrs:{\"type\":\"search\",\"name\":\"q\",\"placeholder\":\"搜尋影片名稱\",\"aria-label\":\"Search through site content\"}}),_c('img',{staticClass:\"search-button-red\",attrs:{\"alt\":\"\",\"src\":\"/img/search-button-red.svg\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-search-input-wrapper hidden-mobile\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchLex),expression:\"searchLex\"}],staticClass:\"header-search\",attrs:{\"type\":\"search\",\"name\":\"q\",\"placeholder\":_vm.$t('element_header.searchVocabulary'),\"aria-label\":\"Search through site content\"},domProps:{\"value\":(_vm.searchLex)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchLex=$event.target.value}}}),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchLang),expression:\"searchLang\"}],staticClass:\"header-search-select\",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.searchLang=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"vi-VN\"}},[_vm._v(\"VN\")]),_c('option',{attrs:{\"value\":\"zh-Hant\"}},[_vm._v(\"繁中\")]),_c('option',{attrs:{\"value\":\"zh-Hans\"}},[_vm._v(\"簡中\")])]),_c('img',{staticClass:\"search-button-red\",attrs:{\"alt\":\"\",\"src\":\"/img/search-button-red.svg\"},on:{\"click\":_vm.gotoLexCorpus}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <div class=\"header-search-input-wrapper hidden-mobile\">\r\n        <input type=\"search\" name=\"q\" :placeholder=\"$t('element_header.searchVocabulary')\" aria-label=\"Search through site content\" class=\"header-search\"\r\n               v-model=\"searchLex\">\r\n        <!-- <select class=\"header-search-select\">\r\n        <option>搜尋文本</option>\r\n        <option>搜尋例句</option>\r\n        <option>搜尋片名</option>\r\n        </select> -->\r\n        <select class=\"header-search-select\" v-model=\"searchLang\">\r\n            <option value=\"vi-VN\">VN</option>\r\n            <option value=\"zh-Hant\">繁中</option>\r\n            <option value=\"zh-Hans\">簡中</option>\r\n        </select>\r\n        <!-- <a class=\"mr-0\" id=\"dropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"><img src=\"/Content/Users/gZlm2jZm2Q.jpg\" title=\"湯勺\" class=\"w-100 subscribed-image ml-2\" style=\"cursor: pointer;\"></a> -->\r\n        <img alt=\"\" src=\"/img/search-button-red.svg\" class=\"search-button-red\" v-on:click=\"gotoLexCorpus\">\r\n    </div>\r\n</template>\r\n    \r\n<script>\r\n    import { ghelper, getCookie } from '@/lib/ghelper';\r\n\r\n    export default {\r\n        props: {\r\n            user: {\r\n                Type: Object,\r\n                default: null,\r\n            },\r\n        },\r\n        data: function() {\r\n            return {\r\n                searchLex: null,\r\n                searchLang: null,\r\n            };\r\n        },\r\n        methods: {\r\n            gotoLexCorpus: function () {\r\n                let trimmedLex = this.searchLex ? this.searchLex.trim() : null;\r\n                if (trimmedLex) {\r\n                    this.$gtag.event('LexCorpus', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'header',\r\n                        'value': 3\r\n                    });\r\n\r\n                    var url = ghelper.getActionUrl('Corpus', 'Lex');\r\n\r\n                    trimmedLex = trimmedLex.toLowerCase();\r\n                    if (this.searchLang == 'vi-VN') {\r\n                        location.href = url + '/vi-VN/zh-Hant/' + trimmedLex;\r\n                    } else if (this.searchLang == 'zh-Hant') {\r\n                        location.href = url + '/zh-Hant/vi-VN/' + trimmedLex;\r\n                    } else if (this.searchLang == 'zh-Hans') {\r\n                        location.href = url + '/zh-Hans/vi-VN/' + trimmedLex;\r\n                    }\r\n                } else {\r\n                    this.alert('請輸入要搜尋的詞彙。');\r\n                }\r\n            },\r\n            setSearchLang: function (lang) {\r\n                document.cookie = \"serach_lang = \" + lang + '; path=/';\r\n                this.searchLang = lang;\r\n            },\r\n        },\r\n        computed: {\r\n            \r\n        },\r\n        watch: {\r\n            searchLang: function (newVal) {\r\n                this.setSearchLang(newVal);\r\n            },\r\n        },\r\n        mounted() {\r\n            let searchLang = getCookie('serach_lang');\r\n\r\n            if (searchLang) {\r\n                this.searchLang = searchLang;\r\n            } else {\r\n                this.searchLang = 'vi-VN';\r\n            }\r\n        },\r\n    };\r\n</script>\r\n\r\n<style>\r\n    .header-search-input-wrapper {\r\n        position: relative;\r\n    }\r\n\r\n    .header-search {\r\n        background: #F0F0F0 !important;\r\n        border-radius: 50px;\r\n        border: none;\r\n        width: 100%;\r\n        padding: 14px 70px 14px 20px;\r\n    }\r\n\r\n    .header-search-select {\r\n        position: absolute;\r\n        border: none;\r\n        right: 60px;\r\n        top: 16px;\r\n        border-left: 1px solid;\r\n        padding-left: 10px;\r\n        background: #F0F0F0 !important;\r\n        cursor:pointer;\r\n    }\r\n\r\n        .header-search-select:focus {\r\n            outline: none;\r\n        }\r\n\r\n    .header-search:focus {\r\n        border-radius: 50px !important;\r\n        border: none;\r\n        outline: none;\r\n        box-shadow: 0 0 0 0.25rem #456cebe3;\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!./SearchBox2.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!./SearchBox2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchBox2.vue?vue&type=template&id=e4ba8854&lang=html&\"\nimport script from \"./SearchBox2.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBox2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBox2.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',{staticClass:\"dropdown-menu dropdown-menu-right\",staticStyle:{\"z-index\":\"2100000000\",\"min-width\":\"300px\",\"max-height\":\"400px\",\"overflow-y\":\"auto\"}},[_c('div',{staticClass:\"d-flex mx-auto mb-2\"},[_c('p',{staticClass:\"flex-grow-1 my-auto text-center\"},[_vm._v(\"使用者通知中心\")]),_c('button',{staticClass:\"btn btn-success btn-sm ml-auto mr-3\",staticStyle:{\"line-height\":\"1\"},on:{\"click\":function($event){return _vm.readAll()}}},[_vm._v(\"設定已讀\")])]),(!_vm.notifications || _vm.notifications.length == 0)?_c('a',{staticClass:\"dropdown-item\"},[_vm._v(\"無通知\")]):_vm._e(),_vm._l((_vm.notifications),function(n){return _c('a',{key:n.Id,staticClass:\"dropdown-item notification-item\",style:({'background-color':n.IsRead?'unset':'khaki'}),attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.gotoNotification(n)}}},[_vm._v(\" \"+_vm._s(_vm.fmtNotificationMsg(n))+\" \")])})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\r\n    \r\nevents:\r\n    unread_notification_count_updated(unread_count)\r\n\r\n-->\r\n\r\n<template>\r\n    <div class=\"dropdown-menu dropdown-menu-right\"\r\n         style=\"z-index: 2100000000; min-width: 300px; max-height: 400px; overflow-y: auto;\">\r\n        <div class=\"d-flex mx-auto mb-2\">\r\n            <p class=\"flex-grow-1 my-auto text-center\">使用者通知中心</p>\r\n            <button class=\"btn btn-success btn-sm ml-auto mr-3\" style=\"line-height:1\" @click=\"readAll()\">設定已讀</button>\r\n        </div>\r\n        <a v-if=\"!notifications || notifications.length == 0\" class=\"dropdown-item\">無通知</a>\r\n        <a class=\"dropdown-item notification-item\" href=\"#\" v-for=\"n in notifications\" :style=\"{'background-color':n.IsRead?'unset':'khaki'}\"\r\n           :key=\"n.Id\" @click=\"gotoNotification(n)\">\r\n            {{fmtNotificationMsg(n)}}\r\n        </a>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { ghelper } from \"@/lib/ghelper\";\r\n\r\n    export default{\r\n        props: {\r\n            user: {\r\n                Type: Object,\r\n                default: null,\r\n            },\r\n        },\r\n        data(){\r\n            return {\r\n                // notifications\r\n                notificationCount: 0,\r\n                notifications: null,\r\n            }\r\n        },\r\n        watch: {\r\n        },\r\n        methods: {\r\n            fmtNotificationMsg: function (n) {\r\n                return n.TriggerName + ' 在學習記錄(' + n.NotificatoinSourceName + ')上有新留言';\r\n            },\r\n            getUserNotifications: async function () {\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetUserNotifications\", {\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        this.notifications = 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            gotoNotification: async function (n) {\r\n                var loader = this.$loading.show();\r\n                let oldIsRead = n.IsRead;\r\n                try {\r\n                    let res = await this.axios.post(\"Data/ReadUserNotification\", {\r\n                        nId: n.Id,\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        let notificationData = data.data;\r\n                        let url = ghelper.getActionUrl('Study', 'Material') +\r\n                            '/' + notificationData.VideoId +\r\n                            \"/\" + notificationData.TeachingMaterialId;\r\n\r\n                        location.href = url;\r\n                        this.$set(n, 'IsRead', true);\r\n                        if (!oldIsRead) {\r\n                            this.notificationCount = this.notificationCount - 1;\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            getUserUnreadNotificationsCount: async function () {\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetUserUnreadNotificationsCount\", {\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        let notificationCount = data.data;\r\n                        this.notificationCount = notificationCount;\r\n\r\n                        this.$emit('unread_notification_count_updated', notificationCount);\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            readAll: async function () {\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Data/ReadAllUserNotifications\", {\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        for (let curItem of this.notifications) {\r\n                            this.$set(curItem, 'IsRead', true);\r\n                        }\r\n\r\n                        this.notificationCount = 0;\r\n                        this.$emit('unread_notification_count_updated', this.notificationCount);\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        mounted: function() {\r\n            this.getUserUnreadNotificationsCount();\r\n            this.getUserNotifications();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\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!./UserNotificationPanel.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!./UserNotificationPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserNotificationPanel.vue?vue&type=template&id=8808bb36&\"\nimport script from \"./UserNotificationPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./UserNotificationPanel.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","<template lang=\"html\">\r\n    <header>\r\n        <nav>\r\n            <div class=\"navbar navbar-expand-md bg-white fixed-top shadow-sm  navbar-light\">\r\n                <div class=\"container d-flex justify-content-between\">\r\n                    <a href=\"/\"\r\n                       class=\"header-logo navbar-brand d-flex align-items-center\">\r\n                        <img src=\"/img/header-logo.svg\" alt=\"\">\r\n                    </a>\r\n                    <div class=\"d-flex\">\r\n                        <button v-if=\"user && showSearchBox\" class=\"navbar-toggler search-btn\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarCollapseSearch\"\r\n                                aria-controls=\"navbarCollapseSearch\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n                            <img src=\"@/assets/image/header-search-btn.svg\" alt=\"\">\r\n                        </button>\r\n                        <div v-if=\"isPhone && user\" class=\"dropdown nav-hidden-desktop\">\r\n                            <button class=\"btn language-btn px-2\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                                <i class=\"fa-bell\" :class=\"[notificationCount>0?'fas':'far']\" :style=\"{'color':notificationCount>0?'#456CEB':'unset'}\"></i>&nbsp;<span>{{notificationCount}}</span>\r\n                            </button>\r\n                            <user-notification-panel class=\"dropdown-menu dropdown-menu-right\"\r\n                                                     @unread_notification_count_updated=\"onNotificationCountUpdated\"></user-notification-panel>\r\n                        </div>\r\n                        <div class=\"dropdown nav-hidden-desktop\">\r\n                            <button class=\"btn language-btn\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                                <i class=\"fas fa-globe-asia\"></i>&nbsp;<span>{{fmtCurrentLang}}</span>\r\n                            </button>\r\n                            <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\" style=\"z-index: 2100000000\">\r\n                                <a class=\"dropdown-item\" @click=\"switchTranslation('zh-Hant')\">{{$t('element_header.traditionalChinese')}}</a>\r\n                                <a class=\"dropdown-item\" @click=\"switchTranslation('zh-Hans')\">{{$t('element_header.simplifyChinese')}}</a>\r\n                                <a v-if=\"user && (user.IsPreviewer || user.IsContentManager || user.IsAdmin)\" class=\"dropdown-item\" @click=\"switchTranslation('vi-VN')\">{{$t('element_header.vietnamese')}}</a>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"d-flex\">\r\n                            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarCollapse\"\r\n                                    aria-controls=\"navbarCollapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n                                <span class=\"navbar-toggler-icon\"></span>\r\n                            </button>\r\n                            <div class=\"user-login-wrap nav-hidden-desktop\">\r\n                                <!-- <a class=\"ml-auto mr-0\" id=\"dropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"><img src=\"/Content/Users/gZlm2jZm2Q.jpg\" title=\"湯勺\" class=\"w-100 subscribed-image ml-2\" style=\"cursor: pointer;\"></a> -->\r\n                                <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuLink\">\r\n                                    <a class=\"dropdown-item\" href=\"#\">個人設定</a>\r\n                                    <a class=\"dropdown-item\" href=\"#\">登出</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"user && user.HashedUserId\" id=\"navbarCollapse\" class=\"collapse navbar-collapse flex-grow-1\">\r\n                        <ul :class=\"['navbar-nav', showSearchBox?'mr-auto':'ml-auto']\">\r\n                            <li v-if=\"user.IsPremiumUser\" class=\"nav-item dropdown\">\r\n                                <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuCategroy\"\r\n                                   role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                                    {{$t('element_header.videoLibrary')}}\r\n                                </a>\r\n                                <div v-bind:class=\"['dropdown-menu', isPhone?'scrollable-menu':'']\"\r\n                                     aria-labelledby=\"navbarDropdownMenuCategroy\">\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"ListVideoBS\", \"Video\")+\"?lt=5\"'>{{$t('element_header.likeVideo')}}</a>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"ListVideoBS\", \"Video\")+\"?lt=4\"'>{{$t('element_header.watchVideo')}}</a>\r\n                                    <div>\r\n                                        <div class=\"dropdown-divider\"></div>\r\n                                        <!--eslint-disable-next-line-->\r\n                                        <a v-for=\"cate in categories\" class=\"dropdown-item\"\r\n                                           :href=\"fmtCategoryUrl(cate)\">{{cate.Name}}</a>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li v-if=\"!user.IsPremiumUser\" class=\"nav-item\">\r\n                                <a class=\"nav-link\" :href='getAbsoluteAction(null, \"Material\")'>{{$t('element_header.textBook')}}</a>\r\n                            </li>\r\n                            <li v-if=\"!user.IsPremiumUser\" class=\"nav-item\">\r\n                                <a class=\"nav-link\" :href='getAbsoluteAction(\"Collections\", \"Material\")'>{{$t('element_header.materialCollections')}}</a>\r\n                            </li>\r\n                            <li v-if=\"!user.IsPremiumUser\" class=\"nav-item\">\r\n                                <a class=\"nav-link\" :href='getAbsoluteAction(\"PracticeBS\", \"Lex\")'>{{$t('element_header.vocabularyPractice')}}</a>\r\n                            </li>\r\n                            <li v-if=\"!user.IsPremiumUser\" class=\"nav-item\">\r\n                                <a class=\"nav-link\" :href='getAbsoluteAction(\"LexProgress\", \"LeaderBoard\")'>{{$t('element_header.1200singleWordProgress')}}</a>\r\n                            </li>\r\n                            <li v-if=\"user.IsPremiumUser\" class=\"nav-item dropdown\">\r\n                                <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuTm\"\r\n                                   role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                                    {{$t('element_header.videoLearn')}}\r\n                                </a>\r\n                                <div v-bind:class=\"['dropdown-menu', isPhone?'scrollable-menu':'']\"\r\n                                     aria-labelledby=\"navbarDropdownMenuTM\">\r\n                                    <div v-if=\"user.IsTranslator || user.IsContentManager || user.IsAdmin || user.IsPreviewer\">\r\n                                        <a class=\"dropdown-item\" :href='getAbsoluteAction(\"My\", \"Material\")'>{{$t('element_header.myVideoLearn')}}</a>\r\n                                        <div class=\"dropdown-divider\"></div>\r\n                                    </div>\r\n                                    <a class=\"dropdown-item\" :href='fmtMaterialIndexUrl'>{{$t('element_header.textBook')}}</a>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"Collections\", \"Material\")'>{{$t('element_header.materialCollections')}}</a>\r\n                                    <div class=\"dropdown-divider\"></div>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"PracticeBS\", \"Lex\")'>{{$t('element_header.vocabularyPractice')}}</a>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"LexProgress\", \"LeaderBoard\")'>{{$t('element_header.1200singleWordProgress')}}</a>\r\n                                    <div v-if=\"user.IsPremiumUser\">\r\n                                        <div class=\"dropdown-divider\"></div>\r\n                                        <a class=\"dropdown-item\" :href='getAbsoluteAction(\"ListRoom\", \"Speaking\")'>{{$t('element_header.themeOrientedClasses')}}</a>\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </li>\r\n                            <component v-if=\"user.IsAdmin || user.IsContentManager\"\r\n                                       v-bind:is=\"componentMenuContentManager\"></component>\r\n                            <component v-if=\"user.IsAdmin\" v-bind:is=\"componentMenuAdmin\"></component>\r\n                            <li class=\"nav-item dropdown\">\r\n                                <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuLink\" role=\"button\"\r\n                                   data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                                    {{$t('element_header.system')}}\r\n                                </a>\r\n                                <div v-bind:class=\"['dropdown-menu', isPhone?'scrollable-menu':'', !user.IsPremiumUser&&!isPhone?'dropdown-menu-right':'']\"\r\n                                     aria-labelledby=\"navbarDropdownMenuLink\">\r\n                                    <a class=\"dropdown-item\" href=\"https://youtu.be/4MWLYOKyq8Y\" target=\"_blank\">{{$t('element_header.videoPlaySample')}}</a>\r\n                                    <a class=\"dropdown-item\" href=\"https://youtu.be/BDLub25cD-g\" target=\"_blank\">{{$t('element_header.sayFllowSample')}}</a>\r\n                                    <a v-if=\"user && (user.IsSpecialUser || user.IsPreviewer)\" class=\"dropdown-item\" :href=\"fmtTranslationHelpUrl\" target=\"_blank\">{{$t('element_header.translationClaim')}}</a>\r\n                                    <!--\r\n                    <div v-if=\"user.IsPremiumUser\">\r\n                        <div class=\"dropdown-divider\"></div>\r\n                        <a class=\"dropdown-item\" href=\"https://youtu.be/Zxd70mznkNU\" target=\"_blank\">{{$t('element_header.corpusSearchSample')}}</a>\r\n                        <a class=\"dropdown-item\" href=\"https://paper.dropbox.com/doc/--AoJ1CGndq3Ft6sWnyE0iOmROAg-frZFOMaxm8Hu8T77E9pnV\" target=\"_blank\">{{$t('element_header.tocSample')}}</a>\r\n                    </div>\r\n                    <div>\r\n                        <div class=\"dropdown-divider\"></div>\r\n                            <a class=\"dropdown-item\" href=\"https://youtu.be/w8ulAX6Hfag\" target=\"_blank\">{{$t('element_header.newTtSample')}}</a>\r\n                    </div>\r\n                    -->\r\n                                    <div class=\"dropdown-divider\"></div>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"Edit\", \"Account\")'>{{$t('element_header.userSet')}}</a>\r\n                                    <a v-if=\"user.IsAdmin || user.IsContentManager\" class=\"dropdown-item\" :href='getAbsoluteAction(\"LearningSetting\", \"Account\")'>{{$t('element_header.languageSet')}}</a>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"LearningProfile\", \"Account\")'>{{$t('element_header.learnFile')}}</a>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"Show\", \"Account\")'>{{$t('element_header.personalFile')}}</a>\r\n                                    <a class=\"dropdown-item\" :href='getAbsoluteAction(\"LogOff\", \"Account\")'>{{$t('element_header.loginOut')}}</a>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                        <search-box v-if=\"user && showSearchBox\" :user=\"user\"></search-box>\r\n                    </div>\r\n                    <div v-else id=\"navbarCollapse\" class=\"collapse navbar-collapse flex-grow-1\">\r\n                        <!-- 舊版註冊按鈕\r\n        <a class=\"ml-auto mr-0\" :href='getAbsoluteAction(\"Login\", \"Home\")'>登入 / 註冊</a>\r\n        -->\r\n                        <!-- 這做什麼的？\r\n        <div class=\"header-search-input-wrapper mr-3\"><input type=\"search\" name=\"q\" placeholder=\"請輸入搜尋的詞彙\" aria-label=\"Search through site content\" class=\"header-search\"><img alt=\"\" src=\"/img/search-button-red.svg\" class=\"search-button-red\"></div>\r\n        <div class=\"user-login-wrap nav-hidden-mobile\">\r\n            <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuLink\">\r\n                    <a class=\"dropdown-item\" href=\"#\">個人設定</a>\r\n                    <a class=\"dropdown-item\" href=\"#\">登出</a>\r\n            </div>\r\n        </div>\r\n        -->\r\n                        <div class=signIn-wrap> <button class=\"btn \" data-toggle=\"modal\" data-target=\"#signInModal\">{{$t('element_header.login')}}</button></div>\r\n                        <a class=\"signUp-wrap\"><div class=\"w-100 ml-3\"><button class=\"btn btn-line-board\" data-toggle=\"modal\" data-target=\"#signUpModal\">{{$t('element_header.signUp')}}</button></div></a>\r\n                    </div>\r\n                    <!-- 登入Modal -->\r\n                    <div class=\"modal fade\" id=\"signInModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n                        <div class=\"modal-dialog\">\r\n                            <div class=\"modal-content\">\r\n                                <div class=\"modal-header\">\r\n                                    <h5 class=\"modal-title\" id=\"exampleModalLabel\">{{$t('element_header.login')}}</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\">\r\n                                    <p>{{$t('element_header.loginStartStep1')}}</p>\r\n                                    <ul class=\"login-icon-wrapper\">\r\n                                        <li><a href=\"#\" class=\"login_fb\" title=\"Facebook登入\"><img class=\"100%\" src=\"@/assets/image/base-icon-2.png\" alt=\"Facebook登入\" @click=\"login('Facebook', true)\"></a></li>\r\n                                        <li><a href=\"#\" class=\"login_google\" title=\"Google登入\"><img class=\"100%\" src=\"@/assets/image/base-icon-3.png\" alt=\"Google登入\" @click=\"login('Google', true)\"></a></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- 註冊Modal -->\r\n                    <div class=\"modal fade\" id=\"signUpModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n                        <div class=\"modal-dialog\">\r\n                            <div class=\"modal-content\">\r\n                                <div class=\"modal-header\">\r\n                                    <h5 class=\"modal-title\" id=\"exampleModalLabel\">{{$t('element_header.signUpStart')}}</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\">\r\n                                    <p>{{fmtRegisterDesc}}</p>\r\n                                    <ul class=\"login-icon-wrapper\">\r\n                                        <li><a href=\"#\" class=\"login_fb\" title=\"Facebook登入\"><img class=\"100%\" src=\"@/assets/image/base-icon-2.png\" alt=\"Facebook登入\" @click=\"login('Facebook', false)\"></a></li>\r\n                                        <li><a href=\"#\" class=\"login_google\" title=\"Google登入\"><img class=\"100%\" src=\"@/assets/image/base-icon-3.png\" alt=\"Google登入\" @click=\"login('Google', false)\"></a></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"user && showSearchBox\" id=\"navbarCollapseSearch\" class=\"collapse navbar-collapse flex-grow-1\">\r\n                        <div class=\"header-search-input-wrapper hidden-desktop\">\r\n                            <input type=\"search\" name=\"q\" placeholder=\"搜尋影片名稱\" aria-label=\"Search through site content\" class=\"header-search\">\r\n                            <!--\r\n            <select class=\"header-search-select\">\r\n                <option>搜尋文本</option>\r\n                <option>搜尋例句</option>\r\n                <option>搜尋片名</option>\r\n            </select>\r\n            -->\r\n                            <img alt=\"\" src=\"/img/search-button-red.svg\" class=\"search-button-red\">\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"!isPhone && user\" class=\"dropdown nav-hidden-mobile\">\r\n                        <button class=\"btn language-btn px-2\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                            <i class=\"fa-bell\" :class=\"[notificationCount>0?'fas':'far']\" :style=\"{'color':notificationCount>0?'#456CEB':'unset'}\"></i>&nbsp;<span>{{notificationCount}}</span>\r\n                        </button>\r\n                        <user-notification-panel class=\"dropdown-menu dropdown-menu-right\"\r\n                                                 @unread_notification_count_updated=\"onNotificationCountUpdated\"></user-notification-panel>\r\n                    </div>\r\n                    <div class=\"dropdown nav-hidden-mobile\">\r\n                        <button class=\"btn language-btn px-2\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                            <i class=\"fas fa-globe-asia\"></i>&nbsp;<span>{{fmtCurrentLang}}</span>\r\n                        </button>\r\n                        <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\" style=\"z-index: 2100000000\">\r\n                            <a class=\"dropdown-item\" @click=\"switchTranslation('zh-Hant')\">{{$t('element_header.traditionalChinese')}}</a>\r\n                            <a class=\"dropdown-item\" @click=\"switchTranslation('zh-Hans')\">{{$t('element_header.simplifyChinese')}}</a>\r\n                            <a v-if=\"user && (user.IsPreviewer || user.IsContentManager || user.IsAdmin)\" class=\"dropdown-item\" @click=\"switchTranslation('vi-VN')\">{{$t('element_header.vietnamese')}}</a>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"d-flex-center\"><i class=\"fas fa-globe-asia\"></i><span>繁</span></div>  -->\r\n                </div>\r\n            </div>\r\n        </nav>\r\n        <form id=\"login_form\" :action=\"fmtFormAction\" method=\"post\">\r\n            <input id=\"login_provider\" type=\"hidden\" name=\"provider\">\r\n            <input id=\"inv\" type=\"hidden\" name=\"inv\">\r\n            <input id=\"wannaJoin\" type=\"hidden\" name=\"wannaJoin\">\r\n        </form>\r\n    </header>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import axios from \"axios\";\r\n    import VueAxios from \"vue-axios\";\r\n    import SearchBox from \"@/components/Elements/SearchBox2.vue\";\r\n    import { ghelper, getCookie } from \"@/lib/ghelper\";\r\n    import UserNotificationPanel from '@/components/Elements/UserNotificationPanel.vue';\r\n\r\n    Vue.use(VueAxios, axios);\r\n    Vue.axios.defaults.baseURL = process.env.VUE_APP_OLD_SERVER_BASE_URL;\r\n\r\n    import VModal from \"vue-js-modal\";\r\n    import \"vue-js-modal/dist/styles.css\";\r\n    Vue.use(VModal, { dialog: true });\r\n\r\n    export default {\r\n        components: {\r\n            SearchBox,\r\n            UserNotificationPanel,\r\n        },\r\n        props: {\r\n            user: {\r\n                Type: Object,\r\n                default: null,\r\n            },\r\n            showSearchBox: {\r\n                Type: Boolean,\r\n                default: true,\r\n            },\r\n            wannaJoin: {\r\n                Type: Boolean,\r\n                default: false,\r\n            },\r\n        },\r\n        data: function () {\r\n            return {\r\n                isPhone: false,\r\n                categories: null,\r\n                searchLex: null,\r\n                locale: null,\r\n\r\n                notificationCount: 0,\r\n            };\r\n        },\r\n        methods: {\r\n            onNotificationCountUpdated: function (c) {\r\n                this.notificationCount = c;\r\n            },\r\n            switchTranslation: async function (locale) {\r\n                if (this.user) {\r\n                    var loader = this.$loading.show();\r\n                    try {\r\n                        let res = await this.axios.post(\"Account/SetLangUI\", {\r\n                            l: locale,\r\n                        });\r\n\r\n                        let data = res.data;\r\n                        if (data.success) {\r\n                            this.setLocale(locale);\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.setLocale(locale);\r\n                }\r\n            },\r\n            setLocale: function (locale) {\r\n                document.cookie = \"ui_lang = \" + locale + '; path=/';\r\n                this.locale = locale;\r\n                this.$i18n.locale = locale;\r\n            },\r\n            onLoadAdminClick: function () {\r\n                this.loadAdmin = true;\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                        {\r\n                            title: \"關閉\",\r\n                        },\r\n                    ],\r\n                });\r\n            },\r\n            login: function (providerName, isLogin) {\r\n                if (isLogin) {\r\n                    this.$gtag.event('Login', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'header',\r\n                        'value': 1\r\n                    });\r\n                } else {\r\n                    this.$gtag.event('Register', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'header',\r\n                        'value': 1\r\n                    });\r\n                }\r\n\r\n                if (this.$route && this.$route.query) {\r\n                    let invCode = this.$route.query.inv;\r\n                    $('#inv').val(invCode);\r\n                }\r\n\r\n                $('#login_provider').val(providerName);\r\n\r\n                if (this.wannaJoin) {\r\n                    $('#wannaJoin').val(this.wannaJoin);\r\n                }\r\n                \r\n                $('#login_form').submit();\r\n            },\r\n            fmtCategoryUrl: function (cate) {\r\n                return (\r\n                    ghelper.getActionUrl(\"CategoryShowBS\", \"Video\") + \"?cate=\" + cate.Id\r\n                );\r\n            },\r\n            getAbsoluteAction: function (action, ctrl) {\r\n                return ghelper.getActionUrl(action, ctrl);\r\n            },\r\n            getAvailableCategories: function () {\r\n                Vue.axios\r\n                    .post(\"Video/GetAvailableCategories\")\r\n                    .then((res) => {\r\n                        var data = res.data;\r\n                        if (data.success) {\r\n                            this.categories = data.data;\r\n                        } else if (data.success == false) {\r\n                            // user not logined\r\n                            this.alert(data.message);\r\n                        }\r\n                    })\r\n                    .catch((error) => {\r\n                        if (error.response) {\r\n                            // 當狀態碼不在 validateStatus 設定的範圍時進入, 401 感覺會跑來這。待確認\r\n                            // 有 data / status / headers 參數可用\r\n                            switch (error.response.status) {\r\n                                case 401:\r\n                                    alert(\"與伺服器的連線已過期或者您沒有存取的權限，請重新登入。\");\r\n                                    window.location.reload();\r\n                                    return;\r\n\r\n                                default:\r\n                                    alert(\r\n                                        \"發生嚴重的錯誤狀態, http status code: \" +\r\n                                        error.response.status\r\n                                    );\r\n                                    return;\r\n                            }\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.alert(\"無法取得使用者登入資訊，發生不知名的錯誤。\");\r\n                    });\r\n            },\r\n            getSupportedLangCharsets: async function () {\r\n                var loader = this.$loading.show();\r\n                try {\r\n                    let res = await this.axios.post(\"Data/GetLangSettings\", {\r\n                        lls: this.userProfile.LangSystemNative,\r\n                        kc: 'LANG_CHAR_SET',\r\n                    });\r\n\r\n                    let data = res.data;\r\n                    if (data.success) {\r\n                        this.nativeLangCharsets = 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                return this.learningLangCharsets;\r\n            },\r\n            loadLocale: function () {\r\n                let localeInDb = null;\r\n\r\n                if (this.user) {\r\n                    localeInDb = this.user.LangUI;\r\n                    this.getAvailableCategories();\r\n                }\r\n\r\n                let localeInCookie = getCookie('ui_lang');\r\n\r\n                if (localeInDb) {\r\n                    this.setLocale(localeInDb);\r\n                    this.locale = localeInDb;\r\n                    this.$i18n.locale = localeInDb;\r\n                } else {\r\n                    if (localeInCookie) {\r\n                        this.setLocale(localeInCookie);\r\n                        this.locale = localeInCookie;\r\n                        this.$i18n.locale = localeInCookie;\r\n                    }\r\n                }\r\n            },\r\n        },\r\n        mounted: function () {\r\n            this.loadLocale();\r\n        },\r\n        watch: {\r\n            user: function (newVal) {\r\n                if (newVal) {\r\n                    this.loadLocale();\r\n                }\r\n            },\r\n        },\r\n        computed: {\r\n            fmtMaterialIndexUrl: function () {\r\n                let url = null;\r\n                if (this.user) {\r\n                    url = this.getAbsoluteAction(null, \"Material\") + '?fl=' + this.user.LearningLang.substring(0, 2);\r\n                } else {\r\n                    url = this.getAbsoluteAction(null, \"Material\");\r\n                }\r\n\r\n                return url;\r\n            },\r\n            fmtTranslationHelpUrl: function () {\r\n                if (this.locale == 'vi-VN') {\r\n                    return 'https://docs.google.com/presentation/d/1MbJnXJqqiSYqbv5q6Z0c_4muRaxCDeDwZ4_VWoeW7_4/edit?fbclid=IwAR0SX9FtTxZ7shJC8FIf8vN_lWVgDKqAmX2x7bz1b_TyltM3ndIcL_OTp4c#slide=id.p';\r\n                } else {\r\n                    return 'https://docs.google.com/presentation/d/1z20HWbyce5iReUkRfyJ4ClehIqNdeSUlUIUfkNnOEF8/edit?usp=sharing';\r\n                }\r\n            },\r\n            fmtRegisterDesc: function () {\r\n                if (this.wannaJoin) {\r\n                    return this.$t('element_header.welcomeWannaJoin');\r\n                } else {\r\n                    return this.$t('element_header.signUpStartStep1');\r\n                }\r\n            },\r\n            fmtCurrentLang: function () {\r\n                switch (this.locale) {\r\n                    case 'vi-VN':\r\n                        return 'Việt';\r\n                    case null:\r\n                    case 'zh-Hant':\r\n                        return '繁中';\r\n                    case 'zh-Hans':\r\n                        return '简中';\r\n                    default:\r\n                        return 'Unk';\r\n                }\r\n            },\r\n            componentMenuAdmin() {\r\n                return () => import(\"@/components/Elements/MenuAdmin.vue\");\r\n            },\r\n            componentMenuContentManager() {\r\n                return () => import(\"@/components/Elements/MenuContentManager.vue\");\r\n            },\r\n            fmtFormAction: function () {\r\n                let appUrl = ghelper.getActionUrl(\"ExternalLogin\", \"Account\");\r\n\r\n                return appUrl;\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"css\">\r\n    .btn:focus,\r\n    .btn.focus {\r\n        box-shadow: none;\r\n    }\r\n\r\n    .language-btn {\r\n        white-space: nowrap;\r\n    }\r\n\r\n        .language-btn:hover {\r\n            opacity: 0.4;\r\n        }\r\n\r\n        .fa-globe-asia,\r\n        .language-btn span {\r\n            color: rgb(130, 130, 130);\r\n        }\r\n\r\n    .search-btn {\r\n        border: none;\r\n        width: 36px;\r\n        margin-right: 22px;\r\n    }\r\n\r\n        .search-btn img {\r\n            width: 28px;\r\n        }\r\n\r\n    header a {\r\n        color: #363636;\r\n    }\r\n\r\n    #navbarCollapse {\r\n        width: 100%;\r\n    }\r\n\r\n    .login-icon-wrapper {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n        .login-icon-wrapper img {\r\n            width: 90px;\r\n            margin: 10px;\r\n        }\r\n\r\n            .login-icon-wrapper img:hover {\r\n                opacity: 0.5;\r\n            }\r\n\r\n    .user-login-wrap {\r\n        cursor: pointer;\r\n        position: relative;\r\n    }\r\n\r\n        .user-login-wrap:hover {\r\n            color: #456cebe3;\r\n        }\r\n\r\n        .user-login-wrap .dropdown-menu {\r\n            top: 37px;\r\n            padding: 6px 23px !important;\r\n            min-width: auto !important;\r\n        }\r\n\r\n    .subscribed-image {\r\n        width: 26px !important;\r\n        height: 26px !important;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        background-color: #a9a9a9;\r\n    }\r\n\r\n    .modal-backdrop {\r\n        z-index: 11 !important;\r\n        background-color: rgba(255, 255, 255, 0) !important;\r\n    }\r\n\r\n    .modal {\r\n        z-index: 999999 !important;\r\n        background-color: rgba(0, 0, 0, 0.536);\r\n    }\r\n\r\n    .signIn-wrap button {\r\n        padding: 0px;\r\n    }\r\n\r\n    .notification-item {\r\n        word-break: break-all;\r\n        white-space: normal;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .subscribed-image {\r\n            width: 37px !important;\r\n            height: 37px !important;\r\n            margin-left: 21px !important;\r\n        }\r\n\r\n        .nav-hidden-desktop {\r\n            display: block;\r\n        }\r\n\r\n        .nav-hidden-mobile {\r\n            display: none;\r\n        }\r\n\r\n        .dropdown-menu {\r\n            left: -86px;\r\n        }\r\n\r\n        .signUp-wrap .btn-line-board {\r\n            width: 100%;\r\n        }\r\n\r\n        .signUp-wrap .w-100 {\r\n            margin: 10px 0px !important;\r\n        }\r\n\r\n        .header-search-input-wrapper {\r\n            margin-right: 0px !important;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .signIn-wrap button {\r\n            padding: 0.45rem 1.4rem !important;\r\n            width: 100px !important;\r\n            border: 2px solid #456ceb;\r\n            border-radius: 50px;\r\n            background-color: #456ceb;\r\n            color: #fff;\r\n            min-width: 100%;\r\n        }\r\n\r\n            .signIn-wrap button:hover {\r\n                color: #fff;\r\n            }\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .navbar-expand-md .navbar-collapse {\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        .nav-hidden-desktop {\r\n            display: none;\r\n        }\r\n\r\n        .nav-hidden-mobile {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .dropdown button {\r\n            padding: 0.45rem 0.8rem 0.45rem 0rem;\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!./PageHeader.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!./PageHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageHeader.vue?vue&type=template&id=b289a4f2&lang=html&\"\nimport script from \"./PageHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./PageHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageHeader.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","module.exports = __webpack_public_path__ + \"img/lexprogress-video-heart.6863e394.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!./Pagination3.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!./SearchBox2.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',{ref:\"alertDialog\",staticClass:\"modal fade\",attrs:{\"id\":\"alertDialog\",\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"exampleModalLabel\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"exampleModalLabel\"}},[_vm._v(_vm._s(_vm.fmtTitle))]),_vm._m(0)]),_c('div',{staticClass:\"modal-body\",domProps:{\"innerHTML\":_vm._s(_vm.msg)}}),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"data-dismiss\":\"modal\"}},[_vm._v(_vm._s(_vm.$t('element_b_dialog.ok')))])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _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    <!-- Modal -->\r\n    <div class=\"modal fade\" ref=\"alertDialog\" id=\"alertDialog\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\r\n        <div class=\"modal-dialog\" role=\"document\">\r\n            <div class=\"modal-content\">\r\n                <div class=\"modal-header\">\r\n                    <h5 class=\"modal-title\" id=\"exampleModalLabel\">{{fmtTitle}}</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\" v-html=\"msg\">\r\n                </div>\r\n                <div class=\"modal-footer\">\r\n                    <button type=\"button\" class=\"btn btn-primary\" data-dismiss=\"modal\">{{$t('element_b_dialog.ok')}}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n    \r\n<script>\r\n    export default {\r\n        props: {\r\n            \r\n        },\r\n        data: function() {\r\n            return {\r\n                title: null,\r\n                msg: null,\r\n            };\r\n        },\r\n        methods: {\r\n            onToggle: function (msg, title) {\r\n                this.msg = msg;\r\n                this.title = title;\r\n\r\n                $('#alertDialog').modal();\r\n            },\r\n        },\r\n        mounted: function () {\r\n            this.$dialog.$bus.$on('toggle', this.onToggle);\r\n        },\r\n        computed: {\r\n            fmtTitle: function () {\r\n                if (this.title) {\r\n                    return this.title;\r\n                }\r\n\r\n                return this.$t('element_b_dialog.please_notice')\r\n            }\r\n        },\r\n    };\r\n</script>\r\n    \r\n<style lang=\"css\">\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!./BDialog.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!./BDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BDialog.vue?vue&type=template&id=735a2b18&lang=html&\"\nimport script from \"./BDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./BDialog.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 BDialog from './BDialog.vue'\r\n\r\nlet Plugin = function (Vue) {\r\n    this.Vue = Vue;\r\n};\r\n\r\n\r\nPlugin.prototype.alert = function (msg, title) {\r\n    this.Vue.$dialog.$bus.$emit('toggle', msg, title);\r\n};\r\n\r\nPlugin.install = function (Vue, options = {}) {\r\n    if (Vue.prototype.$dialog) {\r\n        return\r\n    }\r\n\r\n    Vue.Dialog = new Plugin(Vue, options);\r\n\r\n    Vue.$dialog = Vue.Dialog;\r\n    Vue.prototype.$dialog = Vue.Dialog;\r\n\r\n    Vue.$dialog.$bus = new Vue();\r\n\r\n    /*\r\n    Object.defineProperties(Vue.prototype, {\r\n        $dialog: {\r\n            get() {\r\n                return Vue.Dialog;\r\n            }\r\n        }\r\n    });\r\n    */\r\n\r\n    /**\r\n     * Registration of <Dialog/> component\r\n     */\r\n    const componentName = options.dialogComponentName || 'BDialog';\r\n    Vue.component(componentName, BDialog);\r\n}\r\n\r\nexport default Plugin","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!./PageHeader.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/CaptionCorpus-heart-icon.344370ca.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.pageNums && _vm.pageNums.length > 1)?_c('nav',{staticClass:\"d-flex\",attrs:{\"aria-label\":\"Page navigation example\"}},[(!_vm.isPhone)?_c('div',{staticClass:\"d-flex mr-1\"},[_c('span',{staticClass:\"my-auto\",staticStyle:{\"min-width\":\"40px\"}},[_vm._v(_vm._s(_vm.$t('element_pagenation.page')))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userPageLen),expression:\"userPageLen\"}],staticClass:\"form-control mr-2\",attrs:{\"id\":\"exampleFormControlSelect2\"},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.userPageLen=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.pageSizeSelector),function(ps){return _c('option',{domProps:{\"value\":ps}},[_vm._v(_vm._s(ps))])}),0),_c('span',{staticClass:\"my-auto\"},[_vm._v(_vm._s(_vm.$t('element_pagenation.record')))])]):_vm._e(),_c('ul',{staticClass:\"pagination justify-content-center\"},[_c('li',{class:['page-item', _vm.page==1?'disabled':'']},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"#\",\"tabindex\":\"-1\",\"aria-disabled\":\"true\"},on:{\"click\":function($event){$event.preventDefault();return _vm.gotoPrevPage.apply(null, arguments)}}},[_vm._v(\"<\")])]),_vm._l((_vm.pageNums),function(p,pidx){return _c('li',{class:['page-item', _vm.page==p?'active':'']},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.gotoPage(p)}}},[_vm._v(_vm._s(p))])])}),_c('li',{class:['page-item', _vm.page==_vm.pageMax?'disabled':'']},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.gotoNextPage.apply(null, arguments)}}},[_vm._v(\">\")])])],2)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <nav v-if=\"pageNums && pageNums.length > 1\" class=\"d-flex\" aria-label=\"Page navigation example\" >\r\n        <div v-if=\"!isPhone\" class=\"d-flex mr-1\">\r\n            <span class=\"my-auto\" style=\"min-width:40px;\">{{$t('element_pagenation.page')}}</span>\r\n            <select class=\"form-control mr-2\" id=\"exampleFormControlSelect2\" v-model=\"userPageLen\">\r\n                <!-- eslint-disable-next-line -->\r\n                <option v-for=\"ps in pageSizeSelector\" :value=\"ps\">{{ps}}</option>\r\n            </select>\r\n            <span class=\"my-auto\">{{$t('element_pagenation.record')}}</span>\r\n        </div>\r\n        <ul class=\"pagination justify-content-center\">\r\n            <li :class=\"['page-item', page==1?'disabled':'']\">\r\n                <a class=\"page-link\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\"\r\n                   v-on:click.prevent=\"gotoPrevPage\">&lt;</a>\r\n            </li>\r\n            <!-- eslint-disable-next-line -->\r\n            <li :class=\"['page-item', page==p?'active':'']\" v-for=\"(p, pidx) in pageNums\">\r\n                <a class=\"page-link\" href=\"#\" v-on:click.prevent=\"gotoPage(p)\">{{p}}</a>\r\n            </li>\r\n            <li :class=\"['page-item', page==pageMax?'disabled':'']\">\r\n                <a class=\"page-link\" href=\"#\" v-on:click.prevent=\"gotoNextPage\">&gt;</a>\r\n            </li>\r\n        </ul>\r\n    </nav>\r\n</template>\r\n\r\n<script>\r\n    /** \r\n     *  分頁元件\r\n     *  @displayName 愛語言分頁用元件\r\n     */\r\n    export default {\r\n        props: {\r\n            isPhone: {\r\n                type: String,\r\n                default: null,\r\n            },\r\n            pageLen: {\r\n                type: Number,\r\n                default: 10,\r\n            },\r\n            dataTotal: {\r\n                type: Number,\r\n                default: null,\r\n            },\r\n            pageWindow: {\r\n                type: Number,\r\n                default: null,\r\n            },\r\n            pageSizeSelector: {\r\n                Type: Array,\r\n                default: function () {\r\n                    return [4, 8, 12];\r\n                },\r\n            },\r\n        },\r\n        data: function () {\r\n            return {\r\n                page: 1,\r\n                pageNums: null,\r\n                pageMax: null,\r\n\r\n                userPageLen: this.pageLen,\r\n            };\r\n        },\r\n        methods: {\r\n            gotoPageDoneCB: function (newPageNo) {\r\n                if (newPageNo < 1 || newPageNo > this.pageMax) {\r\n                    return;\r\n                }\r\n\r\n                this.page = newPageNo;\r\n\r\n                // prepare for paging ui variables\r\n                var pageLeft = this.page - this.pageWindow;\r\n                if (pageLeft < 1) {\r\n                    pageLeft = 1;\r\n                }\r\n                var pageRight = pageLeft + this.pageWindow * 2 - 1;\r\n                if (pageRight > this.pageMax) {\r\n                    pageRight = this.pageMax;\r\n                }\r\n\r\n                this.pageNums = [];\r\n                for (var i = pageLeft; i <= pageRight; i++) {\r\n                    this.pageNums.push(i);\r\n                }\r\n            },\r\n            gotoPrevPage: function () {\r\n                if (this.page != 1) {\r\n                    this.$emit('goto-page', this.page - 1, this.gotoPageDoneCB);\r\n                } else {\r\n                    this.$emit('goto-page', 1, this.gotoPageDoneCB);\r\n                }\r\n\r\n                document.activeElement.blur();\r\n            },\r\n            gotoPage: function (p) {\r\n                this.$emit('goto-page', p, this.gotoPageDoneCB);\r\n                document.activeElement.blur();\r\n            },\r\n            gotoNextPage: function () {\r\n                if (this.pageNums && this.page < this.pageMax) {\r\n                    this.$emit('goto-page', this.page + 1, this.gotoPageDoneCB);\r\n                } else {\r\n                    this.$emit('goto-page', this.pageMax, this.gotoPageDoneCB);\r\n                }\r\n\r\n                document.activeElement.blur();\r\n            },\r\n        },\r\n        mounted: function () {\r\n            if (this.dataTotal) {\r\n                this.pageMax = Math.ceil(this.dataTotal / this.pageLen);\r\n\r\n                this.gotoPageDoneCB(1);\r\n            }\r\n        },\r\n        computed: {\r\n\r\n        },\r\n        watch: {\r\n            dataTotal: function (newValue) {\r\n                this.pageMax = Math.ceil(newValue / this.pageLen);\r\n\r\n                this.gotoPageDoneCB(1);\r\n            },\r\n            userPageLen: function (newVal) {\r\n                if (newVal != this.pageLen) {\r\n                    this.$emit('page-size-changed', newVal);\r\n\r\n                    this.pageMax = Math.ceil(this.dataTotal / newVal);\r\n\r\n                    this.gotoPageDoneCB(1);\r\n                }\r\n            },\r\n         },\r\n    };\r\n</script>\r\n\r\n<style lang=\"css\">\r\n    .pagination {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .page-link {\r\n        position: relative;\r\n        display: block;\r\n        padding: 0.5rem 0.75rem;\r\n        margin-left: -1px;\r\n        line-height: 1.25;\r\n        color: #2B2B2B;\r\n        background-color: #fff;\r\n        border: 0px solid #dee2e6;\r\n    }\r\n\r\n    .page-item.active .page-link {\r\n        z-index: 1;\r\n        font-weight: 600;\r\n        color: #456CEB;\r\n        background-color: #fff;\r\n        border-color: #fff;\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!./Pagination3.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!./Pagination3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Pagination3.vue?vue&type=template&id=e37636f4&lang=html&\"\nimport script from \"./Pagination3.vue?vue&type=script&lang=js&\"\nexport * from \"./Pagination3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pagination3.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"],"sourceRoot":""}