{"version":3,"sources":["webpack:///./src/views/Login.vue?98d4","webpack:///./src/views/Login.vue?d0c6","webpack:///src/views/Login.vue","webpack:///./src/views/Login.vue?5da6","webpack:///./src/views/Login.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","model","value","callback","$$v","email","expression","on","$event","type","indexOf","_k","keyCode","key","loginUser","password","statusLogin","_s","loginFail","_e","staticRenderFns","data","computed","methods","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,CAACH,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,gCAAgCC,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,IAAM,EAAQ,aAA6BH,EAAG,QAAQ,CAACE,YAAY,cAAcC,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,KAAK,CAACJ,EAAIQ,GAAG,iBAAiBJ,EAAG,MAAMA,EAAG,QAAQ,CAACE,YAAY,YAAYC,MAAM,CAAC,GAAK,IAAI,YAAY,MAAM,CAACH,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQ,SAAS,YAAY,QAAQ,YAAa,IAAO,CAACH,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,QAAQ,YAAc,QAAQ,SAAW,IAAIE,MAAM,CAACC,MAAOV,EAAS,MAAEW,SAAS,SAAUC,GAAMZ,EAAIa,MAAMD,GAAKE,WAAW,YAAY,GAAGV,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQ,YAAY,YAAY,QAAQ,YAAa,IAAO,CAACH,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,WAAW,KAAO,WAAW,YAAc,WAAW,SAAW,IAAIQ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQlB,EAAImB,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,SAAkB,KAAcrB,EAAIsB,cAAcb,MAAM,CAACC,MAAOV,EAAY,SAAEW,SAAS,SAAUC,GAAMZ,EAAIuB,SAASX,GAAKE,WAAW,eAAe,GAAqB,QAAjBd,EAAIwB,YAAqBpB,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIQ,GAAGR,EAAIyB,GAAGzB,EAAI0B,cAAc1B,EAAI2B,MAAM,GAAGvB,EAAG,WAAW,CAACE,YAAY,WAAWS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIsB,eAAe,CAACtB,EAAIQ,GAAG,kBAAkB,IAAI,IAAI,IAAI,IAC15CoB,EAAkB,G,gDC+BtB,GACEC,KADF,WAEI,MAAO,CACLhB,MAAO,GACPU,SAAU,GACVG,UAAW,yBAGfI,SAAU,OAAZ,OAAY,CAAZ,GACA,wCAEEC,QAAS,OAAX,OAAW,CAAX,kBACA,kCADA,IAEI,UAFJ,WAEA,8KACA,6CADA,OACA,EADA,OAEA,eACA,eACA,oBAJA,iDC7C+U,I,wBCQ3UC,EAAY,eACd,EACAjC,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAI,E","file":"js/chunk-368b8716.6daa3a1e.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!./Login.vue?vue&type=style&index=0&id=675e993a&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(\"เข้าสู่ระบบ\")]),_c('br'),_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\":\"email\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"id\":\"password\",\"type\":\"password\",\"placeholder\":\"รหัสผ่าน\",\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.loginUser()}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),(_vm.statusLogin=='fail')?_c('p',{staticClass:\"errText\"},[_vm._v(_vm._s(_vm.loginFail))]):_vm._e()],1),_c('b-button',{staticClass:\"loginBtn\",on:{\"click\":function($event){return _vm.loginUser()}}},[_vm._v(\"เข้าสู่ระบบ\")])],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          <br>\n          <b-col md=\"6\" offset-md=\"3\" class=\"formLogin\">\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=\"email\" :horizontal=\"true\">\n              <b-form-input id=\"password\" type=\"password\" v-model=\"password\"\n              placeholder=\"รหัสผ่าน\" required @keyup.enter=\"loginUser()\">\n              </b-form-input>\n            </b-form-group>\n            <p v-if=\"statusLogin=='fail'\" class=\"errText\">{{loginFail}}</p>\n          </b-col>\n          <b-button class=\"loginBtn\" @click=\"loginUser()\">เข้าสู่ระบบ</b-button>\n        </b-col>\n      </b-row>\n    </b-container>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex';\n\nexport default {\n  data() {\n    return {\n      email: '',\n      password: '',\n      loginFail: 'อีเมลหรือรหัสผ่านผิด',\n    };\n  },\n  computed: {\n    ...mapGetters('User', ['statusLogin']),\n  },\n  methods: {\n    ...mapActions('User', ['login']),\n    async loginUser() {\n      const loginResult = await this.login({ email: this.email, password: this.password });\n      console.log(loginResult);\n      if (loginResult === 'success') {\n        this.$router.push('/');\n      }\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  .loginBtn {\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!./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=675e993a&scoped=true&\"\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&id=675e993a&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  \"675e993a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}