{"version":3,"sources":["webpack:///./src/views/auth/Register.vue?06e3","webpack:///./src/views/auth/Register.vue?59c3","webpack:///src/views/auth/Register.vue","webpack:///./src/views/auth/Register.vue?5cb3","webpack:///./src/views/auth/Register.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","changeUserType","scopedSlots","_u","key","fn","proxy","handleRegister","setDay","_l","day","domProps","_s","setMonth","month","setYear","year","class","isFillBirthDayDone","form","userType","directives","name","rawName","value","$v","firstname","expression","target","composing","$set","required","status","_e","lastname","item","genderOptions","setGenderRegister","text","email","checkEmailExit","handleFocusNoti","password","switchVisibility","minLength","$params","min","confirmPassword","sameAsPassword","$invalid","isEmailExits","index","message","staticRenderFns","data","optionsSchoolLevel","gender","schoolTypeId","birthday","parentFullname","birthDay","birthMonth","birthYear","passwordFieldType","months","days","formErrors","isPrimarySchoolStudent","isShowNoti","validations","components","computed","mapState","mapGetters","years","length","created","mounted","methods","mapActions","onReset","self","register","username","catch","console","evt","setschoolTypeId","checkPrimarySchoolStudent","checkFillBirthDayDone","checkExitEmail","uType","component"],"mappings":"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","file":"js/chunk-1f4aab82.11f35c4e.js","sourcesContent":["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!./Register.vue?vue&type=style&index=0&id=4718c694&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"register-page\"},[_c('h2',{staticClass:\"register-title font-size-26 font-sanpro-semibold title-color-gray\"},[_vm._v(\"Đăng ký tài khoản\")]),_c('b-tabs',{staticClass:\"register-page__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},on:{\"click\":function($event){return _vm.changeUserType(1)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Học sinh\")]},proxy:true}])}),_c('b-tab',{on:{\"click\":function($event){return _vm.changeUserType(2)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Giáo viên\")]},proxy:true}])})],1),_c('b-form',{staticClass:\"info-register pt-3\",on:{\"submit\":_vm.handleRegister}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('div',{staticClass:\"birthday form-section\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"\"}},[_vm._v(\"Ngày sinh\")]),_c('div',{staticClass:\"birthday-form display-flex justify-content-between\"},[_c('div',{staticClass:\"birthday-item\"},[_c('span',{staticClass:\"select-custom\"},[_c('select',{staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"name\":\"day\"},on:{\"change\":_vm.setDay}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Ngày\")]),_vm._l((_vm.days),function(day){return _c('option',{domProps:{\"value\":day}},[_vm._v(_vm._s(day))])})],2),_c('i',{staticClass:\"fa fa-angle-down\"})])]),_c('div',{staticClass:\"birthday-item\"},[_c('span',{staticClass:\"select-custom\"},[_c('select',{staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"name\":\"month\"},on:{\"change\":_vm.setMonth}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Tháng\")]),_vm._l((_vm.months),function(month){return _c('option',{domProps:{\"value\":month}},[_vm._v(_vm._s(month))])})],2),_c('i',{staticClass:\"fa fa-angle-down\"})])]),_c('div',{staticClass:\"birthday-item\"},[_c('span',{staticClass:\"select-custom\"},[_c('select',{staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"name\":\"day\"},on:{\"change\":_vm.setYear}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Năm\")]),_vm._l((_vm.years),function(year){return _c('option',{domProps:{\"value\":year}},[_vm._v(_vm._s(year))])})],2),_c('i',{staticClass:\"fa fa-angle-down\"})])])])])])]),_c('div',{staticClass:\"name-register display-flex justify-content-between form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"firstname\"}},[_vm._v(\"Họ\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.firstname.$model),expression:\"$v.form.firstname.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"text\",\"id\":\"firstName\",\"name\":\"firstName\",\"placeholder\":_vm.form.userType==1?'Họ của học sinh':'Họ của bạn'},domProps:{\"value\":(_vm.$v.form.firstname.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.firstname, \"$model\", $event.target.value)}}})]),(!_vm.$v.form.firstname.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền họ\")]):_vm._e()]),_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"lastname\"}},[_vm._v(\"Tên\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.lastname.$model),expression:\"$v.form.lastname.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"text\",\"id\":\"lastname\",\"placeholder\":_vm.form.userType==1?'Tên của học sinh':'Tên của bạn'},domProps:{\"value\":(_vm.$v.form.lastname.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.lastname, \"$model\", $event.target.value)}}})]),(!_vm.$v.form.lastname.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền tên\")]):_vm._e()])]),(_vm.form.userType==1)?_c('div',{staticClass:\"gender form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('label',{staticClass:\"lbl-name font-size-16 font-primary-bold color-form\"},[_vm._v(\"Giới tính\")]),_c('br'),_c('div',{staticClass:\"gender-list display-flex-center justify-content-between\"},_vm._l((_vm.genderOptions),function(item){return _c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"radio-custom\"},[_c('input',{attrs:{\"type\":\"radio\",\"name\":\"radio\"},domProps:{\"checked\":item.value === _vm.genderOptions[0].value,\"value\":item.value},on:{\"change\":_vm.setGenderRegister}}),_c('label',{staticClass:\"color-form\"},[_vm._v(_vm._s(item.text))])])])}),0)]):_vm._e(),_c('div',{staticClass:\"email-register form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-primary-bold color-form\",attrs:{\"for\":\"email\"}},[_vm._v(\"Email\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.email.$model),expression:\"$v.form.email.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"email\",\"id\":\"email\",\"placeholder\":\"Email của bạn\"},domProps:{\"value\":(_vm.$v.form.email.$model)},on:{\"change\":_vm.checkEmailExit,\"focus\":_vm.handleFocusNoti,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.email, \"$model\", $event.target.value)}}})]),(_vm.isShowNoti)?_c('div',[(!_vm.$v.form.email.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền email\")]):_vm._e(),(!_vm.$v.form.email.email)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Định dạng email chưa đúng\")]):_vm._e(),(_vm.isEmailExits)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Email này đã được sử dụng\")]):_vm._e()]):_vm._e()]),_c('div',{staticClass:\"password-register display-flex justify-content-between form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-primary-bold color-form\",attrs:{\"for\":\"password\"}},[_vm._v(\"Mật khẩu\")]),_c('br'),_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.password.$model),expression:\"$v.form.password.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"password\",\"id\":\"password\",\"placeholder\":\"Mật khẩu\"},domProps:{\"value\":(_vm.$v.form.password.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.password, \"$model\", $event.target.value)}}}),_c('i',{staticClass:\"icon-hidden icon-icon-eye\",attrs:{\"aria-hidden\":\"true\"},on:{\"click\":_vm.switchVisibility}})])]),(!_vm.$v.form.password.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền mật khẩu\")]):_vm._e(),(!_vm.$v.form.password.minLength)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Mật khẩu ít nhất  \"+_vm._s(_vm.$v.form.password.$params.minLength.min)+\" ký tự.\")]):_vm._e()]),_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-primary-bold color-form\",attrs:{\"for\":\"confirmPassword\"}},[_vm._v(\"Xác nhận\")]),_c('br'),_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.confirmPassword.$model),expression:\"$v.form.confirmPassword.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"password\",\"id\":\"confirmPassword\",\"placeholder\":\"Mật khẩu\"},domProps:{\"value\":(_vm.$v.form.confirmPassword.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.confirmPassword, \"$model\", $event.target.value)}}}),_c('i',{staticClass:\"icon-hidden icon-icon-eye\",attrs:{\"aria-hidden\":\"true\"}})])]),(!_vm.$v.form.confirmPassword.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng nhập lại mật khẩu\")]):_vm._e(),(!_vm.$v.form.confirmPassword.sameAsPassword)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Xác nhận mật khẩu không chính xác \")]):_vm._e()])]),_c('div',{staticClass:\"btn-register form-action\"},[_c('button',{staticClass:\"btn btn-primary btn-register color-light display-flex-center justify-content-center\",attrs:{\"type\":\"button\",\"disabled\":_vm.$v.form.$invalid || _vm.isEmailExits},on:{\"click\":_vm.handleRegister}},[_vm._v(\"Đăng ký\")])]),_c('div'),_vm._l((_vm.formErrors),function(item,index){return (_vm.formErrors)?_c('div',[(item && item.message)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(_vm._s(item.message))]):_vm._e()]):_vm._e()})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"register-page\">\r\n      <h2 class=\"register-title font-size-26 font-sanpro-semibold title-color-gray\">Đăng ký tài khoản</h2>\r\n      <b-tabs class=\"register-page__tabs\">\r\n          <b-tab active @click=\"changeUserType(1)\">\r\n            <template v-slot:title>Học sinh</template>\r\n          </b-tab>\r\n          <b-tab @click=\"changeUserType(2)\">\r\n            <template v-slot:title>Giáo viên</template>            \r\n          </b-tab>\r\n      </b-tabs>\r\n      <b-form @submit=\"handleRegister\" class=\"info-register pt-3\">                \r\n\r\n        <div class=\"form-item\">\r\n          <div class=\"form-content\">\r\n            <div class=\"birthday form-section\">\r\n              <label for=\"\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\">Ngày sinh</label>\r\n              <div class=\"birthday-form display-flex justify-content-between\" >\r\n                <div class=\"birthday-item\">\r\n                  <span class=\"select-custom\">\r\n                    <select name=\"day\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" @change=\"setDay\">\r\n                      <option value=\"0\">Ngày</option>\r\n                      <option v-for=\"day in days\" :value=\"day\">{{ day }}</option>\r\n                    </select>\r\n                    <i class=\"fa fa-angle-down\"></i>\r\n                  </span>\r\n                </div>\r\n                <div class=\"birthday-item\">\r\n                  <span class=\"select-custom\">\r\n                      <select name=\"month\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" @change=\"setMonth\">\r\n                         <option value=\"0\">Tháng</option>\r\n                          <option v-for=\"month in months\" :value=\"month\">{{ month }}</option>\r\n                      </select>\r\n                      <i class=\"fa fa-angle-down\"></i> \r\n                  </span>\r\n                </div>\r\n                <div class=\"birthday-item\">\r\n                  <span class=\"select-custom\">\r\n                      <select name=\"day\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" @change=\"setYear\">\r\n                        <option value=\"0\">Năm</option>\r\n                        <option v-for=\"year in years\" :value=\"year\">{{ year }}</option>\r\n                      </select>\r\n                      <i class=\"fa fa-angle-down\"></i>\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"name-register display-flex justify-content-between form-section\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\"> \r\n          <div class=\"form-item\">\r\n            <div class=\"form-content\">\r\n              <label for=\"firstname\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\" >Họ</label><br>\r\n              <input \r\n                type=\"text\" \r\n                v-model=\"$v.form.firstname.$model\"\r\n                id=\"firstName\" \r\n                name=\"firstName\" \r\n                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\"\r\n                :placeholder=\"form.userType==1?'Họ của học sinh':'Họ của bạn'\" \r\n              />\r\n            </div>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.firstname.required && status\">Vui lòng điền họ</span>\r\n            <!-- <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.firstname.minLength\">Họ ít nhất  {{ $v.form.firstname.$params.minLength.min }} ký tự.</span> -->\r\n          </div>\r\n          <div class=\"form-item\">\r\n             <div class=\"form-content\">\r\n              <label for=\"lastname\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\">Tên</label><br>\r\n              <input \r\n                type=\"text\" \r\n                id=\"lastname\" \r\n                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                v-model=\"$v.form.lastname.$model\"\r\n                :placeholder=\"form.userType==1?'Tên của học sinh':'Tên của bạn'\"\r\n              />\r\n            </div>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.lastname.required && status\">Vui lòng điền tên</span>\r\n            <!-- <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.lastname.minLength\">Tên ít nhất  {{ $v.form.firstname.$params.minLength.min }} ký tự.</span> -->\r\n          </div>\r\n        </div>\r\n        <div class=\"gender form-section\" v-if=\"form.userType==1\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\">\r\n          <label class=\"lbl-name font-size-16 font-primary-bold color-form\">Giới tính</label><br>\r\n          <div class=\"gender-list display-flex-center justify-content-between\">\r\n            <div class=\"item\" v-for=\"item in genderOptions\">\r\n              <div class=\"radio-custom\">\r\n                <input type=\"radio\" name=\"radio\" :checked=\"item.value === genderOptions[0].value\" :value=\"item.value\" @change=\"setGenderRegister\">\r\n                <label class=\"color-form\">{{item.text}}</label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- <div class=\"name-register form-section\" v-if=\"form.userType === 1 && isPrimarySchoolStudent\">           \r\n            <div class=\"form-content\">\r\n              <label for=\"parentFullname\" class=\"lbl-name font-size-16 font-primary-bold color-form\" >Họ và tên phụ huynh</label><br>             \r\n              <input \r\n                type=\"text\" \r\n                v-model=\"$v.form.parentFullname.$model\"\r\n                id=\"parentFullname\" \r\n                name=\"parentFullname\" \r\n                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                placeholder=\"Họ và tên phụ huynh\"\r\n              />\r\n            </div>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.parentFullname.required && status\">Vui lòng điền họ và tên phụ huynh</span>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.parentFullname.minLength\">Họ và tên phụ huynh ít nhất  {{ $v.form.parentFullname.$params.minLength.min }} ký tự.</span>          \r\n        </div> -->\r\n        <div class=\"email-register form-section\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\">\r\n          <div class=\"form-content\">\r\n            <label for=\"email\" class=\"lbl-name font-size-16 font-primary-bold color-form\">Email</label><br>\r\n            <input \r\n              type=\"email\" \r\n              id=\"email\" \r\n              class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n              v-model=\"$v.form.email.$model\"\r\n              @change=\"checkEmailExit\"\r\n              @focus=\"handleFocusNoti\"\r\n              placeholder=\"Email của bạn\"\r\n            >\r\n           <!-- :placeholder=\"form.userType==1 && isPrimarySchoolStudent ? 'Email của phụ huynh' : 'Email của bạn'\" -->\r\n          </div>\r\n          <div v-if=\"isShowNoti\">\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.email.required && status\">Vui lòng điền email</span>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.email.email\">Định dạng email chưa đúng</span>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"isEmailExits\">Email này đã được sử dụng</span>\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"password-register display-flex justify-content-between form-section\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\">\r\n          <div class=\"form-item\">\r\n            <div class=\"form-content\">\r\n                <label for=\"password\" class=\"lbl-name font-size-16 font-primary-bold color-form\" >Mật khẩu</label><br>\r\n                <div class=\"input-custom-icon\">\r\n                  <input type=\"password\" id=\"password\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                   placeholder=\"Mật khẩu\"\r\n                   v-model=\"$v.form.password.$model\">\r\n                  <i class=\"icon-hidden icon-icon-eye\" aria-hidden=\"true\" @click=\"switchVisibility\"></i>\r\n                </div>\r\n            </div>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.password.required && status\">Vui lòng điền mật khẩu</span>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.password.minLength\">Mật khẩu ít nhất  {{ $v.form.password.$params.minLength.min }} ký tự.</span>\r\n          </div>\r\n          <div class=\"form-item\">\r\n            <div class=\"form-content\">\r\n              <label for=\"confirmPassword\"  class=\"lbl-name font-size-16 font-primary-bold color-form\" >Xác nhận</label><br>\r\n              <div class=\"input-custom-icon\">\r\n                <input type=\"password\" id=\"confirmPassword\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\"\r\n                 placeholder=\"Mật khẩu\" \r\n                 v-model=\"$v.form.confirmPassword.$model\">\r\n                <i class=\"icon-hidden icon-icon-eye\" aria-hidden=\"true\" ></i>\r\n              </div>\r\n            </div>            \r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.confirmPassword.required && status\">Vui lòng nhập lại mật khẩu</span>\r\n            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.confirmPassword.sameAsPassword\">Xác nhận mật khẩu không chính xác </span>\r\n          </div>\r\n        </div>\r\n        <div class=\"btn-register form-action\">\r\n          <button type=\"button\" :disabled=\"$v.form.$invalid || isEmailExits\" class=\"btn btn-primary btn-register color-light display-flex-center justify-content-center\" @click=\"handleRegister\">Đăng ký</button>\r\n        </div>\r\n        <div>\r\n          <!-- <a v-if=\"form.userType==1\" href=\"javascript:void(0)\" class=\"display-block primary-color font-size-16 text-left\" @click=\"loginFast\">\r\n            Trải nghiệm nền tảng Hành trang số\r\n          </a> -->\r\n          <!-- <a v-else href=\"http://taphuan.nxbgdvn.vn\" target=\"_blank\">\r\n            Chuyển đến nền tảng tập huấn\r\n          </a> -->\r\n          <!-- <button type=\"button\" class=\"btn student click1 active btn-trial2 font-size-16 font-sanpro-semibold\" @click=\"loginFast\">\r\n            Xem sách\r\n          </button> -->\r\n        </div>\r\n        <div v-if=\"formErrors\" v-for=\"(item, index) of formErrors\">\r\n            <span v-if=\"item && item.message\" class=\"error display-block color-err font-size-14\">{{item.message}}</span>\r\n        </div>\r\n      </b-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { mapGetters, mapActions, mapState } from 'vuex'\r\n  import { MODULE_TEACHER, MODULE_PUPIL, EMAIL_PUBLIC, PASS_PUBLIC } from '@/store/auth/constants'\r\n  import { required, minLength, sameAs, email } from 'vuelidate/lib/validators'\r\n  import { STORE_KEY } from '@/store/auth/constants'\r\n  import { register, checkExitEmail } from '@/store/auth/api'\r\n  import JWT from \"@/utils/jwt\"\r\n\r\n  const genderOptions = [\r\n    { value: 1, text: \"Nam\" },\r\n    { value: 2, text: \"Nữ\" },\r\n    { value: 3, text: \"Khác\" }\r\n  ];\r\n\r\n  const optionsSchoolLevel = [\r\n    { value: 1, text: \"Tiểu học\" },\r\n    { value: 2, text: \"THCS\" },\r\n    { value: 3, text: \"THPT\" }\r\n  ];\r\n\r\n  export default {\r\n    name: \"Register\",\r\n    data () {  \r\n      return {\r\n        genderOptions: genderOptions,\r\n        optionsSchoolLevel: optionsSchoolLevel,\r\n        form: {\r\n          firstname:'',\r\n          lastname:'',\r\n          gender: genderOptions[0].value,\r\n          email: '',\r\n          password: '',\r\n          confirmPassword:'',\r\n          schoolTypeId: optionsSchoolLevel[0].value,\r\n          birthday:'',\r\n          userType: 1,\r\n          parentFullname: ''\r\n        },\r\n        birthDay: null,\r\n        birthMonth: null,\r\n        birthYear: null,\r\n        password: '',\r\n        passwordFieldType: 'password',\r\n        months: 12,\r\n        days: 31,\r\n        status: false,\r\n        isEmailExits: false,\r\n        formErrors:[],\r\n        isFillBirthDayDone: false,\r\n        isPrimarySchoolStudent: false,\r\n        isShowNoti: false\r\n      }\r\n    },\r\n    validations(){\r\n      let self = this;\r\n      if(self.form.userType==1){\r\n        return {\r\n          form:{\r\n            firstname: {\r\n            required,\r\n          },\r\n          lastname:{\r\n            required,\r\n          },\r\n          gender:{\r\n          },\r\n          email:{\r\n            required,\r\n            email\r\n          },\r\n          password:{\r\n            required,\r\n            minLength: minLength(6)\r\n          },\r\n          confirmPassword:{\r\n            required,\r\n            sameAsPassword: sameAs('password')\r\n          },\r\n          schoolTypeId:{\r\n          },\r\n          birthday:{\r\n          },\r\n          parentFullname:{\r\n            required: self.isPrimarySchoolStudent ? true : false\r\n          },\r\n         }\r\n        }\r\n      } else {\r\n        return {\r\n          form:{\r\n            firstname: {\r\n              required,\r\n            },\r\n            lastname:{\r\n              required,\r\n            },\r\n        \r\n            email:{\r\n              required,\r\n              email\r\n            },\r\n            password:{\r\n              required,\r\n              minLength: minLength(6)\r\n            },\r\n            confirmPassword:{\r\n              required,\r\n              sameAsPassword: sameAs('password')\r\n            },\r\n         }\r\n        }\r\n      }\r\n  \t \r\n    },\r\n    components: {\r\n      \r\n    },\r\n    \r\n    computed: {\r\n      ...mapState('auth', ['isLoggedIn', 'isLoading', 'errors', 'user']),\r\n      ...mapGetters('auth', ['register']),\r\n\r\n      years () {\r\n        const year = new Date().getFullYear()\r\n        return Array.from({length: year - 1960}, (value, index) => 1961 + index)\r\n      }\r\n\r\n    },\r\n    created(){\r\n        // this.authRegisterTeacher(this.registerTeacher)\r\n    },\r\n    mounted(){\r\n      // this.authRegisterTeacher();\r\n    },\r\n    methods: {\r\n      ...mapActions(`auth`, ['authLogin', 'fetchAuthProfile']),\r\n\r\n      onReset() {\r\n        this.form.email = ''\r\n        this.form.firstname = ''\r\n        this.form.lastname = ''\r\n        this.form.gender = ''\r\n        this.form.birthday = ''\r\n        this.form.email = ''\r\n        this.form.password = '' \r\n        this.form.confirmPassword = ''\r\n        this.form.schoolTypeId = ''\r\n        this.form.checked = []\r\n        this.form.userType = 2\r\n        this.form.parentFullname=''\r\n      },\r\n      handleRegister(){\r\n        let self = this;\r\n        self.status = true;\r\n        \r\n        self.form.birthday = `${self.birthYear}-${self.birthMonth}-${self.birthDay}`;\r\n\r\n        register(self.form).then(res => {\r\n          if(res && !res.errors) {\r\n            // console.log('AAAAAAAAAAAAAA')\r\n            let loginToken = self.authLogin({\r\n              username: self.form.email,\r\n              password: self.form.password\r\n            })\r\n            // self.authLogin({username: self.form.email, password: self.form.password}).then(async res => {\r\n            //   if(res) {\r\n            //     self.$router.push({path: '/sach-dien-tu'})\r\n            //     // let authInfo = await self.fetchAuthProfile();\r\n            //     // if(authInfo && authInfo.roleCode) {\r\n            //     //   switch(authInfo.roleCode) {\r\n            //     //     // case MODULE_TEACHER:\r\n            //     //     //   self.$router.push({path: '/sach-dien-tu'})\r\n            //     //     //   break;\r\n            //     //     // case MODULE_PUPIL:\r\n            //     //     //   self.$router.push({path: '/sach-dien-tu'})\r\n            //     //     //   break;\r\n            //     //     default:\r\n            //     //       self.$router.push({path: '/sach-dien-tu'})\r\n            //     //       break;\r\n            //     //   }\r\n            //     // }\r\n            //   }\r\n            // })\r\n          }\r\n          else{\r\n            this.formErrors = res.errors;\r\n          }\r\n        }).catch(() => {console.log('a')});\r\n        \r\n        \t// alert(\"SUCCESS!! :-)\\n\\n\" + JSON.stringify(self.form));\r\n      },\r\n      switchVisibility() {\r\n        // console.log('abd',this.passwordFieldType)\r\n        this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'\r\n      },\r\n      \r\n      setGenderRegister(evt) {\r\n        // console.log('change', evt)\r\n        this.form.gender = evt.target.value;\r\n      },\r\n      setschoolTypeId(evt) {\r\n        // console.log('change', evt)\r\n        this.form.schoolTypeId = evt.target.value;\r\n      },\r\n\r\n      setDay(evt) {\r\n        // console.log('changeDay', evt)\r\n        this.birthDay = evt.target.value;\r\n        this.checkFillBirthDayDone();\r\n      },\r\n      setMonth(evt) {\r\n        // console.log('changeMonth', evt)\r\n        this.birthMonth = evt.target.value;\r\n        this.checkFillBirthDayDone();\r\n      },\r\n      setYear(evt) {\r\n        // console.log('changeYear', evt)\r\n        this.birthYear = evt.target.value;\r\n        this.checkPrimarySchoolStudent();\r\n        this.checkFillBirthDayDone();\r\n      },\r\n\r\n      checkPrimarySchoolStudent() {\r\n        if(this.birthYear && this.birthYear !== 0) {\r\n          let yearCurr = new Date().getFullYear();\r\n          this.isPrimarySchoolStudent = (parseInt(yearCurr) - parseInt(this.birthYear) > 11) ? false : true;\r\n        } else {\r\n          this.isPrimarySchoolStudent = false;\r\n        }\r\n      },\r\n\r\n      checkFillBirthDayDone() {\r\n        this.isFillBirthDayDone = this.birthDay && this.birthMonth && this.birthYear && this.birthDay != 0 && this.birthMonth != 0 && this.birthYear != 0 ? true : false;\r\n      },\r\n\r\n      handleFocusNoti(){\r\n        this.isShowNoti = false;\r\n      },\r\n      checkEmailExit(evt) {\r\n        this.isShowNoti = true;\r\n        let self = this;\r\n        let data = evt.target.value;\r\n        self.isEmailExits = false;\r\n        if(data) {\r\n          checkExitEmail({email: data}).then(res => {\r\n            self.isEmailExits = res && res.status === 'failed' ? true : false;\r\n          }).catch(err => console.error(err));\r\n        }\r\n      },\r\n      changeUserType(uType){\r\n        //this.onReset();\r\n        this.form.userType=uType;\r\n      },\r\n      // loginFast() {\r\n      //   var postData={\r\n      //     username: EMAIL_PUBLIC,\r\n      //     password: PASS_PUBLIC\r\n      //   }\r\n      //   let self = this;\r\n      //    let loginToken = this.authLogin(postData)\r\n      // }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n// .form-item{\r\n  .form-content{\r\n    ::placeholder { \r\n      color: #879AA9;\r\n    }\r\n    input{\r\n      color:#40505E;\r\n    }\r\n  }\r\n// }\r\n  ::placeholder { \r\n    font-size: 15px;\r\n  }\r\n  .register-title {\r\n    line-height: 1;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .name-register, .password-register {\r\n    .form-item {\r\n      width: 50%;\r\n\r\n      &:nth-child(odd) {\r\n        margin-right: 8px;\r\n      }\r\n\r\n      &:nth-child(even) {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .gender-list, .school-level-list {\r\n    padding: 0 30px;\r\n  }\r\n\r\n  .birthday {\r\n    &-item {\r\n      width: 31%;\r\n\r\n      select {\r\n        padding: 0 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .btn-register {\r\n    width: 185px;\r\n    height: 30px;\r\n    button{ \r\n      width:185px;\r\n      line-height: 14px;\r\n    }\r\n  }\r\n  .register-desc {line-height: 1.3;margin-bottom: 6px;}\r\n  .form-section {margin-bottom: 18px;}\r\n  .lbl-name {margin-bottom: 5px;}\r\n  .form-action {margin: 15px 0 20px;}\r\n  .form-content {margin-bottom: 8px;}\r\n  .register-page .nav-tabs {\r\n      \r\n  }\r\n  .register-page .tabs .nav-item:not(:last-child) {\r\n    margin-right: 10px;\r\n  }\r\n  .register-page .tabs .nav-item .nav-link {\r\n    font-family: sandisplaypro-semi;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n  }\r\n  .register-page .tabs .nav-item .nav-link.active {\r\n    color: #163fb3 !important;\r\n    border-bottom: 3px solid #163fb3;\r\n    background-color: #F3F6FB;\r\n  }\r\n  .register-page .tabs .nav-item .nav-link:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 4px;\r\n    border-radius: 8px 8px 0 0;\r\n    width: 0;\r\n  }  \r\n\r\n  .btn-trial2, .btn-trial2:hover{\r\n    background: #E1EFFF;\r\n    border-radius: 10px;\r\n    font-weight: bold;\r\n    letter-spacing: 1px;\r\n    padding: 10px 20px;\r\n    width: 100%;\r\n    text-align: center;\r\n    height: 44px;\r\n    color: #0F3DBA;\r\n  }\r\n</style>","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=4718c694&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=4718c694&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  \"4718c694\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}