{"version":3,"sources":["webpack:///./src/views/pages/Login.vue?8ef3","webpack:///src/views/pages/Login.vue","webpack:///./src/views/pages/Login.vue?6903","webpack:///./src/views/pages/Login.vue","webpack:///./src/assets/loading.gif","webpack:///./src/views/pages/Login.vue?28d1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","slot","_v","on","$event","type","indexOf","_k","keyCode","key","onLogin","model","value","callback","$$v","username","expression","password","staticRenderFns","data","checkbox_remember_me","computed","watch","loading","$wait","start","error","setTimeout","title","text","isLoginSuccess","success","loginSuccess","created","methods","$store","dispatch","onRegister","$router","push","$acl","change","localStorage","setItem","component","module","exports"],"mappings":"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","file":"js/chunk-b127406e.527e32d4.js","sourcesContent":["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\",staticStyle:{\"background-image\":\"url(http://petrol.excise-online.com/images/bg-pattern.png)\"},attrs:{\"id\":\"page-login\"}},[_c('v-wait',{attrs:{\"for\":\"my-load\"}},[_c('template',{slot:\"waiting\"},[_c('div',{staticClass:\"h-full w-full loading\"},[_c('img',{staticClass:\"img-loading h-full w-full\",attrs:{\"src\":require(\"@/assets/loading.gif\")}})])])],2),_c('div',{staticClass:\"vx-col sm:w-1/2 md:w-1/2 lg:w-3/4 xl:w-3/5 mx-auto self-center\"},[_c('vx-card',{attrs:{\"card\":\"shadow\"}},[_c('div',{staticClass:\"full-page-bg-color\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col hidden sm:hidden md:hidden lg:block lg:w-1/2 mx-auto self-center\"},[_c('img',{staticClass:\"mx-auto\",attrs:{\"src\":\"http://petrol.excise-online.com/images/sappasammit.png\",\"alt\":\"login\"}})]),_c('div',{staticClass:\"vx-col sm:w-full md:w-full lg:w-1/2 mx-auto self-center d-theme-dark-bg\"},[_c('div',{staticClass:\"p-8\"},[_c('div',{staticClass:\"vx-card__title mb-8\"},[_c('h4',{staticClass:\"mb-4\"},[_vm._v(\"ระบบตรวจสอบเฝ้าระวังการจำหน่ายน้ำมัน\")]),_c('p',[_vm._v(\"สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร\")])]),_c('vs-input',{staticClass:\"w-full no-icon-border\",attrs:{\"required\":\"\",\"name\":\"username\",\"icon\":\"icon icon-user\",\"icon-pack\":\"feather\",\"label-placeholder\":\"ชื่อผู้ใช้งาน\"},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onLogin()}},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('vs-input',{staticClass:\"w-full mt-6 no-icon-border\",attrs:{\"required\":\"\",\"type\":\"password\",\"name\":\"password\",\"icon\":\"icon icon-lock\",\"icon-pack\":\"feather\",\"label-placeholder\":\"รหัสผ่าน\"},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onLogin()}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('vs-button',{staticClass:\"float-right my-10\",on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onLogin()},\"click\":_vm.onLogin}},[_vm._v(\"เข้าสู่ระบบ\")])],1)])])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"h-screen flex w-full\"\r\n    id=\"page-login\"\r\n    style=\"\r\n      background-image: url(http://petrol.excise-online.com/images/bg-pattern.png);\r\n    \"\r\n  >\r\n    <v-wait for=\"my-load\">\r\n      <template slot=\"waiting\">\r\n        <div class=\"h-full w-full loading\">\r\n          <img class=\"img-loading h-full w-full\" src=\"@/assets/loading.gif\" />\r\n        </div>\r\n      </template>\r\n\r\n      <!-- <button @click=\"load\">Load list again.</button> -->\r\n    </v-wait>\r\n\r\n    <div class=\"vx-col sm:w-1/2 md:w-1/2 lg:w-3/4 xl:w-3/5 mx-auto self-center\">\r\n      <vx-card card=\"shadow\">\r\n        <div slot=\"no-body\" class=\"full-page-bg-color\">\r\n          <div class=\"vx-row\">\r\n            <div\r\n              class=\"vx-col hidden sm:hidden md:hidden lg:block lg:w-1/2 mx-auto self-center\"\r\n            >\r\n              <img\r\n                src=\"http://petrol.excise-online.com/images/sappasammit.png\"\r\n                alt=\"login\"\r\n                class=\"mx-auto\"\r\n              />\r\n            </div>\r\n            <div\r\n              class=\"vx-col sm:w-full md:w-full lg:w-1/2 mx-auto self-center d-theme-dark-bg\"\r\n            >\r\n              <div class=\"p-8\">\r\n                <div class=\"vx-card__title mb-8\">\r\n                  <h4 class=\"mb-4\">ระบบตรวจสอบเฝ้าระวังการจำหน่ายน้ำมัน</h4>\r\n                  <p>สำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร</p>\r\n                </div>\r\n                <vs-input\r\n                  required\r\n                  name=\"username\"\r\n                  icon=\"icon icon-user\"\r\n                  icon-pack=\"feather\"\r\n                  label-placeholder=\"ชื่อผู้ใช้งาน\"\r\n                  v-model=\"username\"\r\n                  class=\"w-full no-icon-border\"\r\n                  @keypress.enter=\"onLogin()\"\r\n                />\r\n                <vs-input\r\n                  required\r\n                  type=\"password\"\r\n                  name=\"password\"\r\n                  icon=\"icon icon-lock\"\r\n                  icon-pack=\"feather\"\r\n                  label-placeholder=\"รหัสผ่าน\"\r\n                  v-model=\"password\"\r\n                  class=\"w-full mt-6 no-icon-border\"\r\n                  @keypress.enter=\"onLogin()\"\r\n                />\r\n                <!-- <div class=\"flex flex-wrap justify-between my-5\">\r\n                  <vs-checkbox v-model=\"checkbox_remember_me\"\r\n                    >จดจำรหัสผ่าน</vs-checkbox\r\n                  >\r\n                  <router-link>ลืมรหัสผ่าน?</router-link>\r\n                </div> -->\r\n                <vs-button\r\n                  class=\"float-right my-10\"\r\n                  @keypress.enter=\"onLogin()\"\r\n                  @click=\"onLogin\"\r\n                  >เข้าสู่ระบบ</vs-button\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </vx-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport _ from \"lodash\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      username: \"\",\r\n      password: \"\",\r\n      checkbox_remember_me: false,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      loading: (state) => state.auth.loading,\r\n      error: (state) => state.auth.error,\r\n      isLoginSuccess: (state) => state.auth.isLoginSuccess,\r\n    }),\r\n  },\r\n  watch: {\r\n    loading(loading) {\r\n      if (loading) {\r\n        this.$wait.start(\"my-load\");\r\n        // this.$vs.loading();\r\n      } else {\r\n        // this.$wait.end(\"my-load\");\r\n        // this.$vs.loading.close();\r\n      }\r\n    },\r\n    error(error) {\r\n      setTimeout(() => {\r\n        this.$wait.end(\"my-load\");\r\n        if (!_.isEmpty(error)) {\r\n          this.$fire({\r\n            type: \"error\",\r\n            title: \"เข้าสู่ระบบไม่สำเร็จ\",\r\n            text: \"กรุณาตรวจสอบข้อมูลให้ถูกต้อง\",\r\n          });\r\n        }\r\n      }, 1000);\r\n    },\r\n    isLoginSuccess(success) {\r\n      if (success) {\r\n        this.loginSuccess();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$wait.start(\"my-load\");\r\n    setTimeout(() => {\r\n      this.$wait.end(\"my-load\");\r\n    }, 2000);\r\n  },\r\n  methods: {\r\n    onLogin() {\r\n      this.$store.dispatch(\"login\", {\r\n        username: this.username,\r\n        password: this.password,\r\n      });\r\n    },\r\n    onRegister() {\r\n      this.$router.push(\"/\");\r\n    },\r\n    loginSuccess() {\r\n      if (this.username == \"admin\") {\r\n        this.$acl.change(\"admin\");\r\n        localStorage.setItem(\"userRole\", \"admin\");\r\n      } else {\r\n        this.$acl.change(\"user\");\r\n        localStorage.setItem(\"userRole\", \"user\");\r\n      }\r\n      this.$router.push(\"/\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#page-login {\r\n  .social-login {\r\n    .bg-facebook {\r\n      background-color: #1551b1;\r\n    }\r\n    .bg-twitter {\r\n      background-color: #00aaff;\r\n    }\r\n    .bg-google {\r\n      background-color: #1551b1;\r\n    }\r\n    .bg-github {\r\n      background-color: #333;\r\n    }\r\n  }\r\n}\r\n.loading {\r\n  z-index: 1000;\r\n  display: flex;\r\n  justify-items: center;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: absolute;\r\n  background: rgba($color: #000000, $alpha: 0.3);\r\n}\r\n.img-loading {\r\n  z-index: 1000;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=e5f6e43c&\"\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","module.exports = __webpack_public_path__ + \"img/loading.ed830b22.gif\";","import mod from \"-!../../../node_modules/@vue/cli-service/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/lib/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/@vue/cli-service/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/lib/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":""}