{"version":3,"sources":["webpack:///./src/assets/images/pages/login.png","webpack:///./src/views/user/Login.vue?16ca","webpack:///src/views/user/Login.vue","webpack:///./src/views/user/Login.vue?acc0","webpack:///./src/views/user/Login.vue?7d39","webpack:///./src/views/user/Login.vue?64ab"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","_s","systemConfig","universityName","$t","requestCount","_e","model","value","form","callback","$$v","$set","expression","tempDisableLogin","inputPasswordType","on","$event","type","indexOf","_k","keyCode","key","handleLogin","passwordIcon","togglePasswordVisibility","staticStyle","contactInfo","staticRenderFns","store","getterType","mutationType","data","username","password","rememberMe","cooldoownInterval","coolDownTimeRemain","contact","line1","line2","passwordVisible","computed","coolDownTime","methods","watch","currentUser","val","id","length","setTimeout","loginStatus","$vs","notify","component"],"mappings":"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","file":"js/chunk-33779261.4500a2b9.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/login.d814adb7.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-screen flex w-full bg-img vx-row no-gutter items-center justify-center\",attrs:{\"id\":\"page-login\"}},[_c('div',{staticClass:\"vx-col sm:w-1/2 md:w-1/2 lg:w-3/4 xl:w-3/5 sm:m-0 m-4\"},[_c('vx-card',[_c('div',{staticClass:\"full-page-bg-color\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"vx-row no-gutter justify-center items-center\"},[_c('div',{staticClass:\"vx-col hidden lg:block lg:w-1/2\"},[_c('img',{staticClass:\"mx-auto\",attrs:{\"alt\":\"login\",\"src\":require(\"@/assets/images/pages/login.png\")}})]),_c('div',{staticClass:\"vx-col sm:w-full md:w-full lg:w-1/2 d-theme-dark-bg\"},[_c('div',{staticClass:\"p-8 login-tabs-container\"},[_c('div',{staticClass:\"vx-card__title mb-8\"},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.systemConfig.universityName))]),_c('h4',{staticClass:\"mb-4\"},[_vm._v(_vm._s(_vm.$t('user.login-title')))]),_c('p',{staticClass:\"mb-4\"},[_vm._v(_vm._s(_vm.$t('user.login-sub-title')))]),(_vm.requestCount > 1)?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"Login attemp \"+_vm._s(_vm.requestCount - 1))]):_vm._e()]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('form',[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":_vm.$t('user.username'),\"name\":\"email\"},model:{value:(_vm.form.username),callback:function ($$v) {_vm.$set(_vm.form, \"username\", $$v)},expression:\"form.username\"}}),_c('div',{staticClass:\"inline-flex w-full align-item-bottom\"},[_c('vs-input',{staticClass:\"w-full mt-6\",attrs:{\"disabled\":_vm.tempDisableLogin,\"label-placeholder\":_vm.$t('user.password'),\"autocomplete\":\"off\",\"name\":\"password\",\"type\":_vm.inputPasswordType},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.handleLogin($event)}},model:{value:(_vm.form.password),callback:function ($$v) {_vm.$set(_vm.form, \"password\", $$v)},expression:\"form.password\"}}),_c('vs-button',{staticClass:\"mt-auto ml-1\",attrs:{\"color\":\"primary\",\"type\":\"flat\",\"icon-pack\":\"feather\",\"icon\":_vm.passwordIcon},on:{\"click\":_vm.togglePasswordVisibility}})],1),_c('vs-button',{staticClass:\"float-right mt-4 mb-5\",attrs:{\"disabled\":_vm.tempDisableLogin},on:{\"click\":_vm.handleLogin}},[_vm._v(\" \"+_vm._s(_vm.$t('user.login'))+\" \")])],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex flex-wrap justify-end\"},[_c('span',{staticClass:\"text-right\",staticStyle:{\"white-space\":\"pre-wrap\"}},[_vm._v(_vm._s(_vm.systemConfig.contactInfo))])])])])])])])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"page-login\" class=\"h-screen flex w-full bg-img vx-row no-gutter items-center justify-center\">\n    <div class=\"vx-col sm:w-1/2 md:w-1/2 lg:w-3/4 xl:w-3/5 sm:m-0 m-4\">\n      <vx-card>\n        <div slot=\"no-body\" class=\"full-page-bg-color\">\n          <div class=\"vx-row no-gutter justify-center items-center\">\n            <div class=\"vx-col hidden lg:block lg:w-1/2\">\n              <img alt=\"login\" class=\"mx-auto\" src=\"@/assets/images/pages/login.png\">\n            </div>\n            <div class=\"vx-col sm:w-full md:w-full lg:w-1/2 d-theme-dark-bg\">\n              <div class=\"p-8 login-tabs-container\">\n                <div class=\"vx-card__title mb-8\">\n                  <h4 class=\"mb-2\">{{systemConfig.universityName}}</h4>\n                  <h4 class=\"mb-4\">{{ $t('user.login-title') }}</h4>\n                  <p class=\"mb-4\">{{ $t('user.login-sub-title') }}</p>\n                  <span v-if=\"requestCount > 1\" class=\"text-danger\">Login attemp {{ requestCount - 1 }}</span>\n                </div>\n                <div class=\"vx-row\">\n                  <div class=\"vx-col w-full\">\n                    <form>\n                      <vs-input\n                        v-model=\"form.username\"\n                        :label-placeholder=\"$t('user.username')\"\n                        class=\"w-full\"\n                        name=\"email\"/>\n\n                      <div class=\"inline-flex w-full align-item-bottom\">\n                        <vs-input\n                          v-model=\"form.password\"\n                          :disabled=\"tempDisableLogin\"\n                          :label-placeholder=\"$t('user.password')\"\n                          autocomplete=\"off\"\n                          class=\"w-full mt-6\"\n                          name=\"password\"\n                          :type=\"inputPasswordType\"\n                          @keyup.enter=\"handleLogin\"\n                        />\n                        <vs-button\n                          class=\"mt-auto ml-1\"\n                          color=\"primary\"\n                          type=\"flat\"\n                          icon-pack=\"feather\"\n                          :icon=\"passwordIcon\"\n                          @click=\"togglePasswordVisibility\"\n                        ></vs-button>\n                      </div>\n\n                      <!--                    <div class=\"flex flex-wrap justify-end my-5\">-->\n                      <!-- <vs-checkbox class=\"mb-3\" v-model=\"form.rememberMe\">{{$t('user.remember-me')}}</vs-checkbox> -->\n                      <!--                    <router-link to=\"/user/forgot-password\">{{$t('user.forgot-password-question')}}</router-link>-->\n                      <!--                    </div>-->\n                      <!-- <vs-button type=\"border\" to=\"/user/register\">{{$t('user.register')}}</vs-button> -->\n\n                      <vs-button\n                        :disabled=\"tempDisableLogin\"\n                        class=\"float-right mt-4 mb-5\"\n                        @click=\"handleLogin\">\n                        {{ $t('user.login') }}\n                      </vs-button>\n                      <!--\n                      <vs-divider>{{$t('user.or')}}</vs-divider>\n                      <div class=\"social-login-buttons flex flex-wrap items-center mt-4\">\n                        <! -- facebook -- >\n                        <div class=\"bg-facebook pt-3 pb-2 px-4 rounded-lg cursor-pointer mr-4\">\n                          <svg aria-hidden=\"true\" class=\"text-white h-4 w-4 svg-inline--fa fa-facebook-f fa-w-9\"\n                               data-icon=\"facebook-f\" data-prefix=\"fab\"\n                               focusable=\"false\" role=\"img\"\n                               viewBox=\"0 0 264 512\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path\n                              d=\"M215.8 85H264V3.6C255.7 2.5 227.1 0 193.8 0 124.3 0 76.7 42.4 76.7 120.3V192H0v91h76.7v229h94V283h73.6l11.7-91h-85.3v-62.7c0-26.3 7.3-44.3 45.1-44.3z\"\n                              fill=\"currentColor\"></path>\n                          </svg>\n                        </div>\n                        <! -- TWITTER -- >\n                        <div class=\"bg-twitter pt-3 pb-2 px-4 rounded-lg cursor-pointer mr-4\">\n                          <svg aria-hidden=\"true\" class=\"text-white h-4 w-4 svg-inline--fa fa-twitter fa-w-16\"\n                               data-icon=\"twitter\" data-prefix=\"fab\"\n                               focusable=\"false\" role=\"img\"\n                               viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path\n                              d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"\n                              fill=\"currentColor\"></path>\n                          </svg>\n                        </div>\n                        <! -- GOOGLE -- >\n                        <div class=\"bg-google pt-3 pb-2 px-4 rounded-lg cursor-pointer mr-4\">\n                          <svg aria-hidden=\"true\" class=\"text-white h-4 w-4 svg-inline--fa fa-google fa-w-16\"\n                               data-icon=\"google\" data-prefix=\"fab\"\n                               focusable=\"false\" role=\"img\"\n                               viewBox=\"0 0 488 512\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path\n                              d=\"M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z\"\n                              fill=\"currentColor\"></path>\n                          </svg>\n                        </div>\n                        <! -- GITHUB -- >\n                        <div class=\"bg-github pt-3 pb-2 px-4 rounded-lg cursor-pointer mr-4\">\n                          <svg aria-hidden=\"true\" class=\"text-white h-4 w-4 svg-inline--fa fa-github-alt fa-w-15\"\n                               data-icon=\"github-alt\" data-prefix=\"fab\"\n                               focusable=\"false\" role=\"img\"\n                               viewBox=\"0 0 480 512\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path\n                              d=\"M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z\"\n                              fill=\"currentColor\"></path>\n                          </svg>\n                        </div>\n                      </div> -->\n                    </form>\n                  </div>\n                </div>\n                <div class=\"vx-row\">\n                  <div class=\"vx-col w-full\">\n                    <div class=\"flex flex-wrap justify-end\">\n                      <span style=\"white-space: pre-wrap;\" class=\"text-right\">{{ systemConfig.contactInfo }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </vx-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {createNamespacedHelpers} from 'vuex';\nimport {createHelpers} from 'vuex-map-fields';\nimport {serverResponseStatusSet} from \"@/utils/notification\";\nimport Swal from 'sweetalert2'\n\nimport store from '@/store';\nimport user from '@/store/modules/user';\nimport systemConfig from '@/store/modules/system/system-config';\n\nif (!store.state.user) store.registerModule(`User`, user);\nif (!store.state.systemConfig) store.registerModule(`systemConfig`, systemConfig);\n\nconst {mapFields: mapUserFields} = createHelpers({\n  getterType: `User/getField`,\n  mutationType: `User/updateField`,\n});\nconst {mapFields: mapSystemConfigFields} = createHelpers({\n  getterType: `systemConfig/getField`,\n  mutationType: `systemConfig/updateField`,\n});\n\nconst {\n  mapActions: mapUserActions,\n} = createNamespacedHelpers(`User`);\nconst {\n  mapActions: mapSystemConfigActions,\n} = createNamespacedHelpers(`systemConfig`);\n\nexport default {\n  data() {\n    return {\n      form: {\n        // email: \"\",\n        username: \"\",\n        password: \"\",\n        rememberMe: false,\n      },\n      requestCount: 0,\n      cooldoownInterval: null,\n      coolDownTimeRemain: 0,\n      tempDisableLogin: false,\n      contact: {\n        line1: '',\n        line2: ''\n      },\n      passwordVisible: false,\n      systemConfig: {},\n    }\n  },\n  computed: {\n    ...mapUserFields([\"currentUser\", \"processing\", \"loginError\", \"loginStatus\"]),\n    ...mapSystemConfigFields({\"systemConfigProcessing\": \"processing\"}),\n    coolDownTime() {\n      return ((this.requestCount > 5 ? this.requestCount - 5 : this.requestCount) * 10);\n    },\n    inputPasswordType() {\n      return this.passwordVisible ? 'text' : 'password'\n    },\n    passwordIcon() {\n      return this.passwordVisible ? 'icon icon-eye-off' : 'icon icon-eye'\n    }\n  },\n  methods: {\n    ...mapUserActions([\"login\"]),\n    ...mapSystemConfigActions([\"getSystemConfigWestern\",\"getSystemConfigNation\"]),\n    async handleLogin() {\n      if (!this.tempDisableLogin) {\n        if (this.requestCount < 5) {\n          this.requestCount += 1;\n          let result = await this.login({\n            credential: {\n              // email: this.form.email,\n              username: this.form.username,\n              password: this.form.password\n            }, vm: this\n          });\n\n          // if have outstanding month then show alert\n          if (result) {\n            if(Array.isArray(result) && result.length > 0) {\n              result = result[0]\n            }\n            if(result){\n              const link = result.linkToXRegis;\n              if (result.isOutstanding) {\n                let message = '';\n                result.outstandingMonth.forEach(e => {\n                  message += '<p>'\n                    + this.$t('general.time.month')\n                    + ' <b>' + e.monthName + '</b>'\n                    + ' ' + this.$t('general.time.year')\n                    + ' <b>' + e.yearTh + '</b>'\n                    + '</p>'\n                })\n\n                Swal.fire({\n                  title: this.$t('user.you-have-outstanding-balance-title'),\n                  icon: 'warning',\n                  html: message,\n                  confirmButtonText: this.$t('user.go-to-x-regis'),\n                }).then((result) => {\n                  if (result.isConfirmed) {\n                    window.open(link, \"_blank\");\n                  }\n                })\n              }\n\n              //if have overdue document upload then show alert\n              if (result.isStudentDocumentOffLimit) {\n                Swal.fire({\n                  title: this.$t('user.you-have-document-to-upload-title'),\n                  icon: 'warning',\n                  html: this.$t('user.you-have-document-to-upload-message'),\n                  confirmButtonText: this.$t('user.go-to-x-regis-to-upload'),\n                }).then((result) => {\n                  if (result.isConfirmed) {\n                    window.open(link, \"_blank\");\n                  }\n                })\n              }\n            }\n          }\n\n        } else if (this.requestCount >= 5) {\n          this.tempDisableLogin = true;\n          this.requestCount += 1;\n          this.coolDownTimeRemain = this.coolDownTime;\n\n          this.cooldoownInterval = setInterval(() => {\n            if (this.coolDownTimeRemain === 0) {\n              this.requestCount = 0;\n              this.tempDisableLogin = false;\n              clearInterval(this.cooldownInterval);\n            } else {\n              Math.max(this.coolDownTimeRemain -= 1, 0);\n            }\n          }, 1000);\n\n          this.$store.commit(\"User/setLoginStatus\",\n            serverResponseStatusSet(\n              \"Authentication Error\",\n              {\n                status: {\n                  error: true,\n                  successa: false,\n                  message: \"Error too many request.. Please await a few minutes before login again in \" + (Math.round(this.coolDownTimeRemain)) + \" seconds\",\n                  code: 429,\n                }\n              })\n          );\n        }\n      }\n    },\n    togglePasswordVisibility() {\n      this.passwordVisible = !this.passwordVisible;\n    },\n    async initData(){\n      const url = window.location.href\n      if(url.includes(\"western\")){\n        this.systemConfig = await this.getSystemConfigWestern()\n      }else if(url.includes(\"nation\")) {\n        this.systemConfig = await this.getSystemConfigNation()\n      }else{\n        this.systemConfig = {}\n      }\n\n      /*if (window.location.hostname.includes('western')) {\n        this.contact = {\n          line1: this.$t('user.western-contact-info-line-1'),\n          line2: this.$t('user.western-contact-info-line-2')\n        }\n      } else if (window.location.hostname.includes('nation')) {\n        this.contact = {\n          line1: this.$t('user.nation-contact-info-line-1'),\n          line2: this.$t('user.nation-contact-info-line-2')\n        }\n      } else {\n        this.contact = {\n          line1: this.$t('user.western-contact-info-line-1'),\n          line2: this.$t('user.western-contact-info-line-2')\n        }\n      }*/\n    },\n  },\n  watch: {\n    currentUser(val) {\n      if (val && val.id && val.id.length > 0) {\n        setTimeout(() => {\n          this.$router.push(\"/\");\n        }, 200);\n      }\n    },\n    loginStatus(val) {\n      if (val != null) {\n        this.$vs.notify({...val});\n      }\n    }\n  },\n  async beforeMount() {\n    await this.initData();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n#page-login {\n  .social-login-buttons {\n    .bg-facebook {\n      background-color: #1551b1\n    }\n\n    .bg-twitter {\n      background-color: #00aaff\n    }\n\n    .bg-google {\n      background-color: #4285F4\n    }\n\n    .bg-github {\n      background-color: #333\n    }\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!./Login.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!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=68e9b483&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&lang=scss&\"\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/dist/cjs.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!./Login.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Login.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}