{"version":3,"sources":["webpack:///./src/views/Register/Verify/index.vue?70f5","webpack:///./src/components/common/ProgressCircle/index.vue?d318","webpack:///src/components/common/ProgressCircle/index.vue","webpack:///./src/components/common/ProgressCircle/index.vue?955e","webpack:///./src/components/common/ProgressCircle/index.vue","webpack:///src/views/Register/Verify/index.vue","webpack:///./src/views/Register/Verify/index.vue?a2d7","webpack:///./src/views/Register/Verify/index.vue","webpack:///./src/views/Register/Verify/index.vue?cfa1","webpack:///./src/assets/img/logo/LOGO_4.png","webpack:///./src/components/common/ProgressCircle/index.vue?697b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","successDialogTitle","successDialogContent","_e","staticRenderFns","_m","name","data","component","components","ProgressCircle","DialogSuccess","successDialogShow","created","verifyEmail","methods","uid","$route","query","user","token","module","exports"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,WAAmCH,EAAG,MAAM,CAACE,YAAY,2DAA2D,CAACF,EAAG,mBAAmBA,EAAG,IAAI,CAACJ,EAAIQ,GAAG,kBAAkB,KAAMR,EAAqB,kBAAEI,EAAG,iBAAiB,CAACG,MAAM,CAAC,MAAQP,EAAIS,mBAAmB,QAAUT,EAAIU,wBAAwBV,EAAIW,MAAM,IAC/fC,EAAkB,GCDlB,EAAS,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAIK,MAAMD,GAAO,OAAOJ,EAAIa,GAAG,IACnG,EAAkB,CAAC,WAAa,IAAIb,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,mCAAmCF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkCF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,iBCU3Z,GACEQ,KAAM,iBACNC,KAFF,WAGI,MAAO,KCdkW,I,wBCQzWC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,4CCCf,GACEC,WAAY,CACV,kBAAmBC,EACnB,iBAAkBC,EAAtB,MAEEJ,KALF,WAMI,MAAO,CACLK,mBAAmB,EACnBX,mBAAoB,GACpBC,qBAAsB,KAG1BW,QAZF,WAaIpB,KAAKqB,eAEPC,QAAS,CACPD,YADJ,WACA,WACA,GACQE,IAAKvB,KAAKwB,OAAOC,MAAMC,KACvBC,MAAO3B,KAAKwB,OAAOC,MAAME,OAE3B,OAAN,OAAM,CAAN,GACA,iBACQ,EAAR,qBACQ,EAAR,0BACQ,EAAR,wCACQ,YAAR,WACU,EAAV,qBACU,EAAV,sBACU,EAAV,wBACU,EAAV,cAAY,KAAZ,WACA,SAEA,kBACQ,OAAR,OAAQ,CAAR,4BACQ,YAAR,WACU,EAAV,cAAY,KAAZ,WACA,YCzD6W,ICQzW,G,UAAY,eACd,EACA7B,EACAa,GACA,EACA,KACA,WACA,OAIa,e,oECnBf,yBAA4kB,EAAG,G,qBCA/kBiB,EAAOC,QAAU,IAA0B,2B,kCCA3C,yBAA4kB,EAAG,G","file":"js/chunk-6e6f70b4.014e7296.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mask\"},[_c('div',{staticClass:\"loading_wrapper flex_v\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/logo/LOGO_4.png\")}}),_c('div',{staticClass:\"verify d-flex justify-content-center align-items-center\"},[_c('progress-circle'),_c('p',[_vm._v(\"正在驗證您的信箱...\")])],1)]),(_vm.successDialogShow)?_c('dialog-success',{attrs:{\"title\":_vm.successDialogTitle,\"content\":_vm.successDialogContent}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"progress_wrapper\"},[_c('div',{staticClass:\"wrapper right\"},[_c('div',{staticClass:\"circle_progress right_circle\"})]),_c('div',{staticClass:\"wrapper left\"},[_c('div',{staticClass:\"circle_progress left_circle\"})]),_c('div',{staticClass:\"radius_circle_wrapper\"},[_c('div',{staticClass:\"circle\"})])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.progress_wrapper\n  .wrapper.right\n    .circle_progress.right_circle\n  .wrapper.left\n    .circle_progress.left_circle\n  .radius_circle_wrapper\n    .circle\n</template>\n\n<script>\nexport default {\n  name: \"ProgressCircle\",\n  data() {\n    return {};\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n* {\n  box-sizing: initial;\n}\n\n$size: 50px;\n$radius_width: 5px;\n$duration: 1s;\n$progress_color: #9192ce;\n$progress_bg_color: #e3e3e3;\n$text_color: #35376a;\n\n.progress_wrapper {\n  width: $size;\n  height: $size;\n  position: relative;\n  text-align: center;\n}\n\n.wrapper {\n  width: $size / 2;\n  height: $size;\n  position: absolute;\n  top: 0;\n  overflow: hidden;\n}\n\n.right {\n  right: 0;\n}\n\n.left {\n  left: 0;\n}\n\n.circle_progress {\n  width: $size - $radius_width * 2;\n  height: $size - $radius_width * 2;\n  border: $radius_width solid $progress_bg_color;\n  border-radius: 50%;\n  position: absolute;\n  top: 0;\n  transform: rotate(-135deg);\n}\n\n.right_circle {\n  border-top: $radius_width solid $progress_color;\n  border-right: $radius_width solid $progress_color;\n  right: 0;\n  animation: circleProgressRight $duration infinite linear;\n  transform: rotate(45deg);\n}\n\n.left_circle {\n  border-bottom: $radius_width solid $progress_color;\n  border-left: $radius_width solid $progress_color;\n  left: 0;\n  transform: rotate(45deg);\n  animation: circleProgressLeft $duration infinite linear;\n}\n\n.radius_circle_wrapper {\n  width: $radius_width;\n  height: 100%;\n  position: relative;\n  margin: auto;\n  animation: radiusCircle $duration infinite linear;\n}\n\n.circle {\n  width: $radius_width;\n  height: $radius_width;\n  border-radius: 50%;\n  background-color: $progress_color;\n}\n\n.circle.static {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translatex(-50%);\n}\n\n@keyframes circleProgressLeft {\n  0%,\n  50% {\n    transform: rotate(-135deg);\n  }\n\n  100% {\n    transform: rotate(45deg);\n  }\n}\n\n@keyframes circleProgressRight {\n  0% {\n    transform: rotate(-135deg);\n  }\n\n  50%,\n  100% {\n    transform: rotate(45deg);\n  }\n}\n\n@keyframes radiusCircle {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@media (max-width: 767px) {\n  $size_md: 30px;\n\n  .progress_wrapper {\n    width: $size_md;\n    height: $size_md;\n  }\n\n  .wrapper {\n    width: $size_md / 2;\n    height: $size_md;\n  }\n\n  .circle_progress {\n    width: $size_md - $radius_width * 2;\n    height: $size_md - $radius_width * 2;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=daba0318&scoped=true&lang=pug&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=daba0318&lang=scss&scoped=true&\"\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  \"daba0318\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\n.mask\n  .loading_wrapper.flex_v\n    img(src=\"@/assets/img/logo/LOGO_4.png\")\n    .verify.d-flex.justify-content-center.align-items-center\n      progress-circle\n      p 正在驗證您的信箱...\n  dialog-success(\n    v-if=\"successDialogShow\",\n    :title=\"successDialogTitle\",\n    :content=\"successDialogContent\"\n  )\n</template>\n\n<script>\nimport ProgressCircle from \"@/components/common/ProgressCircle\";\nimport { verifyEmail } from \"@/api/user\";\nimport DialogSuccess from \"@/components/login/DialogSuccess\";\nimport { errorMessage } from \"@/utils/message\";\n\nexport default {\n  components: {\n    \"progress-circle\": ProgressCircle,\n    \"dialog-success\": DialogSuccess,\n  },\n  data() {\n    return {\n      successDialogShow: false,\n      successDialogTitle: \"\",\n      successDialogContent: \"\",\n    };\n  },\n  created() {\n    this.verifyEmail();\n  },\n  methods: {\n    verifyEmail() {\n      let inputData = {\n        uid: this.$route.query.user,\n        token: this.$route.query.token,\n      };\n      verifyEmail(inputData)\n        .then(() => {\n          this.successDialogShow = true;\n          this.successDialogTitle = \"註冊成功\";\n          this.successDialogContent = \"Email已驗證，請重新登入會員\";\n          setTimeout(() => {\n            this.successDialogShow = false;\n            this.successDialogTitle = \"\";\n            this.successDialogContent = \"\";\n            this.$router.push({ name: \"Home\" });\n          }, 1500);\n        })\n        .catch(() => {\n          errorMessage(this, \"註冊失敗\", \"Email驗證錯誤，請重新驗證\");\n          setTimeout(() => {\n            this.$router.push({ name: \"Home\" });\n          }, 1500);\n        });\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.mask {\n  z-index: 1040;\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n.loading_wrapper {\n  @include rect(100%, 100%, rgba($color_white, 0.96));\n  position: absolute;\n  justify-content: center;\n  align-items: center;\n}\n\n.wrapper {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, calc(50vh - 40px - 50%));\n}\n\nimg {\n  width: 100px;\n  height: 100px;\n}\n\n.verify {\n  margin-top: 20px;\n}\n\np {\n  color: $c-text;\n  font-size: 20px;\n  margin: 0;\n  margin-left: 10px;\n}\n\n@media (max-width: 767px) {\n  p {\n    color: $c-text;\n    font-size: 16px;\n    margin: 0;\n    margin-left: 10px;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4154cdb6&scoped=true&lang=pug&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=4154cdb6&scoped=true&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  \"4154cdb6\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4154cdb6&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4154cdb6&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/LOGO_4.5f1484d7.png\";","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=daba0318&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=daba0318&lang=scss&scoped=true&\""],"sourceRoot":""}