{"version":3,"sources":["webpack:///./src/views/auth/ForgotPassword.vue?bb72","webpack:///./src/views/auth/ForgotPassword.vue?8595","webpack:///src/views/auth/ForgotPassword.vue","webpack:///./src/views/auth/ForgotPassword.vue?b7ba","webpack:///./src/views/auth/ForgotPassword.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","_v","attrs","on","$event","preventDefault","SubmitEmail","apply","arguments","directives","name","rawName","value","expression","domProps","$v","email","$touch","target","composing","$dirty","required","_e","$invalid","isEmailInExits","staticRenderFns","data","status","validations","methods","checkEmailExit","evt","self","checkExitEmail","catch","e","checkEmailForgot","url","then","path","component"],"mappings":"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","file":"js/chunk-1a6d4c08.b28c78cb.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!./ForgotPassword.vue?vue&type=style&index=0&id=8608d106&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-login justify-content-center\"},[_vm._m(0),_c('div',{staticClass:\"col-xl-3 col-lg-4 col-md-5 col-10 login-form\"},[_c('div',{staticClass:\"text-center col-12\"},[_c('h2',{staticClass:\"text-left mb-5\",staticStyle:{\"font-size\":\"26px\"}},[_vm._v(\"Quên mật khẩu\")]),_c('div',{staticClass:\"text-left\",staticStyle:{\"font-size\":\"13px\",\"color\":\"#879AA9\"}},[_vm._v(\"Chúng tôi sẽ gửi quy trình đặt lại mật khẩu đến email của bạn.\")]),_c('form',{attrs:{\"action\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.SubmitEmail.apply(null, arguments)}}},[_c('div',{staticClass:\"text-left form-group\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Email\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"form-control input-email\",attrs:{\"type\":\"email\",\"id\":\"email\",\"placeholder\":\"Email của bạn\"},domProps:{\"value\":(_vm.email)},on:{\"blur\":function($event){return _vm.$v.email.$touch()},\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}}),(_vm.$v.email.$dirty && !_vm.$v.email.required)?_c('span',{staticClass:\"error font-size-14 color-err display-block\"},[_vm._v(\"Vui lòng điền email\")]):_vm._e(),(!_vm.$v.email.email)?_c('span',{staticClass:\"error font-size-14 color-err display-block\"},[_vm._v(\"Định dạng email chưa đúng\")]):_vm._e(),(_vm.isEmailInExits)?_c('span',{staticClass:\"error font-size-14 color-err display-block\"},[_vm._v(\"Email này chưa được đăng ký\")]):_vm._e()]),_c('div',{staticClass:\"text-right form-group form-action\"},[_c('router-link',{staticClass:\"font-size-15 primary-color\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"to\":\"/\",\"exact\":\"\"}},[_vm._v(\"Hủy\")]),_c('button',{staticClass:\"btn btn-primary btn-access\",attrs:{\"disabled\":_vm.$v.email.$invalid || _vm.isEmailInExits}},[_vm._v(\"Xác nhận\")])],1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 logo-register\"},[_c('div',{staticClass:\"center\"},[_c('a',{attrs:{\"href\":\"/\",\"title\":\"Hành trang số\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/logo_hts_1.png\"),\"alt\":\"Hành trang số\"}})])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrap-login justify-content-center\">\r\n      <div class=\"col-12 logo-register\">\r\n          <div class=\"center\">\r\n            <a href=\"/\" title=\"Hành trang số\">\r\n               <img src=\"@/assets/images/logo_hts_1.png\" alt=\"Hành trang số\">\r\n             </a>\r\n          </div>\r\n      </div>\r\n      <div class=\"col-xl-3 col-lg-4 col-md-5 col-10 login-form\">\r\n          <div class=\"text-center col-12\">\r\n            <h2 class=\"text-left mb-5\" style=\"font-size: 26px;\">Quên mật khẩu</h2>\r\n            <div class=\"text-left\" style=\"font-size:13px; color:#879AA9;\">Chúng tôi sẽ gửi quy trình đặt lại mật khẩu đến email của bạn.</div>\r\n            <form action=\"\" @submit.prevent=\"SubmitEmail\">\r\n                <div class=\"text-left form-group\">\r\n                  <label for=\"\">Email</label><br>\r\n                  <input \r\n                      type=\"email\" \r\n                      id=\"email\" \r\n                      class=\"form-control input-email\" \r\n                      placeholder=\"Email của bạn\"\r\n                      v-model=\"email\"\r\n                      @blur=\"$v.email.$touch()\"\r\n                    >\r\n                    <span class=\"error font-size-14 color-err display-block\" v-if=\"$v.email.$dirty && !$v.email.required\">Vui lòng điền email</span>\r\n                    <span class=\"error font-size-14 color-err display-block\" v-if=\"!$v.email.email\">Định dạng email chưa đúng</span>\r\n                    <span class=\"error font-size-14 color-err display-block\" v-if=\"isEmailInExits\">Email này chưa được đăng ký</span>\r\n                </div>\r\n                <!-- <div class=\"form-group\">\r\n                  <h5>Bạn chưa nhận được email? <a href=\"\" style=\"color:#124ABE;\">Gửi lại</a></h5>\r\n                </div> -->\r\n                <div class=\"text-right form-group form-action\">\r\n                  <router-link to=\"/\" class=\"font-size-15 primary-color\" style=\"margin-right:10px;\" exact>Hủy</router-link>\r\n                  <!-- <router-link to=\"/quen-mat-khau/mat-khau-moi\" class=\"btn btn-primary btn-access\" :disabled=\"$v.email.$invalid || isEmailInExits\" exact>Xác nhận</router-link> -->\r\n                  <button class=\"btn btn-primary btn-access\" :disabled=\"$v.email.$invalid || isEmailInExits\">Xác nhận</button>\r\n                </div>\r\n            </form>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { required, email } from 'vuelidate/lib/validators'\r\n  import { checkExitEmail } from '@/store/auth/api'\r\n  import { checkEmailForgot } from '@/store/auth/api'\r\n  import { APP_CONFIG } from \"@/utils/constants\";\r\nexport default {\r\n  name:\"ForgotPassword\",\r\n  data () {\r\n    return {\r\n      isEmailInExits: false,\r\n      status: false,\r\n      email: ''\r\n    }\r\n  },\r\n  validations:{\r\n    email:{\r\n      required,\r\n      email,\r\n    },\r\n  },\r\n  methods: {\r\n\r\n    checkEmailExit(evt) {\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    SubmitEmail(e){\r\n      if (this.$v.$invalid) {\r\n        return;\r\n      }\r\n\r\n       checkEmailForgot({ email: this.email, url: window.location.origin +\"/quen-mat-khau/mat-khau-moi\"})\r\n        .then(res => {\r\n            if (res.status === \"success\") {\r\n              this.$toast.success(\"Vui lòng truy cập email của bạn để xác nhận khôi phục mật khẩu\");\r\n              this.$router.push({ path: '/' })\r\n            }\r\n        })\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .wrap-login {height: 100vh;\r\n    min-height: 600px;}\r\n  .login-form{\r\n    background-color: #f3f6fb;\r\n    border-radius: 8px;\r\n    margin: auto;\r\n    padding-bottom: 20px;\r\n    .text-center{\r\n      .mb-5 {\r\n          margin-bottom: 1rem !important;\r\n      }\r\n      h2{\r\n        font-weight: bold;\r\n        color: #40505E;\r\n        padding-top: 35px;\r\n      }\r\n      h5{\r\n        font-size: 14px;\r\n        color: #879AA9;\r\n        text-align: left;\r\n      }\r\n      .input-email{\r\n        border-radius: 20px;\r\n        border: 0;\r\n        height: 30px;\r\n        line-height: 30px;\r\n      }\r\n      label{\r\n        color: #879AA9;\r\n      }\r\n      button{\r\n        font-size: 14px;\r\n      }\r\n      .btn-close{\r\n        background-color: #f3f6fb;\r\n        border-radius: 20px;\r\n        border:1px solid #f3f6fb;\r\n        color: #124ABE;\r\n        height: 30px;\r\n        line-height: 15px;\r\n      }\r\n      .btn-access{\r\n        height: 30px;\r\n        line-height: 15px;\r\n        padding-left: 25px;\r\n        padding-right: 25px;\r\n        border-radius: 20px;\r\n        background-color: #0F3DBA;\r\n      }\r\n      .auth__input{\r\n        border-radius: 20px;\r\n        border: 1px solid #f3f6fb;\r\n        height: 30px;\r\n      }\r\n      ::-webkit-input-placeholder { /* Edge */\r\n          color: #879AA9;\r\n          font-size: 13px;\r\n      }\r\n      .auth__btn{\r\n        height: 30px;\r\n        background-color: #124ABE;\r\n        line-height: 15px;\r\n      }\r\n      .pd-top{\r\n        padding-top: 20px;\r\n        margin-bottom: 0;\r\n        \r\n      }\r\n      .forgot-pwd{\r\n        font-size: 14px;\r\n            color: #879AA9;\r\n        a{\r\n          color: #124ABE;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .logo-register{\r\n    padding-top: 50px;\r\n    .center{\r\n      padding-top:10px;\r\n      padding-bottom: 50px;\r\n      img {\r\n        display: block;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        height: 48px;\r\n      }\r\n    }\r\n  }\r\n \r\n  @media (max-width: 1440px){\r\n      .col-xl-3.col-lg-4.col-md-5.col-10.login-form {\r\n        max-width: 388px;\r\n      }\r\n    \r\n  }\r\n  @media (max-width: 425px){\r\n      .col-xl-3.col-lg-4.col-md-5.col-10.login-form {\r\n        max-width: 308px;\r\n      }\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!./ForgotPassword.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!./ForgotPassword.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ForgotPassword.vue?vue&type=template&id=8608d106&scoped=true&\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js&\"\nexport * from \"./ForgotPassword.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ForgotPassword.vue?vue&type=style&index=0&id=8608d106&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  \"8608d106\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}