{"version":3,"sources":["webpack:///./src/views/Contact.vue?17f3","webpack:///./src/assets/media/contact/donate.svg","webpack:///./src/assets/media/contact/Email.svg","webpack:///./src/assets/media/contact/QQQRCode.png","webpack:///./src/views/Contact.vue","webpack:///src/views/Contact.vue","webpack:///./src/views/Contact.vue?e18e","webpack:///./src/views/Contact.vue?61ac","webpack:///./src/assets/media/contact/Forum.svg","webpack:///./src/views/Contact.vue?8374","webpack:///./src/assets/media/contact/QQ.svg"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","$t","_v","_s","on","$event","$matomo","trackEvent","require","openEmailDialog","isLoading","_e","$store","contact","email","openQQDialog","qq","isEmailModalActive","staticStyle","copyEmail","isQQModalActive","qqcode","copyQQ","staticRenderFns","name","mixins","helpers","components","ResponsiveImage","data","created","mounted","load","methods","length","fallbackLoad","_this","$http","get","then","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","res","wrap","_context","prev","next","t0","json","t1","sent","treatDataFallback","call","stop","_x","apply","arguments","error","treatDataDefault","catch","e","_this2","$copyText","$buefy","toast","open","duration","message","position","type","_this3","component"],"mappings":"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","file":"js/Contact.ba499bc9.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=1&id=485fb9ab&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/donate.314507be.svg\";","module.exports = __webpack_public_path__ + \"img/Email.e842dcd4.svg\";","module.exports = __webpack_public_path__ + \"img/QQQRCode.d73987f9.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact\"},[_c('vue-headful',{attrs:{\"title\":_vm.$t('contact.meta-title'),\"keywords\":_vm.$t('contact.meta-keywords'),\"description\":_vm.$t('contact.meta-description')}}),_c('section',{staticClass:\"hero\"},[_c('div',{staticClass:\"hero-body\"},[_c('div',{staticClass:\"container\"},[_c('h4',{staticClass:\"title is-size-4 has-text-centered is-unselectable\"},[_vm._v(_vm._s(_vm.$t('contact.why.title')))]),_c('div',{staticClass:\"columns is-centered\"},[_c('div',{staticClass:\"column is-8-tablet has-text-identation is-size-6\"},[_c('p',[_c('span',[_vm._v(_vm._s(_vm.$t('contact.why.part1')))]),_vm._v(\"  \")]),_c('p',[_c('span',[_vm._v(_vm._s(_vm.$t('contact.why.part2')))]),_vm._v(\"  \"),_c('span',[_vm._v(_vm._s(_vm.$t('contact.why.part3')))]),_vm._v(\"  \")]),_c('p',[_vm._v(_vm._s(_vm.$t('contact.why.part8')))])])])])])]),_c('section',{staticClass:\"hero is-lighter\"},[_c('div',{staticClass:\"hero-body\"},[_c('div',{staticClass:\"container\"},[_c('h4',{staticClass:\"title is-size-4 has-text-centered is-unselectable\"},[_vm._v(_vm._s(_vm.$t('contact.faq.title')))]),_c('div',{staticClass:\"columns is-centered is-multiline\"},[_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/844\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.find-key')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/825\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.can-not-find-entry')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/864\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.unbind-device')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/151\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.lnk-white-icon')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/201\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.organize-rule-not-work')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/204\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.layout-lost')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/906\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.wallpaper-engine')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/d/907\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.slow-stuck-problem')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-half-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com/\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('article',{staticClass:\"media\"},[_c('div',{staticClass:\"media-content\"},[_c('p',{staticClass:\"is-size-6 has-text-grey text-underline\"},[_vm._v(_vm._s(_vm.$t('contact.faq.more-faqs')))])])])])],1)])])])]),_c('section',{staticClass:\"hero\"},[_c('div',{staticClass:\"hero-body\"},[_c('div',{staticClass:\"container\"},[_c('h4',{staticClass:\"title is-size-4 has-text-centered is-unselectable\"},[_vm._v(_vm._s(_vm.$t('contact.methods.title')))]),_c('div',{staticClass:\"columns is-centered is-multiline\"},[_c('div',{staticClass:\"column is-half-tablet is-one-third-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"router-link\",\"to\":\"/purchase\"},on:{\"click\":function($event){return _vm.$matomo.trackEvent('How-to-contact', 'Clicks', 'purchase')}}},[_c('article',{staticClass:\"media\"},[_c('figure',{staticClass:\"media-left\"},[_c('ResponsiveImage',{attrs:{\"src\":require('@/assets/media/contact/donate.svg'),\"width\":\"80px\",\"height\":\"60px\",\"maxWidth\":\"80px\",\"maxHeight\":\"60px\"}})],1),_c('div',{staticClass:\"media-content\"},[_c('h5',{staticClass:\"is-size-5 has-text-weight-semibold\"},[_vm._v(_vm._s(_vm.$t('contact.methods.donate')))]),_c('p',{staticClass:\"is-size-6 has-text-grey\"},[_vm._v(_vm._s(_vm.$t('contact.methods.donate-info')))])])])])],1)]),_c('div',{staticClass:\"columns is-centered is-multiline\"},[_c('div',{staticClass:\"column is-half-tablet is-one-third-desktop\"},[_c('b-button',{staticClass:\"is-light\",attrs:{\"tag\":\"a\",\"href\":\"https://discussion.coodesker.com\",\"target\":\"_blank\",\"rel\":\"noopener\"},on:{\"click\":function($event){return _vm.$matomo.trackEvent('How-to-contact', 'Clicks', 'discussion')}}},[_c('article',{staticClass:\"media\"},[_c('figure',{staticClass:\"media-left\"},[_c('ResponsiveImage',{attrs:{\"src\":require('@/assets/media/contact/Forum.svg'),\"width\":\"80px\",\"height\":\"60px\",\"maxWidth\":\"80px\",\"maxHeight\":\"60px\"}})],1),_c('div',{staticClass:\"media-content\"},[_c('h5',{staticClass:\"is-size-5 has-text-weight-semibold\"},[_vm._v(_vm._s(_vm.$t('contact.methods.github')))]),_c('p',{staticClass:\"is-size-6 has-text-grey\"},[_vm._v(_vm._s(_vm.$t('contact.methods.github-info')))])])])])],1),_c('div',{staticClass:\"column is-half-tablet is-one-third-desktop\"},[_c('b-button',{staticClass:\"is-light\",on:{\"click\":function($event){return _vm.openEmailDialog()}}},[_c('article',{staticClass:\"media\"},[_c('figure',{staticClass:\"media-left\"},[_c('ResponsiveImage',{attrs:{\"src\":require('@/assets/media/contact/Email.svg'),\"width\":\"80px\",\"height\":\"60px\",\"maxWidth\":\"80px\",\"maxHeight\":\"60px\"}})],1),_c('div',{staticClass:\"media-content\"},[_c('h5',{staticClass:\"is-size-5 has-text-weight-semibold\"},[_vm._v(_vm._s(_vm.$t('contact.methods.email')))]),(!_vm.isLoading)?_c('p',{staticClass:\"is-size-6 has-text-grey\"},[_vm._v(_vm._s(_vm.$store.contact.email))]):_vm._e(),(_vm.isLoading)?_c('b-skeleton',{attrs:{\"height\":\"20px\",\"width\":\"180px\",\"animated\":\"\"}}):_vm._e()],1)])])],1),_c('div',{staticClass:\"column is-half-tablet is-one-third-desktop\"},[_c('b-button',{staticClass:\"is-light\",on:{\"click\":function($event){return _vm.openQQDialog()}}},[_c('article',{staticClass:\"media\"},[_c('figure',{staticClass:\"media-left\"},[_c('ResponsiveImage',{attrs:{\"src\":require('@/assets/media/contact/QQ.svg'),\"width\":\"80px\",\"height\":\"80px\",\"maxWidth\":\"80px\",\"maxHeight\":\"80px\"}})],1),_c('div',{staticClass:\"media-content\"},[_c('h5',{staticClass:\"is-size-5 has-text-weight-semibold\"},[_vm._v(\"QQ\")]),(!_vm.isLoading)?_c('p',{staticClass:\"is-size-6 has-text-grey\"},[_vm._v(_vm._s(_vm.$store.contact.qq))]):_vm._e(),(_vm.isLoading)?_c('b-skeleton',{attrs:{\"height\":\"20px\",\"width\":\"180px\",\"animated\":\"\"}}):_vm._e()],1)])])],1)]),_c('b-modal',{attrs:{\"active\":_vm.isEmailModalActive,\"trap-focus\":\"\",\"aria-role\":\"dialog\",\"aria-modal\":\"\",\"width\":500,\"scroll\":\"keep\"},on:{\"update:active\":function($event){_vm.isEmailModalActive=$event}}},[_c('div',{staticClass:\"box has-text-centered\",staticStyle:{\"padding\":\"40px\"}},[_c('h5',{staticClass:\"title is-size-5\"},[_vm._v(_vm._s(_vm.$t('contact.methods.email-reveal.title')))]),_c('p',{staticClass:\"subtitle is-size-6\"},[_vm._v(_vm._s(_vm.$t('contact.methods.email-reveal.subtitle')))]),_c('div',{staticClass:\"has-email\"},[(!_vm.isLoading)?_c('code',[_vm._v(_vm._s(_vm.$store.contact.email))]):_vm._e(),(_vm.isLoading)?_c('b-skeleton',{attrs:{\"height\":\"20px\",\"width\":\"180px\",\"animated\":\"\"}}):_vm._e(),(!_vm.isLoading)?_c('b-button',{attrs:{\"type\":\"is-primary\",\"inverted\":\"\"},on:{\"click\":function($event){return _vm.copyEmail(_vm.$store.contact.email)}}},[_vm._v(_vm._s(_vm.$t('home.copy')))]):_vm._e()],1)])]),_c('b-modal',{attrs:{\"active\":_vm.isQQModalActive,\"trap-focus\":\"\",\"aria-role\":\"dialog\",\"aria-modal\":\"\",\"width\":500,\"scroll\":\"keep\"},on:{\"update:active\":function($event){_vm.isQQModalActive=$event}}},[_c('div',{staticClass:\"box has-text-centered\",staticStyle:{\"padding\":\"40px\"}},[_c('h2',{staticClass:\"title is-size-5\"},[_vm._v(_vm._s(_vm.$t('contact.methods.qq-reveal.title')))]),_c('p',{staticClass:\"subtitle is-size-6\"},[_vm._v(_vm._s(_vm.$t('contact.methods.qq-reveal.subtitle')))]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"container\"},[_c('figure',{staticClass:\"image\"},[(!_vm.isLoading)?_c('ResponsiveImage',{attrs:{\"src\":_vm.$store.contact.qqcode,\"width\":\"260px\",\"height\":\"260px\",\"maxWidth\":\"260px\",\"maxHeight\":\"260px\"}}):_vm._e(),(_vm.isLoading)?_c('b-skeleton',{attrs:{\"height\":\"260px\",\"width\":\"260px\",\"animated\":\"\"}}):_vm._e()],1),_c('div',{staticClass:\"has-email\"},[(!_vm.isLoading)?_c('code',[_vm._v(_vm._s(_vm.$store.contact.qq))]):_vm._e(),(_vm.isLoading)?_c('b-skeleton',{attrs:{\"height\":\"20px\",\"width\":\"180px\",\"animated\":\"\"}}):_vm._e(),(!_vm.isLoading)?_c('b-button',{attrs:{\"type\":\"is-primary\",\"inverted\":\"\"},on:{\"click\":function($event){return _vm.copyQQ(_vm.$store.contact.qq)}}},[_vm._v(_vm._s(_vm.$t('home.copy')))]):_vm._e()],1)])])])])],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"contact\">\r\n        <vue-headful :title=\"$t('contact.meta-title')\" :keywords=\"$t('contact.meta-keywords')\" :description=\"$t('contact.meta-description')\"/>\r\n\r\n        <!-- <section class=\"hero is-contact\">\r\n            <div class=\"hero-body\">\r\n                <div class=\"container has-text-centered\">\r\n                    <transition name=\"slide-down\">\r\n                        <h1 class=\"title is-size-3 is-unselectable is-spaced\">{{ $t('contact.title') }}</h1>\r\n                    </transition>\r\n                    <transition name=\"slide-up-200ms\">\r\n                        <h2 class=\"subtitle is-unselectable\" v-html=\"$t('contact.subtitle')\"/>\r\n                    </transition>\r\n                </div>\r\n            </div>\r\n        </section> -->\r\n\r\n        <section class=\"hero \">\r\n            <div class=\"hero-body\">\r\n                <div class=\"container\">\r\n                    <h4 class=\"title is-size-4 has-text-centered is-unselectable\">{{ $t('contact.why.title') }}</h4>\r\n\r\n                    <div class=\"columns is-centered\">\r\n\r\n                        <div class=\"column is-8-tablet has-text-identation is-size-6\">\r\n                            <p>\r\n                                <span>{{ $t('contact.why.part1') }}</span>&nbsp;\r\n                            </p>\r\n                            <p>\r\n                                <span>{{ $t('contact.why.part2') }}</span>&nbsp;\r\n                                <span>{{ $t('contact.why.part3') }}</span>&nbsp;\r\n                            </p>\r\n                            <p>{{ $t('contact.why.part8') }}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <section class=\"hero is-lighter\">\r\n            <div class=\"hero-body\">\r\n                <div class=\"container\">\r\n                    <h4 class=\"title is-size-4 has-text-centered is-unselectable\">{{ $t('contact.faq.title') }}</h4>\r\n\r\n                    <div class=\"columns is-centered is-multiline\">\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/844\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.find-key') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/825\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.can-not-find-entry') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/864\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.unbind-device') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/151\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.lnk-white-icon') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/201\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.organize-rule-not-work') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/204\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.layout-lost') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/906\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.wallpaper-engine') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/d/907\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.slow-stuck-problem') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-half-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com/\" target=\"_blank\" rel=\"noopener\">\r\n                                <article class=\"media\">\r\n                                    <div class=\"media-content\">\r\n                                        <p class=\"is-size-6 has-text-grey text-underline\">{{ $t('contact.faq.more-faqs') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <section class=\"hero \">\r\n            <div class=\"hero-body\">\r\n                <div class=\"container\">\r\n                    <h4 class=\"title is-size-4 has-text-centered is-unselectable\">{{ $t('contact.methods.title') }}</h4>\r\n\r\n                    <div class=\"columns is-centered is-multiline\">\r\n                        <div class=\"column is-half-tablet is-one-third-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"router-link\" to=\"/purchase\" \r\n                                @click=\"$matomo.trackEvent('How-to-contact', 'Clicks', 'purchase')\">\r\n                                <article class=\"media\">\r\n                                    <figure class=\"media-left\">\r\n                                        <ResponsiveImage :src=\"require('@/assets/media/contact/donate.svg')\" width=\"80px\" height=\"60px\" maxWidth=\"80px\" maxHeight=\"60px\"/>\r\n                                    </figure>\r\n\r\n                                    <div class=\"media-content\">\r\n                                        <h5 class=\"is-size-5 has-text-weight-semibold\">{{ $t('contact.methods.donate') }}</h5>\r\n                                        <p class=\"is-size-6 has-text-grey\">{{ $t('contact.methods.donate-info') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"columns is-centered is-multiline\">\r\n                        <div class=\"column is-half-tablet is-one-third-desktop\">\r\n                            <b-button class=\"is-light\" tag=\"a\" href=\"https://discussion.coodesker.com\" target=\"_blank\" rel=\"noopener\"\r\n                                @click=\"$matomo.trackEvent('How-to-contact', 'Clicks', 'discussion')\">\r\n                                <article class=\"media\">\r\n                                    <figure class=\"media-left\">\r\n                                        <ResponsiveImage :src=\"require('@/assets/media/contact/Forum.svg')\" width=\"80px\" height=\"60px\" maxWidth=\"80px\" maxHeight=\"60px\"/>\r\n                                    </figure>\r\n\r\n                                    <div class=\"media-content\">\r\n                                        <h5 class=\"is-size-5 has-text-weight-semibold\">{{ $t('contact.methods.github') }}</h5>\r\n                                        <p class=\"is-size-6 has-text-grey\">{{ $t('contact.methods.github-info') }}</p>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-one-third-desktop\">\r\n                            <b-button class=\"is-light\" @click=\"openEmailDialog()\">\r\n                                <article class=\"media\">\r\n                                    <figure class=\"media-left\">\r\n                                        <ResponsiveImage :src=\"require('@/assets/media/contact/Email.svg')\" width=\"80px\" height=\"60px\" maxWidth=\"80px\" maxHeight=\"60px\"/>\r\n                                    </figure>\r\n\r\n                                    <div class=\"media-content\">\r\n                                        <h5 class=\"is-size-5 has-text-weight-semibold\">{{ $t('contact.methods.email') }}</h5>\r\n                                        <p v-if=\"!isLoading\" class=\"is-size-6 has-text-grey\">{{ $store.contact.email}}</p>\r\n                                        <b-skeleton v-if=\"isLoading\" height=\"20px\" width=\"180px\" animated></b-skeleton>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n\r\n                        <div class=\"column is-half-tablet is-one-third-desktop\">\r\n                            <b-button class=\"is-light\" @click=\"openQQDialog()\">\r\n                                <article class=\"media\">\r\n                                    <figure class=\"media-left\">\r\n                                        <ResponsiveImage :src=\"require('@/assets/media/contact/QQ.svg')\" width=\"80px\" height=\"80px\" maxWidth=\"80px\" maxHeight=\"80px\"/>\r\n                                    </figure>\r\n\r\n                                    <div class=\"media-content\">\r\n                                        <h5 class=\"is-size-5 has-text-weight-semibold\">QQ</h5>\r\n                                        <p v-if=\"!isLoading\" class=\"is-size-6 has-text-grey\">{{ $store.contact.qq }}</p>\r\n                                        <b-skeleton v-if=\"isLoading\" height=\"20px\" width=\"180px\" animated></b-skeleton>\r\n                                    </div>\r\n                                </article>\r\n                            </b-button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <b-modal :active.sync=\"isEmailModalActive\" trap-focus aria-role=\"dialog\" aria-modal :width=\"500\" scroll=\"keep\">\r\n                        <div class=\"box has-text-centered\" style=\"padding: 40px\">\r\n                            <h5 class=\"title is-size-5\">{{ $t('contact.methods.email-reveal.title') }}</h5>\r\n                            <p class=\"subtitle is-size-6\">{{ $t('contact.methods.email-reveal.subtitle') }}</p>\r\n\r\n                            <div class=\"has-email\">\r\n                                <code v-if=\"!isLoading\">{{ $store.contact.email }}</code>\r\n                                <b-skeleton v-if=\"isLoading\" height=\"20px\" width=\"180px\" animated></b-skeleton>\r\n                                <b-button v-if=\"!isLoading\"  type=\"is-primary\" inverted @click=\"copyEmail($store.contact.email)\">{{ $t('home.copy') }}</b-button>\r\n                            </div>\r\n                        </div>\r\n                    </b-modal>\r\n\r\n                    <b-modal :active.sync=\"isQQModalActive\" trap-focus aria-role=\"dialog\" aria-modal :width=\"500\" scroll=\"keep\">\r\n                        <div class=\"box has-text-centered\" style=\"padding: 40px\">\r\n                            <h2 class=\"title is-size-5\">{{ $t('contact.methods.qq-reveal.title') }}</h2>\r\n                            <p class=\"subtitle is-size-6\">{{ $t('contact.methods.qq-reveal.subtitle') }}</p>\r\n                           \r\n                            <div class=\"columns\">\r\n                                <div class=\"container\">\r\n                                    <figure class=\"image\" >\r\n                                        <ResponsiveImage v-if=\"!isLoading\" :src=\"$store.contact.qqcode\" width=\"260px\" height=\"260px\" maxWidth=\"260px\" maxHeight=\"260px\"/>\r\n                                        <b-skeleton v-if=\"isLoading\" height=\"260px\" width=\"260px\" animated></b-skeleton>\r\n                                    </figure>\r\n                                    <div class=\"has-email\">\r\n                                        <code v-if=\"!isLoading\">{{$store.contact.qq}}</code>\r\n                                        <b-skeleton v-if=\"isLoading\" height=\"20px\" width=\"180px\" animated></b-skeleton>\r\n                                        <b-button v-if=\"!isLoading\" type=\"is-primary\" inverted @click=\"copyQQ($store.contact.qq)\">{{ $t('home.copy') }}</b-button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </b-modal>\r\n\r\n                    \r\n                </div>\r\n            </div>\r\n        </section>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import helpers from \"@/mixins/helpers\";\r\n    import ResponsiveImage from \"@/components/ResponsiveImage.vue\";\r\n\r\n    export default {\r\n        name: \"Contact\",\r\n        mixins: [helpers],\r\n        components: {\r\n            ResponsiveImage\r\n        },\r\n\r\n        data() {\r\n            return {\r\n                isLoading: true,\r\n                isEmailModalActive: false,\r\n                isQQModalActive: false\r\n            }\r\n        },\r\n\r\n        created() {\r\n        },\r\n        \r\n        mounted () {\r\n            this.load();\r\n        },\r\n\r\n        methods: {\r\n            load() {\r\n                if (this.$store.contact.length > 0) {\r\n                    this.isLoading = false;\r\n                } else {\r\n                    this.fallbackLoad();\r\n                }\r\n            },\r\n            fallbackLoad() {\r\n                this.$http.get(`contact/contact.json`)\r\n                    .then(async res => {\r\n                        this.treatDataFallback(await res.json());\r\n                    }, error => {\r\n                        this.treatDataDefault();\r\n                        this.$matomo.trackEvent('exception', 'getContact', 'error');\r\n                    })\r\n                    .catch(e => {\r\n                        this.treatDataDefault();\r\n                        this.$matomo.trackEvent('exception', 'getContact', 'catchError');\r\n                    });\r\n            },\r\n            treatDataFallback(data) {\r\n                this.$store.contact.email = data.email;\r\n                this.$store.contact.qq = data.qq;\r\n                this.$store.contact.qqcode = data.qqcode;\r\n               \r\n                this.isLoading = false;\r\n            },\r\n            treatDataDefault() {\r\n                this.$store.contact.email = \"coodesker@foxmail.com\";\r\n                this.$store.contact.qq = \"729581290\";\r\n                this.$store.contact.qqcode = require('@/assets/media/contact/QQQRCode.png');\r\n               \r\n                this.isLoading = false;\r\n            },\r\n            openEmailDialog() {\r\n                this.isEmailModalActive = true;\r\n            },\r\n            copyEmail(email) {\r\n                this.$copyText(email).then((e) => {\r\n                    this.$buefy.toast.open({\r\n                        duration: 500,\r\n                        message: this.$t('contact.methods.email-reveal.copied'),\r\n                        position: 'is-bottom',\r\n                        type: 'is-success'\r\n                    });\r\n                }, (e) => {\r\n                    this.$buefy.toast.open({\r\n                        duration: 500,\r\n                        message: this.$t('contact.methods.email-reveal.copied-error'),\r\n                        position: 'is-bottom',\r\n                        type: 'is-danger'\r\n                    });\r\n                    this.$matomo.trackEvent('exception', 'copyEmail', 'catchError');\r\n                });\r\n            },\r\n            openQQDialog() {\r\n                this.isQQModalActive = true;\r\n            },\r\n            copyQQ(qq) {\r\n                this.$copyText(qq).then((e) => {\r\n                    this.$buefy.toast.open({\r\n                        duration: 500,\r\n                        message: this.$t('contact.methods.qq-reveal.copied'),\r\n                        position: 'is-bottom',\r\n                        type: 'is-success'\r\n                    });\r\n                }, (e) => {\r\n                    this.$buefy.toast.open({\r\n                        duration: 500,\r\n                        message: this.$t('contact.methods.qq-reveal.copied-error'),\r\n                        position: 'is-bottom',\r\n                        type: 'is-danger'\r\n                    });\r\n                    this.$matomo.trackEvent('exception', 'copyQQ', 'catchError');\r\n                });\r\n            }\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import \"@/mixins/colors.scss\";\r\n\r\n    //Background of the hero panel.\r\n    .hero.is-contact {\r\n        background-image: linear-gradient($contact, $contact-light);\r\n    }\r\n    \r\n    //Fills up the space.\r\n    .column {\r\n        height: 100%;\r\n        padding: 0.75rem 0.5rem;\r\n    }\r\n\r\n    .column .button {\r\n        white-space: normal;\r\n        border-radius: 5px;\r\n        padding: 0.75rem;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    //Reduces the margin of the icon of media element.\r\n    figure.media-left{\r\n        margin-right: 0.5rem;\r\n    }\r\n\r\n    //Removes the negative margin of the button.\r\n    article span.icon {\r\n        margin-left: 0px !important;\r\n        margin-right: 0px !important;\r\n    }\r\n\r\n    //Adds the new paragraph identation.\r\n    .has-text-identation {\r\n        text-indent: 2rem;\r\n    }\r\n\r\n    .is-vertical-centered {\r\n        align-self: center;\r\n        align-content: center;\r\n    }\r\n\r\n    .is-size-5-5 {\r\n        font-size: 1.20rem;\r\n    }\r\n\r\n    //Email block and button to copy.\r\n    .has-email {\r\n        display: inline-flex;\r\n        font-size: 1.1em;\r\n        color: white;\r\n        background: #5cadd5;\r\n        padding: calc(0.75rem - 1px); \r\n        line-height: 1.5rem;\r\n        border-radius: 4px;\r\n        align-items: center;\r\n        -webkit-overflow-scrolling: touch;\r\n        overflow-x: auto;\r\n        white-space: pre;\r\n        word-wrap: normal;\r\n    }\r\n\r\n    //Makes the code inside the div.has-email blend in.\r\n    .has-email code {\r\n        background-color: transparent;\r\n        color: currentColor;\r\n        font-size: 1em;\r\n        padding: 0 0 0 0.75rem;\r\n    }\r\n\r\n    .has-email button {\r\n        font-family: inherit;\r\n        line-height: 1.5rem;\r\n        margin: 0 0 0 1rem;\r\n    }\r\n\r\n    .text-underline {\r\n        text-decoration: underline;\r\n    }\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n    //Increase the size of the custom icon.\r\n    .has-icon-large .icon {\r\n        mask-size: 3.5rem;\r\n    }\r\n\r\n    //Makes inner element of the buttons ocupy the whole space.\r\n    button > span, a > span {\r\n        width: 100%;\r\n    }\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=485fb9ab&scoped=true\"\nimport script from \"./Contact.vue?vue&type=script&lang=js\"\nexport * from \"./Contact.vue?vue&type=script&lang=js\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=485fb9ab&prod&lang=scss&scoped=true\"\nimport style1 from \"./Contact.vue?vue&type=style&index=1&id=485fb9ab&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"485fb9ab\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Forum.8af983ab.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&id=485fb9ab&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/QQ.8eee81d6.svg\";"],"sourceRoot":""}