{"version":3,"sources":["webpack:///./src/views/Register.vue?b476","webpack:///./src/views/Register.vue?9766","webpack:///src/views/Register.vue","webpack:///./src/views/Register.vue?382a","webpack:///./src/views/Register.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","successRegister","_e","model","value","callback","$$v","email","expression","name","password","password2","_s","registerFail","successRegisterText","on","$event","registerUser","goToLogin","staticRenderFns","data","errRegister","methods","$router","push","component"],"mappings":"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","file":"js/chunk-9012bbcc.feeafc76.js","sourcesContent":["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!./Register.vue?vue&type=style&index=0&id=19eaa106&lang=css&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"background\"},[_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{staticClass:\"d-flex justify-content-center\",attrs:{\"md\":\"6\"}},[_c('img',{staticClass:\"ichLogo\",attrs:{\"src\":require(\"@/assets/ichLogo.png\")}})]),_c('b-col',{staticClass:\"text-center\",attrs:{\"md\":\"6\"}},[_c('h4',[_vm._v(\"สมัครสมาชิก\")]),(!_vm.successRegister)?_c('b-col',{staticClass:\"formLogin\",attrs:{\"md\":\"6\",\"offset-md\":\"3\"}},[_c('b-form-group',{attrs:{\"label\":\"อีเมล:\",\"label-for\":\"email\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"id\":\"email\",\"placeholder\":\"อีเมล\",\"required\":\"\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('b-form-group',{attrs:{\"label\":\"ชื่อ - นามสกุล:\",\"label-for\":\"name\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"id\":\"name\",\"placeholder\":\"ชื่อ - นามสกุล\",\"required\":\"\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1),_c('b-form-group',{attrs:{\"label\":\"รหัสผ่าน:\",\"label-for\":\"password\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"id\":\"password\",\"type\":\"password\",\"placeholder\":\"รหัสผ่าน\",\"required\":\"\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),_c('b-form-group',{attrs:{\"label\":\"ยืนยันรหัสผ่าน:\",\"label-for\":\"password2\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"id\":\"password2\",\"type\":\"password\",\"placeholder\":\"ยืนยันรหัสผ่าน\",\"required\":\"\"},model:{value:(_vm.password2),callback:function ($$v) {_vm.password2=$$v},expression:\"password2\"}})],1),(_vm.errRegister)?_c('p',{staticClass:\"errText\"},[_vm._v(_vm._s(_vm.registerFail))]):_vm._e(),(_vm.successRegister)?_c('p',{staticClass:\"successText\"},[_vm._v(_vm._s(_vm.successRegisterText))]):_vm._e()],1):_vm._e(),(!_vm.successRegister)?_c('b-button',{staticClass:\"registerBtn\",on:{\"click\":function($event){return _vm.registerUser()}}},[_vm._v(\" สมัครสมาชิก \")]):_vm._e(),(_vm.successRegister)?_c('b-button',{staticClass:\"registerBtn\",on:{\"click\":function($event){return _vm.goToLogin()}}},[_vm._v(\" เข้าสู่ระบบ \")]):_vm._e()],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"background\">\n    <b-container fluid>\n      <b-row>\n        <b-col md=\"6\" class=\"d-flex justify-content-center\">\n          <img src=\"@/assets/ichLogo.png\" class=\"ichLogo\">\n        </b-col>\n        <b-col md=\"6\" class=\"text-center\">\n          <h4>สมัครสมาชิก</h4>\n          <b-col md=\"6\" offset-md=\"3\" class=\"formLogin\" v-if=\"!successRegister\">\n            <b-form-group label=\"อีเมล:\" label-for=\"email\" :horizontal=\"true\">\n              <b-form-input id=\"email\" v-model=\"email\" placeholder=\"อีเมล\" required>\n              </b-form-input>\n            </b-form-group>\n            <b-form-group label=\"ชื่อ - นามสกุล:\" label-for=\"name\" :horizontal=\"true\">\n              <b-form-input id=\"name\" v-model=\"name\" placeholder=\"ชื่อ - นามสกุล\" required>\n              </b-form-input>\n            </b-form-group>\n            <b-form-group label=\"รหัสผ่าน:\" label-for=\"password\" :horizontal=\"true\">\n              <b-form-input id=\"password\" type=\"password\" v-model=\"password\"\n              placeholder=\"รหัสผ่าน\" required>\n              </b-form-input>\n            </b-form-group>\n            <b-form-group label=\"ยืนยันรหัสผ่าน:\" label-for=\"password2\" :horizontal=\"true\">\n              <b-form-input id=\"password2\" type=\"password\" v-model=\"password2\"\n              placeholder=\"ยืนยันรหัสผ่าน\" required>\n              </b-form-input>\n            </b-form-group>\n            <p v-if=\"errRegister\" class=\"errText\">{{registerFail}}</p>\n            <p v-if=\"successRegister\" class=\"successText\">{{successRegisterText}}</p>\n          </b-col>\n          <b-button class=\"registerBtn\" @click=\"registerUser()\" v-if=\"!successRegister\">\n            สมัครสมาชิก\n          </b-button>\n          <b-button class=\"registerBtn\" @click=\"goToLogin()\" v-if=\"successRegister\">\n            เข้าสู่ระบบ\n          </b-button>\n        </b-col>\n      </b-row>\n    </b-container>\n  </div>\n</template>\n\n<script>\nimport userAPI from '@/api/user';\n\nexport default {\n  data() {\n    return {\n      email: '',\n      name: '',\n      password: '',\n      password2: '',\n      errRegister: false,\n      registerFail: 'register fail',\n      successRegister: false,\n      successRegisterText: 'สมัครสมาชิกสำเร็จ',\n    };\n  },\n  methods: {\n    async registerUser() {\n      if (this.email === '' || this.name === '' || this.password === '' || this.password2 === '') {\n        this.registerFail = 'กรุณากรอกข้อมูลให้ครบถ้วน';\n        this.errRegister = true;\n        return;\n      }\n      if (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(this.email)) {\n        if (this.password === this.password2) {\n          const register = await userAPI.registerAccount(this.email, this.name, this.password);\n          console.log('register', register);\n          if (register !== undefined) {\n            this.successRegister = true;\n            this.errRegister = false;\n          } else {\n            this.registerFail = 'อีเมลนี้ถูกใช้ไปแล้ว';\n            this.errRegister = true;\n          }\n        } else {\n          this.registerFail = 'รหัสผ่านไม่เหมือนกันกรุณากรอกใหม่';\n          this.errRegister = true;\n        }\n      } else {\n        this.registerFail = 'กรุณากรอกอีเมลให้ถูกต้อง';\n        this.errRegister = true;\n      }\n    },\n    goToLogin() {\n      this.$router.push('/backoffice/login');\n    },\n  },\n};\n</script>\n\n<style lang=\"css\" scoped>\n  .row {\n    height: 100vh;\n  }\n  .col-md-6 {\n    margin: auto;\n  }\n  .ichLogo {\n    width: 500px;\n  }\n  .formLogin {\n    text-align: left;\n  }\n  .background {\n    background-color: #FAFAFC;\n    border-bottom-left-radius: 50%;\n    border-top-right-radius: 50%;\n  }\n  .errText {\n    color: red;\n  }\n  .successText {\n    color: #28a745;\n  }\n  .registerBtn {\n    background: transparent linear-gradient(105deg,#002dff,#ff2aa1) 0 0 no-repeat padding-box;\n    border-radius: 15px;\n  }\n  @media screen and (max-width: 800px) {\n    .ichLogo {\n      width: 350px;\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!./Register.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!./Register.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Register.vue?vue&type=template&id=19eaa106&scoped=true&\"\nimport script from \"./Register.vue?vue&type=script&lang=js&\"\nexport * from \"./Register.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Register.vue?vue&type=style&index=0&id=19eaa106&lang=css&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  \"19eaa106\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}