{"version":3,"sources":["webpack:///./src/assets/images/logo/excise.png","webpack:///./src/views/pages/Login.vue?02fe","webpack:///./src/views/pages/Login.vue?bb97","webpack:///src/views/pages/Login.vue","webpack:///./src/views/pages/Login.vue?5c70","webpack:///./src/views/pages/Login.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","directives","name","rawName","value","expression","model","callback","$$v","username","errors","has","on","$event","type","indexOf","_k","keyCode","key","login","password","showPassword","checkbox_remember_me","validateForm","staticRenderFns","data","watch","val","x","document","getElementById","computed","any","methods","payload","userDetails","vm","$store","dispatch","loginWithGoogle","logout","notify","$vs","loginWithFacebook","loginWithTwitter","notifyAlreadyLogedIn","title","text","iconPack","icon","color","registerUser","$router","push","_this","firebaseCurrentUser","firebase","auth","currentUser","signOut","then","$acl","change","component"],"mappings":"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","file":"js/chunk-48dab771.a74a1a8b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/excise.b1ab47f2.png\";","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&id=7b7c8062&prod&lang=scss\"","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\",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 mx-auto self-center\"},[_c('vx-card',[_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\":require(\"../../assets/images/logo/excise.png\"),\"width\":\"60%\",\"height\":\"100%\",\"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(\"\\n                  โครงการเพิ่มประสิทธิภาพระบบควบคุม ตรวจสอบ\\n                  และติดตามการจำหน่ายน้ำมันดีเซลสำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร\\n                \")]),_c('p',[_vm._v(\"ลงชื่อเข้าใช้งาน\")])]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:1'),expression:\"'required|min:1'\"}],staticClass:\"w-full no-icon-border\",attrs:{\"name\":\"username\",\"icon\":\"icon icon-user\",\"icon-pack\":\"feather\",\"label-placeholder\":\"ชื่อผู้ใช้\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('username')),expression:\"errors.has('username')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(\"กรุณากรอกชื่อผู้ใช้\")]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:1'),expression:\"'required|min:1'\"}],staticClass:\"w-full mt-6 no-icon-border\",attrs:{\"id\":\"inputPassword\",\"type\":\"password\",\"name\":\"password\",\"icon\":\"icon icon-lock\",\"icon-pack\":\"feather\",\"label-placeholder\":\"รหัสผ่าน\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.login()}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('password')),expression:\"errors.has('password')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(\"กรุณากรอกรหัสผ่าน\")]),_c('div',{staticClass:\"flex flex-wrap justify-between my-5\"},[_c('vs-checkbox',{staticClass:\"mb-3\",model:{value:(_vm.showPassword),callback:function ($$v) {_vm.showPassword=$$v},expression:\"showPassword\"}},[_vm._v(\"แสดงรหัสผ่าน\")]),_c('vs-checkbox',{staticClass:\"mb-3\",model:{value:(_vm.checkbox_remember_me),callback:function ($$v) {_vm.checkbox_remember_me=$$v},expression:\"checkbox_remember_me\"}},[_vm._v(\"จำฉันไว้\")])],1),_c('vs-button',{staticClass:\"float-right mb-5\",attrs:{\"disabled\":!_vm.validateForm},on:{\"click\":_vm.login}},[_vm._v(\"เข้าสู่ระบบ\")])],1)])])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Login.vue\r\n    Description: Login Page\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n  <div class=\"h-screen flex w-full bg-img\" id=\"page-login\">\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>\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=\"../../assets/images/logo/excise.png\"\r\n                width=\"60%\"\r\n                height=\"100%\"\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\">\r\n                    โครงการเพิ่มประสิทธิภาพระบบควบคุม ตรวจสอบ\r\n                    และติดตามการจำหน่ายน้ำมันดีเซลสำหรับชาวประมงในเขตต่อเนื่องของราชอาณาจักร\r\n                  </h4>\r\n                  <p>ลงชื่อเข้าใช้งาน</p>\r\n                </div>\r\n                <vs-input\r\n                  v-validate=\"'required|min:1'\"\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                />\r\n                <span\r\n                  class=\"text-danger text-sm\"\r\n                  v-show=\"errors.has('username')\"\r\n                  >กรุณากรอกชื่อผู้ใช้</span\r\n                >\r\n\r\n                <vs-input\r\n                  id=\"inputPassword\"\r\n                  v-validate=\"'required|min:1'\"\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                  v-on:keyup.enter=\"login()\"\r\n                />\r\n\r\n                <span\r\n                  class=\"text-danger text-sm\"\r\n                  v-show=\"errors.has('password')\"\r\n                  >กรุณากรอกรหัสผ่าน</span\r\n                >\r\n\r\n                <div class=\"flex flex-wrap justify-between my-5\">\r\n                  <vs-checkbox v-model=\"showPassword\" class=\"mb-3\"\r\n                    >แสดงรหัสผ่าน</vs-checkbox\r\n                  >\r\n\r\n                  <vs-checkbox v-model=\"checkbox_remember_me\" class=\"mb-3\"\r\n                    >จำฉันไว้</vs-checkbox\r\n                  >\r\n                  <!-- <router-link to=\"/pages/forgot-password\"\r\n                    >Forgot Password?</router-link\r\n                  > -->\r\n                </div>\r\n                <!-- <div style=\"display: inline-block;\">\r\n                  <vs-button type=\"border\" @click=\"registerUser\"\r\n                    >Register</vs-button\r\n                  >\r\n                </div> -->\r\n                <vs-button\r\n                  class=\"float-right mb-5\"\r\n                  :disabled=\"!validateForm\"\r\n                  @click=\"login\"\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\r\n<script>\r\nimport firebase from \"firebase/app\";\r\nimport \"firebase/auth\";\r\nimport { BASE_URL } from \"../../constants/index\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      username: \"\",\r\n      password: \"\",\r\n      checkbox_remember_me: false,\r\n      showPassword: false,\r\n    };\r\n  },\r\n  watch: {\r\n    showPassword(val) {\r\n      const x = document.getElementById(\"inputPassword\");\r\n      if (x.type == \"password\") {\r\n        x.type = \"text\";\r\n      } else {\r\n        x.type = \"password\";\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    validateForm() {\r\n      return !this.errors.any() && this.username != \"\" && this.password != \"\";\r\n    },\r\n  },\r\n  methods: {\r\n    login() {\r\n      const payload = {\r\n        checkbox_remember_me: this.checkbox_remember_me,\r\n        userDetails: {\r\n          username: this.username,\r\n          password: this.password,\r\n        },\r\n        vm: this,\r\n      };\r\n      // console.log(BASE_URL);\r\n      // console.log(\"this is userdetail :\", payload);\r\n      this.$store.dispatch(\"auth/login\", payload);\r\n    },\r\n\r\n    // Google login\r\n    loginWithGoogle() {\r\n      this.logout();\r\n      this.$store.dispatch(\"auth/loginWithGoogle\", {\r\n        notify: this.$vs.notify,\r\n        vm: this,\r\n      });\r\n    },\r\n\r\n    // Facebook login\r\n    loginWithFacebook() {\r\n      this.logout();\r\n      this.$store.dispatch(\"auth/loginWithFacebook\", {\r\n        notify: this.$vs.notify,\r\n        vm: this,\r\n      });\r\n    },\r\n\r\n    // Twitter login\r\n    loginWithTwitter() {\r\n      this.logout();\r\n      this.$store.dispatch(\"auth/loginWithTwitter\", {\r\n        notify: this.$vs.notify,\r\n        vm: this,\r\n      });\r\n    },\r\n\r\n    notifyAlreadyLogedIn() {\r\n      this.$vs.notify({\r\n        title: \"Login Attempt\",\r\n        text: \"You are already logged in!\",\r\n        iconPack: \"feather\",\r\n        icon: \"icon-alert-circle\",\r\n        color: \"warning\",\r\n      });\r\n    },\r\n    registerUser() {\r\n      this.$router.push(\"/registration\");\r\n    },\r\n    logout() {\r\n      // if user is looged in via firebase\r\n      const firebaseCurrentUser = firebase.auth().currentUser;\r\n\r\n      if (firebaseCurrentUser) {\r\n        firebase\r\n          .auth()\r\n          .signOut()\r\n          .then(() => {\r\n            this.$router.push(\"/pages/login\");\r\n            // this.$router.go('/pages/login');\r\n            this.$store.dispatch(\"auth/logout\");\r\n          });\r\n      }\r\n      // Change role on logout. Same value as initialRole of acj.js\r\n      this.$acl.change(\"ROLE_VIEWER\");\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: #cc4410;\r\n    }\r\n    .bg-github {\r\n      background-color: #333;\r\n    }\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=7b7c8062\"\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=7b7c8062&prod&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"],"sourceRoot":""}