{"version":3,"sources":["webpack:///./src/views/peopleCenter/PeoplePasswordSetting.vue","webpack:///./src/views/peopleCenter/PeoplePasswordSetting.vue?bfd9","webpack:///./src/assets/img/center/change-password.png","webpack:///./src/components/modal/VerifyModal.vue","webpack:///./src/components/modal/VerifyModal.vue?c85b"],"names":["class","src","alt","type","ref","id","tabindex","aria-labelledby","aria-hidden","data-bs-dismiss","aria-label","width","height","viewBox","fill","xmlns","d","isVerify","onSubmit","errors","name","rules","placeholder","user","password","密碼","checkPassword","rePassword","showVerifyModal","mail","email","getVerifyStatus","getVerifyCode","components","VerifyModal","data","modal","successModal","isLawyer","veriCode","mounted","this","$refs","methods","reset","verifyModal","showModal","verifyMail","VerifyCode","value","then","res","console","log","show","catch","error","__exports__","render","module","exports","href","nums","val","groupVerification","showError","props","verifyCode","sendVerifyCode","$emit","str","forEach","item","hideModal","toaddr","mixins","modalMixin"],"mappings":"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","file":"js/chunk-a93e6fd0.4c0e9a4e.js","sourcesContent":["<template>\n  <div\n    class=\"border border-primary d-flex flex-column align-items-center justify-content-center rounded rounded-3 mb-11 mb-md-0 px-md-7 py-md-10\">\n    <img class=\"rounded mb-md-7\" src=\"../../assets/img/center/change-password.png\" alt=\"更換密碼圖片\">\n    <!-- 輸入舊密碼 -->\n    <div class=\"enter-password\" v-if=\"!isVerify\">\n      <div class=\"text-center mb-md-5 \">\n        <h3 class=\"text-secondary\">變更或者重設您的密碼</h3>\n        <div class=\"line bg-primary mb-3\"></div>\n        <p class=\"mb-md-7\">需要點協助來幫助您還原您的會員帳戶密碼</p>\n      </div>\n      <v-form v-slot=\"{ errors }\" @submit=\"showVerifyModal\">\n        <!-- 信箱 -->\n        <div class=\"mb-3\">\n          <label  class=\"form-label\">輸入您的電子信箱</label>\n          <v-field name=\"email\" type=\"email\"  :class=\"{ 'is-invalid': errors['email'] }\" placeholder=\"請輸入 Email\" rules=\"email|required\" class=\"form-control\"\n                   v-model=\"user.mail\"    id=\"peopleEmail\"></v-field>\n          <!-- 信箱錯誤提示 -->\n          <div class=\"d-flex align-items-center mt-1\">\n            <error-message name=\"email\" class=\"invalid-feedback\">\n              <p class=\"text-danger m-0 ms-1\">\n                <span class=\"material-icons align-middle fs-7\">cancel</span>&nbsp;{{ errors.email }}</p>\n            </error-message>\n          </div>\n        </div>\n        <div class=\"d-grid gap-2 col mx-auto mt-5 mb-3 mb-md-0\">\n          <button class=\"btn btn-secondary\"\n                  type=\"submit\">繼續</button>\n        </div>\n      </v-form>\n    </div>\n    <!-- 輸入新密碼 -->\n    <div class=\"enter-new-password\" v-else>\n      <div class=\"text-center mb-md-5\">\n        <h3 class=\"text-secondary\">輸入您的新密碼</h3>\n        <div class=\"line bg-primary mb-3\"></div>\n        <p class=\"mb-md-7\">重新設定您的會員帳戶密碼</p>\n      </div>\n      <v-form v-slot=\"{ errors }\" @submit=\"onSubmit\">\n        <div class=\"row\">\n          <div class=\"col-12 mb-3\">\n            <label class=\"form-label\">輸入您的新密碼</label>\n            <v-field name=\"密碼\" type=\"password\"  :class=\"{ 'is-invalid': errors['密碼'] }\" rules=\"required|min:8\" placeholder=\"至少 8 位數密碼，請區分大小寫\"  class=\"form-control\"\n                     v-model=\"user.password\"    id=\"peopleNewEmail\"></v-field>\n            <!-- 信箱錯誤提示 -->\n            <div class=\"d-flex align-items-center mt-1\">\n              <error-message name=\"密碼\" class=\"invalid-feedback\">\n                <p class=\"text-danger m-0\">\n                  <span class=\"material-icons align-middle fs-7\">cancel</span>&nbsp;{{ errors.密碼 }}</p>\n              </error-message>\n            </div>\n            <div class=\"col-12\">\n              <label class=\"form-label\">再次輸入您的新密碼</label>\n              <v-field type=\"password\" name=\"確認密碼\" :rules=\"checkPassword\"  :class=\"{ 'is-invalid': errors['確認密碼'] }\"  placeholder=\"再次輸入您的密碼\" class=\"form-control\"\n                       v-model=\"user.rePassword\"   id=\"peopleNewPassword\"></v-field>\n              <div class=\"d-flex justify-content-between\">\n\n                <!-- 密碼錯誤提示 -->\n                <div class=\"d-flex align-items-center mt-1\">\n                  <error-message name=\"確認密碼\" class=\"invalid-feedback\">\n                    <p class=\"text-danger m-0 ms-1\">\n                      <span class=\"material-icons align-middle fs-7\">cancel</span>密碼輸入不一致</p>\n                  </error-message>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-12\">\n            <div class=\"d-grid gap-2 col mx-auto mt-5 mb-3 mb-md-0\">\n              <button class=\"btn btn-secondary\"\n                      type=\"submit\">更新密碼</button>\n            </div>\n          </div>\n        </div>\n\n      </v-form>\n    </div>\n  </div>\n  <!-- 密碼修改成功 Modal -->\n  <div class=\"modal fade\" ref=\"successModal\" id=\"successModal\" tabindex=\"-1\" aria-labelledby=\"successModalLabel\" aria-hidden=\"true\">\n    <div class=\"modal-dialog\">\n      <div class=\"modal-content\">\n        <div class=\"position-relative\">\n          <button type=\"button\" class=\"m-3 btn  fs-4 position-absolute top-0 end-0\"\n                  data-bs-dismiss=\"modal\" aria-label=\"Close\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\"\n                fill=\"black\"/>\n            </svg>\n          </button>\n          <h2 class=\"modal-title text-center mt-3 mt-md-7 mb-2 text-secondary\" id=\"successModalLabel\">修改密碼成功</h2>\n          <div class=\"line bg-primary mb-3\"></div>\n        </div>\n        <div class=\"modal-body\">\n          <div class=\"row \">\n            <div class=\"col-md-8 offset-md-2 text-center\">\n              <img class=\"mb-3 mb-md-5\" src=\"../../assets/img/logo.png\" alt=\"logo\">\n              <h3 class=\"fs-4\">更改密碼已成功</h3>\n              <div class=\"d-grid gap-2 mb-md-7 mb-5\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">確定</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <VerifyModal v-bind:mail=\"user.mail\" v-on:verify-status=\"getVerifyStatus\" v-on:verify-code=\"getVerifyCode\" ref=\"verifyModal\"></VerifyModal>\n</template>\n\n<script>\nimport VerifyModal from '../../components/modal/VerifyModal'\nimport { userResetPassword } from '@/util/api'\nimport Modal from 'bootstrap/js/dist/modal'\n\nexport default {\n  components: {\n    VerifyModal\n  },\n  data () {\n    return {\n      modal: {},\n      successModal: {},\n      isVerify: false,\n      user: {\n        mail: '',\n        isLawyer: false,\n        veriCode: '',\n        password: '',\n        rePassword: ''\n      }\n    }\n  },\n  mounted () {\n    this.successModal = new Modal(this.$refs.successModal)\n  },\n  methods: {\n    reset () {\n      this.isVerify = false\n      this.user = {\n        mail: '',\n        isLawyer: false,\n        veriCode: '',\n        password: '',\n        rePassword: ''\n      }\n    },\n    showVerifyModal () {\n      this.$refs.verifyModal.showModal()\n      this.$refs.verifyModal.verifyMail()\n    },\n    getVerifyCode (VerifyCode) {\n      this.user.veriCode = VerifyCode\n    },\n    getVerifyStatus () {\n      this.isVerify = true\n    },\n    checkPassword (value) {\n      if (this.user.password === value) {\n        return true\n      }\n    },\n    onSubmit () {\n      userResetPassword(this.user)\n        .then((res) => {\n          console.log(res)\n          this.reset()\n          this.successModal.show()\n        })\n        .catch((error) => { console.error(error) })\n    }\n  }\n}\n</script>\n","import { render } from \"./PeoplePasswordSetting.vue?vue&type=template&id=74e4e51a\"\nimport script from \"./PeoplePasswordSetting.vue?vue&type=script&lang=js\"\nexport * from \"./PeoplePasswordSetting.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/mac/Documents/shannon/lawave7th/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/change-password.008c1ccb.png\";","<template>\n  <!-- 輸入驗證碼 -->\n  <div\n    class=\"modal fade\"\n    id=\"verifyModal\"\n    tabindex=\"-1\"\n    aria-labelledby=\"verifyModal\"\n    aria-hidden=\"true\"\n    ref=\"modal\"\n  >\n    <div class=\"modal-dialog modal-dialog-centered\">\n      <div class=\"modal-content\">\n        <div class=\"position-relative\">\n          <button\n            type=\"button\"\n            class=\"m-3 btn  fs-4 position-absolute top-0 end-0\"\n            data-bs-dismiss=\"modal\"\n            aria-label=\"Close\"\n          >\n            <svg\n              width=\"14\"\n              height=\"14\"\n              viewBox=\"0 0 14 14\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\"\n                fill=\"black\"\n              />\n            </svg>\n          </button>\n          <h2\n            class=\"modal-title text-center mt-3 mt-md-7 mb-2 text-secondary\"\n            id=\"verifyModalLabel\"\n          >\n            請確認您的電子信箱\n          </h2>\n          <div class=\"line bg-primary mb-3\"></div>\n        </div>\n        <div class=\"modal-body d-flex flex-column align-items-center\">\n          <h3 class=\"fs-4\">輸入驗證碼</h3>\n          <p class=\"mb-md-5\">請輸入法學電波剛傳送至您信箱的 4 位數驗證碼</p>\n          <ul class=\"d-flex verify-box justify-content-center\">\n            <li>\n              <input class=\"border  border-1 rounded text-center\" type=\"text\" v-model=\"nums[0].val\"/>\n            </li>\n            <li class=\"ms-4\">\n              <input class=\"border  border-1 rounded text-center\" type=\"text\" v-model=\"nums[1].val\"/>\n            </li>\n            <li class=\"ms-4\">\n              <input class=\"border  border-1 rounded text-center\" type=\"text\" v-model=\"nums[2].val\"/>\n            </li>\n            <li class=\"ms-4\">\n              <input class=\"border  border-1 rounded text-center\" type=\"text\" v-model=\"nums[3].val\"\n                     @input=\"groupVerification\"/>\n            </li>\n          </ul>\n        </div>\n        <div\n          class=\"modal-footer border-0 text-center flex-column align-items-center \"\n        >\n          <p class=\"text-danger m-0 ms-1\" v-show=\"showError\">\n            <span class=\"material-icons align-middle fs-7\">cancel</span>&nbsp;驗證碼輸入不一致，請重新輸入</p>\n          <span\n          >沒有收到信件？<a class=\"border-bottom text-primary\" @click.prevent=\"verifyMail\" href=\"#\">重新傳送</a></span\n          >\n          <a class=\"d-block mb-7 border-bottom text-primary\" data-bs-dismiss=\"modal\" href=\"#\">稍後再完成</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport modalMixin from '@/mixins/modalMixin'\nimport { userVerifyMail } from '@/util/api'\n\nexport default {\n  props: ['mail'],\n  data () {\n    return {\n      modal: {},\n      verifyCode: '',\n      showError: false,\n      nums: [{ val: '' }, { val: '' }, { val: '' }, { val: '' }]\n    }\n  },\n  methods: {\n    reset () {\n      this.showError = false\n      this.nums = [{ val: '' }, { val: '' }, { val: '' }, { val: '' }]\n    },\n    sendVerifyCode (verifyCode) {\n      this.$emit('verify-status')\n      this.$emit('verify-code', verifyCode)\n    },\n    groupVerification () {\n      let str = ''\n      this.nums.forEach((item) => {\n        str += item.val\n      })\n      if (str === this.verifyCode) {\n        this.sendVerifyCode(str)\n        this.reset()\n        this.hideModal()\n      } else {\n        this.showError = true\n      }\n    },\n    verifyMail () {\n      userVerifyMail({ toaddr: this.mail })\n        .then((res) => {\n          this.verifyCode = res.data\n        })\n        .catch((error) => {\n          console.error(error)\n        })\n    }\n  },\n  mixins: [modalMixin]\n}\n</script>\n","import { render } from \"./VerifyModal.vue?vue&type=template&id=3e6d9ae4\"\nimport script from \"./VerifyModal.vue?vue&type=script&lang=js\"\nexport * from \"./VerifyModal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/mac/Documents/shannon/lawave7th/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}