{"version":3,"sources":["webpack:///./src/pages/SignUpByAdmin.vue?da56","webpack:///src/pages/SignUpByAdmin.vue","webpack:///./src/pages/SignUpByAdmin.vue?a4fd","webpack:///./src/pages/SignUpByAdmin.vue","webpack:///./src/pages/SignUpByAdmin.vue?8c6f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_m","on","$event","preventDefault","validateBeforeSubmit","errors","has","first","directives","name","rawName","value","required","regex","min","max","expression","model","callback","$$v","username","firstName","lastName","company","phone","email","password","is","confirmPassword","resetData","class","isLoaded","isSuccessActive","staticStyle","_s","registerName","staticRenderFns","data","province","components","AdminMenu","methods","signUp","UsersService","user","provice","$validator","validateAll","then","result","component"],"mappings":"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","file":"js/chunk-6f1f6534.a2eeffbe.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{staticClass:\"hero is-white\"},[_c('div',{staticClass:\"hero-body\"},[_c('div',{staticClass:\"breadcrumb-wrapper\"},[_c('img',{staticClass:\"icon-home\",attrs:{\"src\":require(\"@/assets/images/icons/icon-home.png\"),\"alt\":\"\"}}),_c('nav',{staticClass:\"breadcrumb has-succeeds-separator\",attrs:{\"aria-label\":\"breadcrumbs\"}},[_c('ul',[_c('li',[_c('router-link',{attrs:{\"to\":\"/index\"}},[_vm._v(\"Trang chủ\")])],1),_vm._m(0)])])]),_c('div',{staticClass:\"container\"},[_c('admin-menu',{attrs:{\"activeLink\":'/dkkh'}}),_c('div',{staticClass:\"signup form-register no-margin\"},[_c('h1',{staticClass:\"title is-4\"},[_vm._v(\"Tạo tài khoản vận hành mới\")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validateBeforeSubmit($event)}}},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Tên đăng nhập\",\"type\":{'is-danger': _vm.errors.has('username')},\"message\":_vm.errors.first('username'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true, regex: /^[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)*$/, min: 4, max: 32}),expression:\"{required: true, regex: /^[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)*$/, min: 4, max: 32}\"}],attrs:{\"name\":\"username\",\"size\":\"is-medium\",\"data-vv-as\":\"Tên đăng nhập\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}})],1)],1)]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Tên\",\"type\":{'is-danger': _vm.errors.has('firstName')},\"message\":_vm.errors.first('firstName'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"firstName\",\"size\":\"is-medium\",\"data-vv-as\":\"Tên\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}})],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Họ\",\"type\":{'is-danger': _vm.errors.has('lastName')},\"message\":_vm.errors.first('lastName'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"lastName\",\"size\":\"is-medium\",\"data-vv-as\":\"Họ\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1)],1)]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Công ty\",\"type\":{'is-danger': _vm.errors.has('company')},\"message\":_vm.errors.first('company'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"company\",\"size\":\"is-medium\",\"data-vv-as\":\"Công ty\"},model:{value:(_vm.company),callback:function ($$v) {_vm.company=$$v},expression:\"company\"}})],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Điện thoại\",\"type\":{'is-danger': _vm.errors.has('phone')},\"message\":_vm.errors.first('phone'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true, regex: /^[0-9]{10,11}$/}),expression:\"{required: true, regex: /^[0-9]{10,11}$/}\"}],attrs:{\"name\":\"phone\",\"size\":\"is-medium\",\"data-vv-as\":\"Điện thoại\"},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1)],1)]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Email công ty\",\"type\":{'is-danger': _vm.errors.has('email')},\"message\":_vm.errors.first('email'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],attrs:{\"name\":\"email\",\"size\":\"is-medium\",\"data-vv-as\":\"Email công ty\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1)],1)]),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Mật khẩu\",\"type\":{'is-danger': _vm.errors.has('password')},\"message\":_vm.errors.first('password'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true, regex: /\\w/, min: 8}),expression:\"{required: true, regex: /\\\\w/, min: 8}\"}],attrs:{\"type\":\"password\",\"name\":\"password\",\"size\":\"is-medium\",\"data-vv-as\":\"Mật khẩu\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Xác nhận mật khẩu\",\"type\":{'is-danger': _vm.errors.has('confirm-password')},\"message\":_vm.errors.first('confirm-password'),\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({ required: true, is: _vm.password }),expression:\"{ required: true, is: password }\"}],attrs:{\"type\":\"password\",\"name\":\"confirm-password\",\"size\":\"is-medium\",\"data-vv-as\":\"Xác nhận mật khẩu\"},model:{value:(_vm.confirmPassword),callback:function ($$v) {_vm.confirmPassword=$$v},expression:\"confirmPassword\"}})],1)],1)]),_c('div',{staticClass:\"field is-grouped is-grouped-centered\"},[_c('div',{staticClass:\"control\"},[_c('button',{staticClass:\"button\",on:{\"click\":_vm.resetData}},[_vm._v(\"Nhập lại\")])]),_c('div',{staticClass:\"control\"},[_c('button',{staticClass:\"button is-info\",class:{'is-loading': _vm.isLoaded},attrs:{\"type\":\"submit\",\"disabled\":_vm.isLoaded}},[_vm._v(\"Đăng ký\")])])])]),_c('b-modal',{attrs:{\"active\":_vm.isSuccessActive,\"has-modal-card\":\"\"},on:{\"update:active\":function($event){_vm.isSuccessActive=$event}}},[_c('div',{staticClass:\"modal-card\"},[_c('section',{staticClass:\"modal-card-body\"},[_c('h2',{staticClass:\"title is-4\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"Đăng ký thành công!\")]),_c('div',{staticClass:\"is-grouped-centered\"},[_c('p',[_vm._v(\"Đăng ký thành công với tên đăng nhập: \"),_c('strong',[_vm._v(_vm._s(_vm.registerName))])])])])])])],1)],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"is-active\"},[_c('a',[_vm._v(\"Admin\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <section class=\"hero is-white\">\n      <div class=\"hero-body\">\n        <div class=\"breadcrumb-wrapper\">\n          <img src=\"@/assets/images/icons/icon-home.png\" alt=\"\" class=\"icon-home\">\n          <nav class=\"breadcrumb has-succeeds-separator\" aria-label=\"breadcrumbs\">\n            <ul>\n              <li><router-link to=\"/index\">Trang chủ</router-link></li>\n              <li class=\"is-active\"><a>Admin</a></li>\n            </ul>\n          </nav>\n        </div>\n        <div class=\"container\">\n          <admin-menu :activeLink=\"'/dkkh'\"/>\n          <div class=\"signup form-register no-margin\">\n            <h1 class=\"title is-4\">Tạo tài khoản vận hành mới</h1>\n            <form @submit.prevent=\"validateBeforeSubmit\">\n\n              <div class=\"columns\">\n                <div class=\"column\">\n                  <b-field\n                    label=\"Tên đăng nhập\"\n                    :type=\"{'is-danger': errors.has('username')}\"\n                    :message=\"errors.first('username')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"username\"\n                      name=\"username\"\n                      v-validate=\"{required: true, regex: /^[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)*$/, min: 4, max: 32}\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Tên đăng nhập\"\n                    ></b-input>\n                  </b-field>\n                </div>\n              </div>\n\n              <div class=\"columns\">\n                <div class=\"column\">\n                  <b-field\n                    label=\"Tên\"\n                    :type=\"{'is-danger': errors.has('firstName')}\"\n                    :message=\"errors.first('firstName')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"firstName\"\n                      name=\"firstName\"\n                      v-validate=\"'required'\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Tên\"\n                    ></b-input>\n                  </b-field>\n                </div>\n                <div class=\"column\">\n                  <b-field\n                    label=\"Họ\"\n                    :type=\"{'is-danger': errors.has('lastName')}\"\n                    :message=\"errors.first('lastName')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"lastName\"\n                      name=\"lastName\"\n                      v-validate=\"'required'\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Họ\"\n                    ></b-input>\n                  </b-field>\n                </div>\n              </div>\n\n              <div class=\"columns\">\n                <div class=\"column\">\n                  <b-field\n                    label=\"Công ty\"\n                    :type=\"{'is-danger': errors.has('company')}\"\n                    :message=\"errors.first('company')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"company\"\n                      name=\"company\"\n                      v-validate=\"'required'\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Công ty\"\n                    ></b-input>\n                  </b-field>\n                </div>\n\n                <div class=\"column\">\n                  <b-field\n                    label=\"Điện thoại\"\n                    :type=\"{'is-danger': errors.has('phone')}\"\n                    :message=\"errors.first('phone')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"phone\"\n                      name=\"phone\"\n                      v-validate=\"{required: true, regex: /^[0-9]{10,11}$/}\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Điện thoại\"\n                    ></b-input>\n                  </b-field>\n                </div>\n\n              </div>\n\n\n\n              <div class=\"columns\">\n                <div class=\"column\">\n                  <b-field\n                    label=\"Email công ty\"\n                    :type=\"{'is-danger': errors.has('email')}\"\n                    :message=\"errors.first('email')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"email\"\n                      name=\"email\"\n                      v-validate=\"'required|email'\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Email công ty\"\n                    ></b-input>\n                  </b-field>\n                </div>\n\n                <!-- <div class=\"column\">\n                  <b-field \n                    label=\"Tỉnh/Thành phố\"\n                    :type=\"{'is-danger': errors.has('province')}\"\n                    :message=\"errors.first('province')\"\n                    >\n                    <b-select \n                      v-model=\"province\" \n                      placeholder=\"Chọn tỉnh thành\"\n                      v-validate=\"'required'\"\n                      name=\"province\"\n                      >\n                      <option\n                          v-for=\"option in provincesSelect\"\n                          :value=\"option\"\n                          :key=\"option\">\n                          {{ option }}\n                      </option>\n                    </b-select>\n                  </b-field>\n                </div> -->\n              </div>\n\n\n              <div class=\"columns\">\n                <div class=\"column\">\n                  <b-field\n                    label=\"Mật khẩu\"\n                    :type=\"{'is-danger': errors.has('password')}\"\n                    :message=\"errors.first('password')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"password\"\n                      type=\"password\"\n                      name=\"password\"\n                      v-validate=\"{required: true, regex: /\\w/, min: 8}\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Mật khẩu\"\n                    ></b-input>\n                  </b-field>\n                </div>\n\n                <div class=\"column\">\n                  <b-field\n                    label=\"Xác nhận mật khẩu\"\n                    :type=\"{'is-danger': errors.has('confirm-password')}\"\n                    :message=\"errors.first('confirm-password')\"\n                    custom-class=\"has-text-weight-normal\"\n                  >\n                    <b-input\n                      v-model=\"confirmPassword\"\n                      v-validate=\"{ required: true, is: password }\"\n                      type=\"password\"\n                      name=\"confirm-password\"\n                      size=\"is-medium\"\n                      data-vv-as=\"Xác nhận mật khẩu\"\n                    ></b-input>\n                  </b-field>\n                </div>\n              </div>\n\n\n              \n              \n\n              <!-- <div class=\"form-captcha\">\n                <vue-recaptcha\n                  ref=\"recaptcha\"\n                  @verify=\"onCaptchaVerified\"\n                  @expired=\"onCaptchaExpired\"\n                  sitekey=\"6LfvfM8UAAAAANxG5gmTEO8A7ticNHd8tIZYu0K4\">\n                </vue-recaptcha>\n              </div> -->\n\n\n              <div class=\"field is-grouped is-grouped-centered\">\n                <div class=\"control\">\n                  <button class=\"button\" @click=\"resetData\">Nhập lại</button>\n                </div>\n                <div class=\"control\">\n                  <button \n                  type=\"submit\" \n                  class=\"button is-info\"\n                  :class=\"{'is-loading': isLoaded}\"\n                  :disabled=\"isLoaded\"\n                  >Đăng ký</button>\n                </div>\n              </div>\n            </form>\n            <b-modal :active.sync=\"isSuccessActive\" has-modal-card>\n              <div class=\"modal-card\">\n                <section class=\"modal-card-body\">\n                  <h2 class=\"title is-4\" style=\"text-align: center\">Đăng ký thành công!</h2>\n                  <div class=\"is-grouped-centered\">\n                    <p>Đăng ký thành công với tên đăng nhập: <strong>{{registerName}}</strong></p>\n                  </div>\n                </section>\n              </div>\n            </b-modal>\n          </div>\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script>\nimport UsersService from \"@/services/UsersService\";\n\nexport default {\n  name: \"NewUser\",\n  data() {\n    return {\n      username: \"\",\n      firstName: \"\",\n      lastName: \"\",\n      password: \"\",\n      confirmPassword: \"\",\n      email: \"\",\n      phone: \"\",\n      company: \"\",\n      province: \"\",\n      isSuccessActive: false,\n\n      isLoaded: false,\n\n      // recaptchaToken: '',\n\n      // provincesSelect: provinces.provinces,\n\n      registerName: ''\n    };\n  },\n  components: {\n    AdminMenu: () => import(\"../components/Admin/AdminMenu\")\n  },\n  methods: {\n    signUp() {\n      const self = this\n      // if(this.recaptchaToken == '') {\n      //   alert(\"Please verify you are not a robot\")\n      //   return\n      // }\n      this.isLoaded = true;\n      UsersService.signUpByAdmin({\n        user: {\n          username: this.username,\n          firstName: this.firstName,\n          lastName: this.lastName,\n          password: this.password,\n          email: this.email,\n          phone: this.phone,\n          company: this.company\n        }\n      },\n      self.$store.state.auth.token\n      )\n        .then(res => {\n          if (res.data.status) {\n            this.registerName = this.username;\n            this.isSuccessActive = true;\n            this.resetData();\n            this.$nextTick(() => {\n              this.$validator.reset();\n            });\n          } else {\n            if(res.data.message && res.data.message.includes('user already exists.')) {\n              res.data.message = 'Người dùng đã tồn tại.'\n            }\n            this.$toast.open({\n              message: res.data.message || \"Lỗi máy chủ. Vui lòng thử lại\",\n              type: \"is-danger\"\n            });\n          }\n        })\n        .catch(() => {\n          this.$toast.open({\n            message: \"Lỗi máy chủ. Vui lòng thử lại\",\n            type: \"is-info\"\n          });\n        })\n        .finally(() => {\n          this.isLoaded = false;\n        });\n    },\n    resetData() {\n      this.username = \"\";\n      this.firstName = \"\";\n      this.lastName = \"\";\n      this.password = \"\";\n      this.confirmPassword = \"\";\n      this.phone = \"\";\n      this.email = \"\";\n      this.company = \"\";\n      this.provice = \"\";\n    },\n    validateBeforeSubmit() {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          this.signUp();\n        }\n      });\n    },\n    // onCaptchaExpired: function () {\n    //   this.$refs.recaptcha.reset();\n    // },\n    // onCaptchaVerified(recaptchaToken) {\n    //   this.recaptchaToken = recaptchaToken\n    // }\n  }\n};\n</script>\n<style lang=\"scss\" scope>\n  .signup {\n    font-family: Roboto,Arial,Helvetica,sans-serif;\n  }\n\n  .form-register {\n    max-width: 600px;\n    margin: 50px auto;\n\n    .title {\n      text-align: center;\n    }\n\n    .columns {\n      margin-bottom: 10px;\n    }\n\n    .form-captcha {\n      margin-bottom: 25px;\n      display: flex;\n      justify-content: center;\n    }\n\n    &.no-margin {\n      margin-top: 0;\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!./SignUpByAdmin.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!./SignUpByAdmin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignUpByAdmin.vue?vue&type=template&id=16efc96b&\"\nimport script from \"./SignUpByAdmin.vue?vue&type=script&lang=js&\"\nexport * from \"./SignUpByAdmin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignUpByAdmin.vue?vue&type=style&index=0&lang=scss&scope=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  null,\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/index.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!./SignUpByAdmin.vue?vue&type=style&index=0&lang=scss&scope=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./SignUpByAdmin.vue?vue&type=style&index=0&lang=scss&scope=true&\""],"sourceRoot":""}