{"version":3,"sources":["webpack:///./src/assets/image/social-happyFace.png","webpack:///./src/assets/image/content-img-ai.png","webpack:///./src/assets/image/banner-together-n.jpg","webpack:///./src/assets/image/banner-home.png","webpack:///./src/components/Pages/PageHomeAnalytic.vue?3837","webpack:///src/components/Pages/PageHomeAnalytic.vue","webpack:///./src/components/Pages/PageHomeAnalytic.vue?8b93","webpack:///./src/components/Pages/PageHomeAnalytic.vue?4877","webpack:///./src/assets/image/search-button-red.svg","webpack:///./src/assets/image/diagram-beach.png","webpack:///./src/assets/image/banner-teacher-2.png","webpack:///./src/assets/image/content-img-video.png","webpack:///./src/assets/image/banner-teacher-4.png","webpack:///./src/assets/image/social-good.png","webpack:///./src/assets/image/banner-together-mobile-n.jpg","webpack:///./src/components/Elements/VideoProgress.vue?6245","webpack:///src/components/Elements/VideoProgress.vue","webpack:///./src/components/Elements/VideoProgress.vue?6b88","webpack:///./src/components/Elements/VideoProgress.vue?de16","webpack:///./src/components/Pages/PageHomeAnalytic.vue?6b33","webpack:///./src/assets/image/banner-teacher-3.png","webpack:///./src/assets/image/content-img-singleWord.png","webpack:///./src/assets/image/social-meaasge-img.png","webpack:///./src/components/Elements/VideoProgress.vue?0a7c","webpack:///./src/assets/image/social-heart.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","directives","name","rawName","value","expression","class","searchfocus","attrs","domProps","on","$event","searchBoxStyler","target","composing","searchLex","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","searchLang","multiple","gotoLexCorpus","_m","staticStyle","scrollToFBGroup","tranformmask","staticRenderFns","component","style","enableGotoProgress","gotoLexProgress","progressTotal","FinishedTMCountKernel","FinishedTMCountAll","TranslatorCount","TranslatorCountHistory","Number","parseFloat","FinishedRateKernel","toFixed","FinishedRateAll","TMCCountKernel","TMCCountTM","TMLCountKernel","TMLCountTM","_e"],"mappings":"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","file":"js/chunk-19876e50.552de7b5.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/social-happyFace.a9f3438c.png\";","module.exports = __webpack_public_path__ + \"img/content-img-ai.af4d7c39.png\";","module.exports = __webpack_public_path__ + \"img/banner-together-n.bd6b2558.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-home.14be4617.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"banner-wrapper\"},[_c('div',{staticClass:\"banner-title-wrapper\"},[_c('div',{staticClass:\"banner-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('element_banner.yourVietnameseClass'))+\" \")]),_c('div',{staticClass:\"banner-red-line\"}),_c('div',{staticClass:\"banner-second-title mt-3\"},[_vm._v(_vm._s(_vm.$t('element_banner.secondTitle')))]),_c('div',{staticClass:\"banner-search-input-wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchLex),expression:\"searchLex\"}],staticClass:\"banner-search\",class:{ 'search-focus-stop': _vm.searchfocus },attrs:{\"type\":\"search\",\"name\":\"q\",\"placeholder\":_vm.$t('element_banner.searchVocabulary'),\"aria-label\":\"Search through site content\"},domProps:{\"value\":(_vm.searchLex)},on:{\"focus\":function($event){return _vm.searchBoxStyler(true)},\"blur\":function($event){return _vm.searchBoxStyler(false)},\"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\":\"zh-Hant\"}},[_vm._v(\"繁中\")]),_c('option',{attrs:{\"value\":\"vi-VN\"}},[_vm._v(\"VN\")])]),_c('img',{staticClass:\"search-button-red\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/search-button-red.svg\")},on:{\"click\":_vm.gotoLexCorpus}})])]),_c('img',{staticClass:\"w-100 banner-home\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/banner-home.png\")}})]),_c('div',{staticClass:\"container pt-5\"},[_c('div',{staticClass:\"row  situation-wrapper\"},[_vm._m(0),_c('div',{staticClass:\"col-md-5\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('element_content_analytic.associateVideo')))]),_c('p',[_vm._v(_vm._s(_vm.$t('element_content_analytic.avIntroduce')))]),_c('button',{staticClass:\"btn btn-second\",attrs:{\"onclick\":\"location.href='https://bit.ly/34dZB4D'\"}},[_vm._v(_vm._s(_vm.$t('element_content_analytic.situationVideo')))])])]),_c('h2',{staticClass:\"text-center mt-5\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.howWeHelpYou')))]),_c('div',{staticClass:\"row about-ai-wrap\"},[_c('div',{staticClass:\"col-md-6 p-2\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap\"},[_c('div',{staticClass:\"inner-wrap-padding font-m\"},[_c('h4',{staticClass:\"second-title\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.aiSelfStudy')))]),_c('ul',{staticClass:\"mt-3\"},[_c('li',[_c('p',{staticClass:\"list-title\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.aiAnalyze')))]),_c('p',[_vm._v(_vm._s(_vm.$t('element_content_analytic.likeYourAssistant')))])]),_c('li',[_c('p',{staticClass:\"list-title\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.relatedWordA')))]),_c('p',{staticStyle:{\"letter-spacing\":\"-1px\"}},[_vm._v(_vm._s(_vm.$t('element_content_analytic.allRelated')))])]),_c('li',[_c('p',{staticClass:\"list-title\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.radicalPrefixA')))]),_c('p',[_vm._v(_vm._s(_vm.$t('element_content_analytic.moreVocabulary')))])])])])])]),_vm._m(1)]),_c('div',{staticClass:\"row p-2\"},[_vm._m(2),_c('div',{staticClass:\"col-md-6 p-2\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap font-m\"},[_c('div',{staticClass:\"inner-wrap-padding\"},[_c('h4',{staticClass:\"second-title\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.lookVideoStudy')))]),_c('p',[_vm._v(_vm._s(_vm.$t('element_content_analytic.videoIsGoodLaugurage')))])])])]),_vm._m(3)]),_c('div',{staticClass:\"row p-2\"},[_c('div',{staticClass:\"col-md-6 p-2\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap font-m\"},[_c('div',{staticClass:\"inner-wrap-padding\"},[_c('h4',{staticClass:\"second-title\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.corpusSearch')))]),_c('p',[_vm._v(_vm._s(_vm.$t('element_content_analytic.exceedMoreCaptions')))])])])]),_vm._m(4)])]),_c('h3',{staticClass:\"text-center mt-5\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.teacherAndCommunity')))]),_vm._m(5),_c('div',{staticClass:\"container p-5 mt-3\"},[_c('div',{staticClass:\"row\"},[_vm._m(6),_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"d-flex-center h-100\"},[_c('div',[_c('div',{staticClass:\"social-title\",domProps:{\"innerHTML\":_vm._s(_vm.$t('element_content_analytic.newLangurageChinese'))}}),_c('p',{staticClass:\"p-3\"},[_vm._v(_vm._s(_vm.$t('element_content_analytic.needfriend')))]),_c('div',{staticClass:\"w-100 d-flex-center\"},[_c('button',{staticClass:\"btn btn-second\",on:{\"click\":_vm.scrollToFBGroup}},[_vm._v(_vm._s(_vm.$t('element_content_analytic.joinNow')))])])])])])])]),_c('div',{staticClass:\"container mb-5 mt-5\"},[_c('video-progress',{attrs:{\"enable-goto-progress\":true}})],1),_c('div',{staticClass:\"container-fulid\"},[_c('div',{staticClass:\"together-wrapper\",on:{\"mouseover\":function($event){_vm.tranformmask =!_vm.tranformmask}}},[_c('div',{staticClass:\"joinUs-wrap\"},[_c('img',{staticClass:\"d-block w-100 mt-5 together-img hide-mobile\",attrs:{\"src\":require(\"@/assets/image/banner-together-n.jpg\"),\"alt\":\"...\"}}),_c('div',{staticClass:\"joinUs-btn-wrap\"},[_c('button',{staticClass:\"btn btn-second\",attrs:{\"onclick\":\"location.href='/LeaderBoard/LexProgress'\"}},[_vm._v(_vm._s(_vm.$t('element_content_analytic.projectAction')))])]),_c('img',{staticClass:\"d-block w-100 mt-5 together-img hide-desktop\",attrs:{\"src\":require(\"@/assets/image/banner-together-mobile-n.jpg\"),\"alt\":\"...\"}})])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-7\"},[_c('img',{staticClass:\"w-100\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/diagram-beach.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6 p-2\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap\"},[_c('div',[_c('img',{staticClass:\"w-100 content-img\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/content-img-ai.png\")}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6 p-2 hide-m\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap\"},[_c('div',[_c('img',{staticClass:\"w-100 content-img\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/content-img-video.png\")}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6 p-2 hide-d\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap\"},[_c('div',[_c('img',{staticClass:\"w-100 content-img\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/content-img-video.png\")}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6 p-2\"},[_c('div',{staticClass:\"d-flex-center h-100 flex-wrap\"},[_c('div',[_c('img',{staticClass:\"w-100 content-img\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/image/content-img-singleWord.png\")}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"containter-fulid teacher-wrapper\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselExampleIndicators\",\"data-ride\":\"carousel\"}},[_c('ol',{staticClass:\"carousel-indicators\"},[_c('li',{staticClass:\"active\",attrs:{\"data-target\":\"#carouselExampleIndicators\",\"data-slide-to\":\"0\"}}),_c('li',{attrs:{\"data-target\":\"#carouselExampleIndicators\",\"data-slide-to\":\"1\"}}),_c('li',{attrs:{\"data-target\":\"#carouselExampleIndicators\",\"data-slide-to\":\"2\"}})]),_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":require(\"@/assets/image/banner-teacher-2.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":require(\"@/assets/image/banner-teacher-3.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":require(\"@/assets/image/banner-teacher-4.png\"),\"alt\":\"...\"}})])]),_c('a',{staticClass:\"carousel-control-prev\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"prev\"}},[_c('span',{staticClass:\"carousel-control-prev-icon\",attrs:{\"aria-hidden\":\"true\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Previous\")])]),_c('a',{staticClass:\"carousel-control-next\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"next\"}},[_c('span',{staticClass:\"carousel-control-next-icon\",attrs:{\"aria-hidden\":\"true\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Next\")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-7 position-relative\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":require(\"@/assets/image/social-meaasge-img.png\"),\"alt\":\"...\"}}),_c('div',{staticClass:\"heart-p-1\"},[_c('img',{staticClass:\"heart\",attrs:{\"src\":require(\"@/assets/image/social-heart.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"heart-p-2\"},[_c('img',{staticClass:\"heart-1\",attrs:{\"src\":require(\"@/assets/image/social-heart.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"heart-p-3\"},[_c('img',{staticClass:\"heart-2\",attrs:{\"src\":require(\"@/assets/image/social-heart.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"heart-p-4\"},[_c('img',{staticClass:\"heart-3\",attrs:{\"src\":require(\"@/assets/image/social-heart.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"good-p-1\"},[_c('img',{staticClass:\"good\",attrs:{\"src\":require(\"@/assets/image/social-good.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"good-p-2\"},[_c('img',{staticClass:\"good-1\",attrs:{\"src\":require(\"@/assets/image/social-good.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"good-p-3\"},[_c('img',{staticClass:\"good-2\",attrs:{\"src\":require(\"@/assets/image/social-good.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"good-p-4\"},[_c('img',{staticClass:\"good-3\",attrs:{\"src\":require(\"@/assets/image/social-good.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"happyFace-p-1\"},[_c('img',{staticClass:\"happyFace\",attrs:{\"src\":require(\"@/assets/image/social-happyFace.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"happyFace-p-2\"},[_c('img',{staticClass:\"happyFace-1\",attrs:{\"src\":require(\"@/assets/image/social-happyFace.png\"),\"alt\":\"...\"}})]),_c('div',{staticClass:\"happyFace-p-3\"},[_c('img',{staticClass:\"happyFace-2\",attrs:{\"src\":require(\"@/assets/image/social-happyFace.png\"),\"alt\":\"...\"}})])])}]\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n    <div>\r\n        <div class=\"banner-wrapper\">\r\n            <div class=\"banner-title-wrapper\">\r\n                <div class=\"banner-title\">\r\n                    {{$t('element_banner.yourVietnameseClass')}}\r\n                    <!-- 您的越南語<br/>\r\n                    線上影音教室 -->\r\n                </div>\r\n                <div class=\"banner-red-line\"></div>\r\n                <div class=\"banner-second-title mt-3\">{{$t('element_banner.secondTitle')}}</div>\r\n                <div class=\"banner-search-input-wrapper\">\r\n                    <input v-on:focus=\"searchBoxStyler(true)\" v-on:blur=\"searchBoxStyler(false)\" :class=\"{ 'search-focus-stop': searchfocus }\" class=\"banner-search\" type=\"search\" name=\"q\" :placeholder=\"$t('element_banner.searchVocabulary')\" aria-label=\"Search through site content\"\r\n                           v-model=\"searchLex\">\r\n                    <!-- <select class=\"banner-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=\"zh-Hant\">繁中</option>\r\n                        <option value=\"vi-VN\">VN</option>\r\n                    </select>\r\n                    <img alt=\"\" class=\"search-button-red\" src=\"@/assets/image/search-button-red.svg\" v-on:click=\"gotoLexCorpus\">\r\n                </div>\r\n            </div>\r\n            <img alt=\"\" class=\"w-100 banner-home\" src=\"@/assets/image/banner-home.png\">\r\n        </div>\r\n        <div class=\"container pt-5\">\r\n            <div class=\"row  situation-wrapper\">\r\n                <div class=\"col-md-7\">\r\n                    <img alt=\"\" class=\"w-100\" src=\"@/assets/image/diagram-beach.png\">\r\n                </div>\r\n                <div class=\"col-md-5\">\r\n                    <h4>{{$t('element_content_analytic.associateVideo')}}</h4>\r\n                    <p>{{$t('element_content_analytic.avIntroduce')}}</p>\r\n\r\n                    <button class=\"btn btn-second\" onclick=\"location.href='https://bit.ly/34dZB4D'\">{{$t('element_content_analytic.situationVideo')}}</button>\r\n\r\n                </div>\r\n            </div>\r\n            <h2 class=\"text-center mt-5\">{{$t('element_content_analytic.howWeHelpYou')}}</h2>\r\n            <div class=\"row about-ai-wrap\">\r\n                <div class=\"col-md-6 p-2\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap\">\r\n                        <div class=\"inner-wrap-padding font-m\">\r\n                            <h4 class=\"second-title\">{{$t('element_content_analytic.aiSelfStudy')}}</h4>\r\n                            <ul class=\"mt-3\">\r\n                                <li>\r\n                                    <p class=\"list-title\">{{$t('element_content_analytic.aiAnalyze')}}</p>\r\n                                    <p>{{$t('element_content_analytic.likeYourAssistant')}}</p>\r\n                                </li>\r\n                                <li>\r\n                                    <p class=\"list-title\">{{$t('element_content_analytic.relatedWordA')}}</p>\r\n                                    <p style=\"letter-spacing: -1px;\">{{$t('element_content_analytic.allRelated')}}</p>\r\n                                <li>\r\n                                    <p class=\"list-title\">{{$t('element_content_analytic.radicalPrefixA')}}</p>\r\n                                    <p>{{$t('element_content_analytic.moreVocabulary')}}</p>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 p-2\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap\">\r\n                        <div>\r\n                            <img alt=\"\" class=\"w-100 content-img\" src=\"@/assets/image/content-img-ai.png\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row p-2\">\r\n                <div class=\"col-md-6 p-2 hide-m\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap\">\r\n                        <div>\r\n                            <img alt=\"\" class=\"w-100 content-img\" src=\"@/assets/image/content-img-video.png\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 p-2\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap font-m\">\r\n                        <div class=\"inner-wrap-padding\">\r\n                            <h4 class=\"second-title\">{{$t('element_content_analytic.lookVideoStudy')}}</h4>\r\n                            <p>{{$t('element_content_analytic.videoIsGoodLaugurage')}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 p-2 hide-d\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap\">\r\n                        <div>\r\n                            <img alt=\"\" class=\"w-100 content-img\" src=\"@/assets/image/content-img-video.png\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row p-2\">\r\n                <div class=\"col-md-6 p-2\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap font-m\">\r\n                        <div class=\"inner-wrap-padding\">\r\n                            <h4 class=\"second-title\">{{$t('element_content_analytic.corpusSearch')}}</h4>\r\n                            <p>{{$t('element_content_analytic.exceedMoreCaptions')}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 p-2\">\r\n                    <div class=\"d-flex-center h-100 flex-wrap\">\r\n                        <div>\r\n                            <img alt=\"\" class=\"w-100 content-img\" src=\"@/assets/image/content-img-singleWord.png\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <h3 class=\"text-center mt-5\">{{$t('element_content_analytic.teacherAndCommunity')}}</h3>\r\n        <div class=\"containter-fulid teacher-wrapper\">\r\n            <div class=\"container\">\r\n                <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"2\"></li>\r\n                    </ol>\r\n                    <div class=\"carousel-inner\">\r\n                        <div class=\"carousel-item active\">\r\n                            <img src=\"@/assets/image/banner-teacher-2.png\" class=\"d-block w-100\" alt=\"...\">\r\n                        </div>\r\n                        <div class=\"carousel-item\">\r\n                            <img src=\"@/assets/image/banner-teacher-3.png\" class=\"d-block w-100\" alt=\"...\">\r\n                        </div>\r\n                        <div class=\"carousel-item\">\r\n                            <img src=\"@/assets/image/banner-teacher-4.png\" class=\"d-block w-100\" alt=\"...\">\r\n                        </div>\r\n                    </div>\r\n                    <a class=\"carousel-control-prev\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"prev\">\r\n                        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\r\n                        <span class=\"sr-only\">Previous</span>\r\n                    </a>\r\n                    <a class=\"carousel-control-next\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"next\">\r\n                        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\r\n                        <span class=\"sr-only\">Next</span>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"container p-5 mt-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-7 position-relative\">\r\n                    <img src=\"@/assets/image/social-meaasge-img.png\" class=\"w-100\" alt=\"...\">\r\n                    <div class=\"heart-p-1\"><img class=\"heart\" src=\"@/assets/image/social-heart.png\" alt=\"...\"></div>\r\n                    <div class=\"heart-p-2\"><img class=\"heart-1\" src=\"@/assets/image/social-heart.png\" alt=\"...\"></div>\r\n                    <div class=\"heart-p-3\"><img class=\"heart-2\" src=\"@/assets/image/social-heart.png\" alt=\"...\"></div>\r\n                    <div class=\"heart-p-4\"><img class=\"heart-3\" src=\"@/assets/image/social-heart.png\" alt=\"...\"></div>\r\n                    <div class=\"good-p-1\"><img class=\"good\" src=\"@/assets/image/social-good.png\" alt=\"...\"></div>\r\n                    <div class=\"good-p-2\"><img class=\"good-1\" src=\"@/assets/image/social-good.png\" alt=\"...\"></div>\r\n                    <div class=\"good-p-3\"><img class=\"good-2\" src=\"@/assets/image/social-good.png\" alt=\"...\"></div>\r\n                    <div class=\"good-p-4\"><img class=\"good-3\" src=\"@/assets/image/social-good.png\" alt=\"...\"></div>\r\n                    <div class=\"happyFace-p-1\"><img class=\"happyFace\" src=\"@/assets/image/social-happyFace.png\" alt=\"...\"></div>\r\n                    <div class=\"happyFace-p-2\"><img class=\"happyFace-1\" src=\"@/assets/image/social-happyFace.png\" alt=\"...\"></div>\r\n                    <div class=\"happyFace-p-3\"><img class=\"happyFace-2\" src=\"@/assets/image/social-happyFace.png\" alt=\"...\"></div>\r\n                </div>\r\n                <div class=\"col-md-5\">\r\n                    <div class=\"d-flex-center h-100\">\r\n                        <div>\r\n                            <div class=\"social-title\" v-html=\"$t('element_content_analytic.newLangurageChinese')\"></div>\r\n                            <p class=\"p-3\">{{$t('element_content_analytic.needfriend')}}</p>\r\n                            <div class=\"w-100 d-flex-center\">\r\n                                <button @click=\"scrollToFBGroup\" class=\"btn btn-second\">{{$t('element_content_analytic.joinNow')}}</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"container mb-5 mt-5\">\r\n            <video-progress :enable-goto-progress=\"true\"></video-progress>\r\n        </div>\r\n        <div class=\"container-fulid\">\r\n\r\n            <div class=\"together-wrapper\" @mouseover=\"tranformmask =!tranformmask\">\r\n                <!-- <div @mouseout=\"tranformmask =!tranformmask\" class=\"together-mask-box\"\r\n                    :class=\"{ 'together-mask-1' : tranformmask }\"> -->\r\n                <!-- <div class=\"container row\">\r\n                    <div class=\"col-md-9 d-flex-center\">\r\n                        <div v-show=\"currentStep == 1\" class=\"text-white\">\r\n                            {{$t('element_content_analytic.stepTextOne')}}\r\n                        </div>\r\n                        <div v-show=\"currentStep == 2\" class=\"text-white\">\r\n                            {{$t('element_content_analytic.stepTextTwo')}}\r\n                        </div>\r\n                        <div v-show=\"currentStep == 3\" class=\"text-white\">\r\n                            {{$t('element_content_analytic.stepTextThree_1')}}\r\n                            <br/><br/>\r\n                            {{$t('element_content_analytic.stepTextThree_2')}} <div class=\"text-white\" style=\"text-decoration:underline;\" v-on:click=\"more1200Lex\">{{$t('element_content_analytic.stepTextThree_3')}}</div>\r\n                            <br/>\r\n                            {{$t('element_content_analytic.stepTextThree_4')}}\r\n                        </div>\r\n                        <div>\r\n                            <button v-show=\"currentStep == 2\" @click.prevent=\"prevStep\"\r\n                                class=\"btn btn-second-board mr-2\">上一步</button>\r\n                            <button :class=\"{ 'button-hidden' : currentStep == 3 }\" @click.prevent=\"nextStep\"\r\n                                class=\"btn btn-second\">下一步</button>\r\n                            <button v-show=\"currentStep == 3\" @click.prevent=\"prevStep\"\r\n                                class=\"btn btn-second-board mr-2\">上一步</button>\r\n                            <button v-show=\"currentStep == 3\" @click.prevent=\"prevStep\"\r\n                                class=\"btn btn-second\" v-on:click=\"contactUs('homepage_ad')\">{{$t('element_content_analytic.contactUs')}}</button>\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                        <img v-show=\"currentStep == 1\" src=\"@/assets/image/banner-together-sample-1.png\"\r\n                            class=\"w-100 hide-mobile\" alt=\"...\">\r\n                        <img v-show=\"currentStep == 2\" src=\"@/assets/image/banner-together-sample-2.png\"\r\n                            class=\"w-100 hide-mobile\" alt=\"...\">\r\n                        <img v-show=\"currentStep == 3\" src=\"@/assets/image/banner-together-sample-3.png\"\r\n                            class=\"w-100 hide-mobile\" alt=\"...\">\r\n                    </div>\r\n                </div> -->\r\n                <!-- </div> -->\r\n                <div class=\"joinUs-wrap\">\r\n                    <img src=\"@/assets/image/banner-together-n.jpg\" class=\"d-block w-100 mt-5 together-img hide-mobile\"\r\n                         alt=\"...\">\r\n                    <div class=\"joinUs-btn-wrap\">\r\n                        <button onclick=\"location.href='/LeaderBoard/LexProgress'\" class=\"btn btn-second\">{{$t('element_content_analytic.projectAction')}}</button>\r\n                        <!-- 2nd action, 先遮蔽\r\n                        <button data-toggle=\"modal\" data-target=\"#signUpModal\" class=\"btn btn-line-board\">{{$t('element_content_analytic.sponsor')}}</button>\r\n                        -->\r\n                    </div>\r\n                    <img src=\"@/assets/image/banner-together-mobile-n.jpg\"\r\n                         class=\"d-block w-100 mt-5 together-img hide-desktop\" alt=\"...\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { ghelper, getCookie } from \"@/lib/ghelper\";\r\n    import VideoProgress from \"@/components/Elements/VideoProgress.vue\";\r\n\r\n    export default {\r\n        data: function () {\r\n            return {\r\n                tranformmask: true,\r\n                currentStep: 1,\r\n\r\n                searchLex: null,\r\n                searchLang: null,\r\n\r\n                flash: false,\r\n                searchfocus: false\r\n            };\r\n        },\r\n        components: {\r\n            VideoProgress\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            scrollToFBGroup: function () {\r\n                var element = document.querySelector(\"#fb-group\");\r\n\r\n                // smooth scroll to element and align it at the bottom\r\n                element.scrollIntoView({ behavior: 'smooth', block: 'end' });\r\n            },\r\n            setSearchLang: function (lang) {\r\n                document.cookie = \"serach_lang = \" + lang + \"; path=/\";\r\n                this.searchLang = lang;\r\n            },\r\n            gotoLexCorpus: function () {\r\n                var 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: \"homepage\",\r\n                        value: 3\r\n                    });\r\n\r\n                    let url = null;\r\n\r\n                    if (this.searchLang == \"vi-VN\") {\r\n                        url =\r\n                            ghelper.getActionUrl(\"Corpus\", \"Lex\") +\r\n                            \"/vi-VN/zh-Hant/\" +\r\n                            trimmedLex;\r\n                    } else {\r\n                        url =\r\n                            ghelper.getActionUrl(\"Corpus\", \"Lex\") +\r\n                            \"/zh-Hant/vi-VN/\" +\r\n                            trimmedLex;\r\n                    }\r\n\r\n                    location.href = url;\r\n                } else {\r\n                    this.alert(\"請輸入要搜尋的詞彙。\");\r\n                }\r\n            },\r\n            nextStep: function () {\r\n                this.currentStep++;\r\n            },\r\n            prevStep: function () {\r\n                this.currentStep--;\r\n            },\r\n            contactUs: function (lbl) {\r\n                this.$gtag.event(\"Contact\", {\r\n                    event_category: \"iyuyan\",\r\n                    event_label: lbl,\r\n                    value: 100\r\n                });\r\n\r\n                window.open(\"https://m.me/iyuewen\", \"_blank\");\r\n            },\r\n            more1200Lex: function () {\r\n                this.$gtag.event(\"AdMore\", {\r\n                    event_category: \"iyuyan\",\r\n                    event_label: \"homepage\",\r\n                    value: 10\r\n                });\r\n\r\n                window.open(\"https://bit.ly/2XSMd2s\", \"_blank\");\r\n            },\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                location.href = ghelper.getActionUrl(\"About\", \"Speaking\");\r\n            },\r\n            searchBoxStyler: function (event) {\r\n                // console.log(event)\r\n                if (event == true) {\r\n                    this.searchfocus = true;\r\n                } else {\r\n                    this.searchfocus = false;\r\n                }\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        watch: {\r\n            searchLang: function (newVal) {\r\n                this.setSearchLang(newVal);\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n\r\n<style>\r\n    .banner-wrapper {\r\n        position: relative;\r\n    }\r\n\r\n    .banner-search {\r\n        border-radius: 50px;\r\n        border: none;\r\n        width: 100%;\r\n        padding: 14px 70px 14px 20px;\r\n        animation-name: oxxo;\r\n        animation-duration: 2s;\r\n        animation-iteration-count: infinite;\r\n        background-color: white;\r\n    }\r\n\r\n    .search-focus-stop {\r\n        animation-name: none;\r\n        /* box-shadow: none;  */\r\n    }\r\n\r\n        .search-focus-stop:focus {\r\n            box-shadow: none !important;\r\n        }\r\n\r\n    .banner-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    }\r\n\r\n        .banner-search-select:focus {\r\n            outline: none;\r\n        }\r\n\r\n    @keyframes oxxo {\r\n        0% {\r\n            box-shadow: 0 0 0 0rem #ff8f9ccf;\r\n        }\r\n\r\n        50% {\r\n            box-shadow: 0 0 0 0.4rem #ff8f9ccf;\r\n        }\r\n\r\n        100% {\r\n            box-shadow: 0 0 0 0rem #ff8f9ccf;\r\n        }\r\n    }\r\n\r\n    .banner-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\r\n    .banner-search-input-wrapper {\r\n        position: relative;\r\n    }\r\n\r\n    .banner-title-wrapper {\r\n        position: absolute;\r\n        left: 5%;\r\n        top: 10%;\r\n        color: #fff;\r\n        width: 400px;\r\n        /* background-color: #456CEB; */\r\n    }\r\n\r\n    .banner-title {\r\n        font-weight: 800;\r\n        font-size: 4rem;\r\n        position: relative;\r\n        z-index: 9;\r\n        text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.475);\r\n    }\r\n\r\n    .banner-red-line {\r\n        width: 100%;\r\n        height: 30px;\r\n        background-color: #ff6072;\r\n        position: absolute;\r\n        bottom: 100px;\r\n        left: -6px;\r\n    }\r\n\r\n    .banner-second-title {\r\n        font-weight: 400;\r\n        font-size: 1.2rem;\r\n        margin-top: -1px !important;\r\n        margin-bottom: 11px;\r\n        text-shadow: 0.7px 0.7px 10px rgba(0, 0, 0, 0.475);\r\n    }\r\n\r\n    .search-button-red {\r\n        position: absolute;\r\n        top: 6px;\r\n        right: 10px;\r\n        width: 40px;\r\n        cursor: pointer;\r\n    }\r\n\r\n        .search-button-red:hover {\r\n            opacity: 0.6;\r\n        }\r\n\r\n    .situation-wrapper button {\r\n        margin: 0 auto;\r\n        display: block;\r\n    }\r\n\r\n    .situation-wrapper h4 {\r\n        margin-top: 21%;\r\n    }\r\n\r\n    .aboutus-box {\r\n        overflow: hidden;\r\n        position: relative;\r\n        background-color: #f7f7f7;\r\n        padding: 19px 20px 27px 20px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .aboutus-title {\r\n        color: #e32f42;\r\n    }\r\n\r\n    .aboutus-img-icon {\r\n        position: absolute;\r\n        bottom: -15px;\r\n        right: 26px;\r\n    }\r\n\r\n    .aboutus-second-box {\r\n        background-color: #f7f7f7;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        display: block;\r\n    }\r\n\r\n    .aboutus-text-more {\r\n        color: #456ceb !important;\r\n    }\r\n\r\n    .aboutus-box-img {\r\n        width: 100%;\r\n        height: 229px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .aboutus-second-box:hover {\r\n        opacity: 0.8;\r\n    }\r\n\r\n        .aboutus-second-box:hover img {\r\n            transform: scale(1.2);\r\n        }\r\n\r\n    .teacher-wrapper {\r\n        background-color: #f7f7f7;\r\n        padding: 0px;\r\n        margin-top: 19px;\r\n    }\r\n\r\n    .box {\r\n        width: 200px;\r\n        height: 200px;\r\n        border: 1px solid;\r\n        transition: 2s;\r\n    }\r\n\r\n    .together-wrapper {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .together-mask-box {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 1;\r\n        cursor: pointer;\r\n        background-color: #000000d2;\r\n        width: 100%;\r\n        height: 36vh;\r\n        position: absolute;\r\n    }\r\n\r\n    .together-img {\r\n        height: 36vh;\r\n    }\r\n\r\n    .contact-image {\r\n        width: 100%;\r\n        padding: 0px 22%;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .together-mask-1 {\r\n        opacity: 0;\r\n    }\r\n\r\n    .button-hidden {\r\n        display: none;\r\n    }\r\n\r\n    /* new css */\r\n    .second-title {\r\n        color: #456ceb;\r\n    }\r\n\r\n    .about-ai-wrap ul {\r\n        padding-left: 20px;\r\n    }\r\n\r\n        .about-ai-wrap ul li {\r\n            list-style-type: square !important;\r\n            color: #456ceb;\r\n            font-size: 16px !important;\r\n            line-height: 30px !important;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n            .about-ai-wrap ul li p {\r\n                color: #212529;\r\n            }\r\n\r\n    .list-title {\r\n        font-size: 1.2rem;\r\n        font-weight: 800;\r\n        margin-bottom: -3px;\r\n    }\r\n\r\n    .list-title {\r\n        font-size: 1.2rem;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .content-img {\r\n        padding: 30px 12px;\r\n    }\r\n\r\n    .font-m p {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .situation-wrapper p {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n\r\n\r\n    @media screen and (max-width: 875px) {\r\n        .banner-wrapper {\r\n            width: 100%;\r\n            height: 500px;\r\n            background-image: url(\"~@/assets/image/banner-home.png\");\r\n            background-position: center;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n            .banner-wrapper .banner-home {\r\n                display: none;\r\n            }\r\n\r\n        .banner-title-wrapper {\r\n            position: relative;\r\n            left: 0%;\r\n            top: 0%;\r\n        }\r\n    }\r\n\r\n    @media screen and (min-width: 992px) {\r\n        .inner-wrap-padding {\r\n            padding: 0px 50px;\r\n        }\r\n\r\n        .hide-d {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 992px) {\r\n        .hide-m {\r\n            display: none;\r\n        }\r\n\r\n        .second-title {\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .content-img {\r\n            padding: 0px 12px;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 420px) {\r\n        .banner-title-wrapper {\r\n            zoom: 0.9;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 360px) {\r\n        .banner-title-wrapper {\r\n            zoom: 0.8;\r\n        }\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .hide-mobile {\r\n            display: none !important;\r\n        }\r\n\r\n        .together-mask-box {\r\n            height: inherit;\r\n        }\r\n\r\n        .together-img {\r\n            height: auto;\r\n        }\r\n\r\n        .situation-wrapper h4 {\r\n            margin-top: 3%;\r\n        }\r\n\r\n        .contact-image {\r\n            width: 100%;\r\n            padding: 0px 6%;\r\n        }\r\n    }\r\n\r\n    @media screen and (min-width: 768px) {\r\n        .hide-desktop {\r\n            display: none !important;\r\n        }\r\n    }\r\n\r\n    /* css動畫 */\r\n\r\n    .heart {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-1, bottomMove-1;\r\n        animation-duration: 6s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .good {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-4, bottomMove-4;\r\n        animation-duration: 4s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .good-1 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-5, bottomMove-5;\r\n        animation-duration: 4s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .good-2 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-6, bottomMove-6;\r\n        animation-duration: 4s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .good-3 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-10, bottomMove-10;\r\n        animation-duration: 4s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .good-p-1 {\r\n        position: absolute;\r\n        right: 230px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .good-p-2 {\r\n        position: absolute;\r\n        right: 210px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .good-p-3 {\r\n        position: absolute;\r\n        right: 260px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .good-p-4 {\r\n        position: absolute;\r\n        right: 262px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .heart-p-1 {\r\n        position: absolute;\r\n        right: 200px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .heart-p-2 {\r\n        position: absolute;\r\n        right: 230px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .heart-p-3 {\r\n        position: absolute;\r\n        right: 240px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .heart-p-4 {\r\n        position: absolute;\r\n        right: 200px;\r\n        bottom: 0px;\r\n    }\r\n\r\n    .heart-1 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-2, bottomMove-2;\r\n        animation-duration: 6s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .heart-2 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-3, bottomMove-3;\r\n        animation-duration: 4s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .heart-3 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-11, bottomMove-11;\r\n        animation-duration: 8s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .happyFace {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-7, bottomMove-7;\r\n        animation-duration: 9s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .happyFace-p-1 {\r\n        position: absolute;\r\n        right: 220px;\r\n        bottom: 10px;\r\n    }\r\n\r\n    .happyFace-1 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-8, bottomMove-8;\r\n        animation-duration: 3s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .happyFace-p-2 {\r\n        position: absolute;\r\n        right: 226px;\r\n        bottom: 10px;\r\n    }\r\n\r\n    .happyFace-2 {\r\n        width: 20px;\r\n        height: 20px;\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        animation-name: rightMove-9, bottomMove-9;\r\n        animation-duration: 3s;\r\n        animation-iteration-count: infinite;\r\n    }\r\n\r\n    .happyFace-p-3 {\r\n        position: absolute;\r\n        right: 235px;\r\n        bottom: 10px;\r\n    }\r\n\r\n    .social-title {\r\n        font-size: 3rem;\r\n        text-align: center;\r\n        font-weight: 600;\r\n    }\r\n\r\n    @keyframes rightMove-1 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: -420px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-1 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -450px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-2 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: -100px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-2 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -400px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-3 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: 0px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-3 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -200px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-4 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: 40px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-4 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -500px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-5 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: -100px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-5 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -250px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-6 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: 200px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-6 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -250px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-7 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: 140px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-7 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -250px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-8 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: -140px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-8 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -180px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-9 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: 100px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-9 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -300px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-10 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: -100px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-10 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -380px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    @keyframes rightMove-11 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            left: 0px;\r\n        }\r\n\r\n        60% {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes bottomMove-11 {\r\n        50% {\r\n            animation-timing-function: linear;\r\n            top: -280px;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    .joinUs-wrap {\r\n        position: relative;\r\n    }\r\n\r\n    .joinUs-btn-wrap {\r\n        position: absolute;\r\n        top: 29%;\r\n        right: 5%;\r\n    }\r\n\r\n        .joinUs-btn-wrap .btn-line-board {\r\n            width: 110px;\r\n            margin-left: 13px;\r\n        }\r\n\r\n    @media screen and (max-width:992px) {\r\n        .joinUs-btn-wrap {\r\n            position: absolute;\r\n            top: 62%;\r\n            right: 5%;\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!./PageHomeAnalytic.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!./PageHomeAnalytic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageHomeAnalytic.vue?vue&type=template&id=66f8a754&lang=html&\"\nimport script from \"./PageHomeAnalytic.vue?vue&type=script&lang=js&\"\nexport * from \"./PageHomeAnalytic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageHomeAnalytic.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/search-button-red.95bf9de5.svg\";","module.exports = __webpack_public_path__ + \"img/diagram-beach.532cfbbc.png\";","module.exports = __webpack_public_path__ + \"img/banner-teacher-2.77d8a5d7.png\";","module.exports = __webpack_public_path__ + \"img/content-img-video.10c0d423.png\";","module.exports = __webpack_public_path__ + \"img/banner-teacher-4.12e52af0.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/banner-together-mobile-n.0289c02e.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.progressTotal)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 lexprogress-text-wrapper\"},[_c('h2',{style:({'cursor': _vm.enableGotoProgress?'pointer':'default'}),on:{\"click\":_vm.gotoLexProgress}},[_vm._v(\" \"+_vm._s(_vm.progressTotal.FinishedTMCountKernel)),_c('span',[_vm._v(\"/\"+_vm._s(_vm.progressTotal.FinishedTMCountAll)+\" \"+_vm._s(_vm.$t('element_lexProgress.episode')))])]),_c('p',[_vm._v(_vm._s(_vm.$t('element_lexProgress.situationVideoProgress')))])]),_c('div',{staticClass:\"col-md-4 lexprogress-text-wrapper\"},[_c('h2',{style:({'cursor': _vm.enableGotoProgress?'pointer':'default'}),on:{\"click\":_vm.gotoLexProgress}},[_vm._v(\" \"+_vm._s(_vm.progressTotal.TranslatorCount)),_c('span',[_vm._v(\"/\"+_vm._s(_vm.progressTotal.TranslatorCountHistory)+\" \"+_vm._s(_vm.$t('element_lexProgress.people')))])]),_c('p',[_vm._v(_vm._s(_vm.$t('element_lexProgress.communityNop')))])]),_c('div',{staticClass:\"col-md-4 lexprogress-text-wrapper\"},[_c('h2',{style:({'cursor': _vm.enableGotoProgress?'pointer':'default'}),on:{\"click\":_vm.gotoLexProgress}},[_vm._v(\" \"+_vm._s(Number.parseFloat(_vm.progressTotal.FinishedRateKernel * 100).toFixed(1))),_c('span',[_vm._v(\"/\"+_vm._s(Number.parseFloat(_vm.progressTotal.FinishedRateAll * 100).toFixed(1))+\" %\")])]),_c('p',[_vm._v(_vm._s(_vm.$t('element_lexProgress.achievementRate')))])]),_c('div',{staticClass:\"col-md-6 lexprogress-text-wrapper\"},[_c('h2',{style:({'cursor': _vm.enableGotoProgress?'pointer':'default'}),on:{\"click\":_vm.gotoLexProgress}},[_vm._v(\" \"+_vm._s(_vm.progressTotal.TMCCountKernel)),_c('span',[_vm._v(\"/\"+_vm._s(_vm.progressTotal.TMCCountTM)+\" 句\")])]),_c('p',[_vm._v(_vm._s(_vm.$t('element_lexProgress.achievementRate')))])]),_c('div',{staticClass:\"col-md-6 lexprogress-text-wrapper\"},[_c('h2',{style:({'cursor': _vm.enableGotoProgress?'pointer':'default'}),on:{\"click\":_vm.gotoLexProgress}},[_vm._v(\" \"+_vm._s(_vm.progressTotal.TMLCountKernel)),_c('span',[_vm._v(\"/\"+_vm._s(_vm.progressTotal.TMLCountTM)+\" 條\")])]),_c('p',[_vm._v(_vm._s(_vm.$t('element_lexProgress.translationSentence')))])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div v-if=\"progressTotal\" class=\"row\">\r\n            <div class=\"col-md-4 lexprogress-text-wrapper\">\r\n                <h2 :style=\"{'cursor': enableGotoProgress?'pointer':'default'}\" v-on:click=\"gotoLexProgress\">\r\n                    {{ progressTotal.FinishedTMCountKernel }}<span>/{{progressTotal.FinishedTMCountAll}} {{$t('element_lexProgress.episode')}}</span>\r\n                </h2>\r\n                <p>{{$t('element_lexProgress.situationVideoProgress')}}</p>\r\n            </div>\r\n            <div class=\"col-md-4 lexprogress-text-wrapper\">\r\n                <h2 :style=\"{'cursor': enableGotoProgress?'pointer':'default'}\" v-on:click=\"gotoLexProgress\">\r\n                    {{ progressTotal.TranslatorCount}}<span>/{{progressTotal.TranslatorCountHistory}} {{$t('element_lexProgress.people')}}</span>\r\n                </h2>\r\n                <p>{{$t('element_lexProgress.communityNop')}}</p>\r\n            </div>\r\n            <div class=\"col-md-4 lexprogress-text-wrapper\">\r\n                <h2 :style=\"{'cursor': enableGotoProgress?'pointer':'default'}\" v-on:click=\"gotoLexProgress\">\r\n\r\n                    {{ Number.parseFloat(progressTotal.FinishedRateKernel * 100).toFixed(1) }}<span>/{{Number.parseFloat(progressTotal.FinishedRateAll * 100).toFixed(1)}} %</span>\r\n\r\n                </h2>\r\n                <p>{{$t('element_lexProgress.achievementRate')}}</p>\r\n            </div>\r\n            <div class=\"col-md-6 lexprogress-text-wrapper\">\r\n                <h2 :style=\"{'cursor': enableGotoProgress?'pointer':'default'}\" v-on:click=\"gotoLexProgress\">\r\n                    {{ progressTotal.TMCCountKernel }}<span>/{{ progressTotal.TMCCountTM }} 句</span>\r\n                </h2>\r\n                <p>{{$t('element_lexProgress.achievementRate')}}</p>\r\n            </div>\r\n            <div class=\"col-md-6 lexprogress-text-wrapper\">\r\n                <h2 :style=\"{'cursor': enableGotoProgress?'pointer':'default'}\" v-on:click=\"gotoLexProgress\">\r\n                    {{ progressTotal.TMLCountKernel }}<span>/{{ progressTotal.TMLCountTM }} 條</span>\r\n                </h2>\r\n                <p>{{$t('element_lexProgress.translationSentence')}}</p>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { ghelper } from '@/lib/ghelper';\r\n    import Vue from 'vue'\r\n\r\n    import VModal from 'vue-js-modal';\r\n    import 'vue-js-modal/dist/styles.css'\r\n    Vue.use(VModal, {\r\n        dialog: true\r\n    });\r\n\r\n    import Loading from 'vue-loading-overlay';\r\n    Vue.use(Loading);\r\n\r\n    export default {\r\n        name: 'App',\r\n        props: {\r\n            enableGotoProgress: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n        },\r\n        data: function () {\r\n            return {\r\n                /**\r\n                 * 計劃總進度的資料。格式如下：\r\n                 * {\r\n                 *     \"TMCount\": \"51\",            // 情景影片總進度\r\n                 *     \"FinishRate\": \"0.042500\",   // 總達成率\r\n                 *     \"TranslatorCount\": \"17\",    // 翻譯社群總參與人數\r\n                 *     \"TMCCount\": \"1875\",         // 總翻譯例句\r\n                 *     \"TMLCount\": \"794\"           // 總詞彙數\r\n                 * }\r\n                 */\r\n                progressTotal: null,\r\n\r\n            };\r\n        },\r\n        methods: {\r\n            alert: function (msg) {\r\n                this.$modal.show('dialog', {\r\n                    title: '請注意',\r\n                    text: msg,\r\n                    buttons: [{\r\n                        title: '關閉'\r\n                    }]\r\n                });\r\n            },\r\n            get1200LexProgressTotal: function () {\r\n                var loader = Vue.$loading.show();\r\n                this.axios.post('LeaderBoard/Get1200LexProgressTotal', {\r\n                        l: 'vi-VN',\r\n                    })\r\n                    .then(res => {\r\n                        var data = res.data;\r\n                        if (data.success) {\r\n                            this.progressTotal = data.data;\r\n                        } else if (data.success == false) {\r\n                            this.alert(data.message);\r\n                        }\r\n                        loader.hide();\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.alert('無法取得總進度統計資料。發生不知名的錯誤');\r\n                        loader.hide();\r\n                    });\r\n            },\r\n            gotoLexProgress: function () {\r\n                if (this.enableGotoProgress) {\r\n                    this.$gtag.event('ViewProgress', {\r\n                        'event_category': 'iyuyan',\r\n                        'event_label': 'homepage_progress',\r\n                        'value': 1\r\n                    });\r\n\r\n                    var url = ghelper.getActionUrl('LexProgress', 'LeaderBoard');\r\n                    location.href = url;\r\n                }\r\n            },\r\n            initData: function () {\r\n                this.get1200LexProgressTotal();\r\n            },\r\n        }, // end of methods\r\n        computed: {\r\n\r\n        },\r\n        mounted: function () {\r\n            this.initData();\r\n        },\r\n        watch: {},\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .lexprogress-text-wrapper {\r\n        text-align: center;\r\n    }\r\n\r\n    .lexprogress-text-wrapper h2 {\r\n        font-size: 6.5rem;\r\n        font-weight: 800;\r\n        color: #456CEB;\r\n    }\r\n\r\n    .lexprogress-text-wrapper span {\r\n        font-size: 2.5rem;\r\n        color: #456CEB;\r\n    }\r\n\r\n    .lexprogress-text-wrapper p {\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\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!./VideoProgress.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!./VideoProgress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoProgress.vue?vue&type=template&id=98595bb0&\"\nimport script from \"./VideoProgress.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoProgress.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoProgress.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageHomeAnalytic.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/banner-teacher-3.75798103.png\";","module.exports = __webpack_public_path__ + \"img/content-img-singleWord.131ce7cd.png\";","module.exports = __webpack_public_path__ + \"img/social-meaasge-img.f7434a52.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!./VideoProgress.vue?vue&type=style&index=0&lang=css&\"","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}