{"version":3,"sources":["webpack:///./src/views/users/SignUp.vue","webpack:///./src/components/Modal/AuthMailＭodal.vue","webpack:///./src/components/Modal/AuthMailＭodal.vue?e790","webpack:///./src/views/users/SignUp.vue?b24d"],"names":["class","for","type","id","placeholder","signUp","isError","ErrorText","aria-label","aria-describedby","required","autofocus","user","Account","Password","ref","checkAgreeBtn","isCheck","tabindex","aria-labelledby","aria-hidden","to","hideModal","data","modal","methods","showModal","this","show","hide","mounted","$refs","__exports__","userTokenData","JwtToken","components","AuthMailModal","checkStatus","checked","console","log","$apiHelper","post","then","res","Status","Message","render"],"mappings":"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","file":"js/chunk-2d0aba5b.4c0a31d9.js","sourcesContent":["<template>\n  <!-- 註冊頁 -->\n  <div class=\"pt-10\">\n    <!-- banner -->\n    <div class=\"bg-secondary py-10\">\n      <div class=\"container\">\n        <h2 class=\"text-dark text-center mb-5 display-6 fw-bold\">- 註冊 -</h2>\n        <!-- Signup -->\n        <div class=\"row justify-content-center\">\n          <div class=\"col-md-6\">\n            <div class=\"border border-dark border-widths-2 rounded-6 px-6 py-7\">\n              <!-- 表單內容 -->\n              <form @submit.prevent=\"signUp\">\n                <!-- 驗證信箱 - 初始狀態 -->\n                <div class=\"mb-4\">\n                  <div class=\"d-flex justify-content-between\">\n                    <label for=\"emailAddress\" class=\"form-label fs-4 text-dark\"\n                      >電子信箱</label\n                    >\n                    <!-- 驗證信箱 - 錯誤訊息 -->\n                    <div\n                      class=\"errorMessenger text-danger d-flex mt-2\"\n                      :class=\"{ 'd-none': !isError }\"\n                    >\n                      <span class=\"material-icons fs-6 me-1\">error</span>\n                      <p class=\"fs-8 mb-0\">\n                        {{ ErrorText }}\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"input-group\">\n                    <input\n                      type=\"email\"\n                      id=\"emailAddress\"\n                      class=\"\n                        border-0\n                        rounded-pill\n                        ps-3\n                        position-relative\n                        form-control-lightYellow\n                        py-13\n                      \"\n                      placeholder=\"thak_tsheh@gmail.com\"\n                      aria-label=\"thak_tsheh@gmail.com\"\n                      aria-describedby=\"button-addon2\"\n                      required\n                      autofocus\n                      v-model=\"user.Account\"\n                    />\n                  </div>\n                </div>\n\n                <!-- 密碼 -->\n                <div class=\"mb-4\">\n                  <label for=\"signUpPassword\" class=\"form-label fs-4 text-dark\"\n                    >密碼</label\n                  >\n                  <div class=\"input-group\">\n                    <input\n                      type=\"password\"\n                      class=\"\n                        form-control-lightYellow\n                        border-0\n                        rounded-pill\n                        py-13\n                      \"\n                      id=\"signUpPassword\"\n                      placeholder=\"\"\n                      v-model=\"user.Password\"\n                    />\n                  </div>\n                  <div class=\"errorMessenger text-dark d-flex mt-2\">\n                    <span class=\"material-icons fs-6 me-1\"> error </span>\n                    <p class=\"fs-8\">密碼長度必須大於8個字元</p>\n                  </div>\n                </div>\n                <!-- 確認密碼 -->\n                <div class=\"mb-5\">\n                  <label\n                    for=\"signUpConfirmPassword\"\n                    class=\"form-label fs-4 text-dark\"\n                    >確認密碼</label\n                  >\n                  <div class=\"input-group\">\n                    <input\n                      type=\"password\"\n                      class=\"\n                        form-control-lightYellow\n                        border-0\n                        rounded-pill\n                        position-relative\n                        py-13\n                      \"\n                      id=\"signUpConfirmPassword\"\n                      placeholder=\"\"\n                    />\n                    <span\n                      class=\"\n                        material-icons\n                        position-absolute\n                        top-50\n                        end-0\n                        translate-middle-y\n                        text-success\n                        me-3\n                        fs-8\n                      \"\n                      >check_circle_outline</span\n                    >\n                  </div>\n                  <div\n                    class=\"\n                      mb-5\n                      d-flex\n                      justify-content-between\n                      align-items-center\n                    \"\n                  >\n                    <div class=\"form-check mt-2\">\n                      <input\n                        type=\"checkbox\"\n                        class=\"form-check-input rounded-0 border-0\"\n                        id=\"agree\"\n                        ref=\"checkAgreeBtn\"\n                        @click=\"checkAgreeBtn\"\n                      />\n                      <label class=\"form-check-label fw-light fs-8\" for=\"agree\">\n                        我已同意平台服務規範、隱私權政策、讀冊平台會員服務條款\n                      </label>\n                      <div\n                        class=\"errorMessenger text-danger d-flex mt-2\"\n                        :class=\"{ 'd-none': isCheck }\"\n                      >\n                        <span class=\"material-icons fs-6 me-1\"> error </span>\n                        <p class=\"fs-8\">請閱讀平台服務規範</p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <!-- 註冊按鈕 - 2-2-4 通知驗證信箱 -->\n                <!-- Button trigger modal -->\n                <button\n                  type=\"submit\"\n                  class=\"btn btn-dark rounded-pill text-white w-100 py-13\"\n                >\n                  註冊\n                </button>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- 註冊成功的彈跳視窗 -->\n  <auth-mail-modal ref=\"AuthMailModal\"></auth-mail-modal>\n</template>\n\n<script>\nimport AuthMailModal from '../../components/Modal/AuthMailＭodal.vue'\nexport default {\n  data () {\n    return {\n      user: {\n        Account: '',\n        Password: ''\n      },\n      userTokenData: {\n        JwtToken: ''\n      },\n      isError: false,\n      isCheck: true,\n      ErrorText: ''\n    }\n  },\n  components: {\n    AuthMailModal\n  },\n  methods: {\n    // 登出\n    signUp () {\n      const checkAgreeBtn = this.$refs.checkAgreeBtn\n      // 查看有無勾選狀態\n      const checkStatus = checkAgreeBtn.checked\n      if (checkStatus === true) {\n        console.log('sign up')\n        // 2-1 未開通註冊+發信\n        // POST請求\n        this.$apiHelper.post('api/users/sign-up', this.user).then((res) => {\n          if (res.data.Status) {\n            console.log(res.data.Message)\n            this.$refs.AuthMailModal.showModal()\n            this.isError = false\n          } else {\n            console.log(res.data.Message)\n            this.isError = true\n            this.ErrorText = res.data.Message\n          }\n        })\n      } else {\n        // 如果沒有勾選\n        this.isCheck = false\n      }\n    },\n    // 檢查是否有勾選同意\n    checkAgreeBtn () {\n      if (this.isCheck === false) {\n        this.isCheck = true\n      }\n    }\n  }\n}\n</script>\n","<template>\n  <!-- AuthMailModal -->\n  <!-- popUp - 設定完成視窗  -->\n  <!-- Modal -->\n  <div\n    class=\"modal fade\"\n    id=\"exampleModal\"\n    tabindex=\"-1\"\n    aria-labelledby=\"exampleModalLabel\"\n    aria-hidden=\"true\"\n    ref=\"modal\"\n  >\n    <div class=\"modal-dialog modal-dialog-centered\">\n      <div\n        class=\"\n          modal-content\n          px-8\n          py-5\n          rounded-4\n          position-relative\n          shadow-sm\n          p-3\n          mb-5\n          bg-body\n          rounded\n        \"\n      >\n        <router-link\n          to=\"/study-circle\"\n          type=\"button\"\n          class=\"btn-close position-absolute top-29 end-29\"\n          @click=\"hideModal()\"\n          aria-label=\"Close\"\n        >\n        </router-link>\n        <p class=\"fs-4 text-dark mb-4 text-center\">恭喜您成功註冊會員！</p>\n        <p class=\"text-dark mb-4\">\n          系統已發送驗證信至您的信箱，請至電子信箱驗證信箱以啟用會員資格，方可享有參加活動之權利。\n        </p>\n        <router-link\n          to=\"/study-circle\"\n          type=\"button\"\n          class=\"btn btn-dark rounded-pill text-white py-13\"\n          @click=\"hideModal()\"\n        >\n          回到首頁\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Modal from 'bootstrap/js/dist/modal'\n\nexport default {\n  data () {\n    return {\n      modal: {}\n    }\n  },\n  methods: {\n    showModal () {\n      this.modal.show()\n    },\n    hideModal () {\n      this.modal.hide()\n    }\n  },\n  mounted () {\n    this.modal = new Modal(this.$refs.modal)\n    // this.$refs.modal.show()\n  }\n}\n</script>\n","import { render } from \"./AuthMailＭodal.vue?vue&type=template&id=0a26bf33\"\nimport script from \"./AuthMailＭodal.vue?vue&type=script&lang=js\"\nexport * from \"./AuthMailＭodal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/apple/Desktop/studyCircle_VueCLI/studycircle2/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./SignUp.vue?vue&type=template&id=6971e0f0\"\nimport script from \"./SignUp.vue?vue&type=script&lang=js\"\nexport * from \"./SignUp.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/apple/Desktop/studyCircle_VueCLI/studycircle2/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}