{"version":3,"sources":["webpack:///./src/components/buttons/textButtons/SubmitButton.vue","webpack:///src/components/buttons/textButtons/SubmitButton.vue","webpack:///./src/components/buttons/textButtons/SubmitButton.vue?975d","webpack:///./src/components/buttons/textButtons/SubmitButton.vue?2a71","webpack:///./src/views/login/Login.vue","webpack:///src/views/login/Login.vue","webpack:///./src/views/login/Login.vue?d317","webpack:///./src/views/login/Login.vue?b183","webpack:///./src/common/mixin.js"],"names":["render","_vm","this","_c","_self","staticClass","class","style","on","$event","submit","icon","_v","_s","text","staticRenderFns","name","data","methods","component","error","closeNotif","_e","directives","rawName","value","userName","expression","attrs","domProps","target","composing","_m","passWord","enter","redirect","components","SubmitButton","mixins","computed","user","pwd","mounted","autoFocus","focus","inserted","el","binding"],"mappings":"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","file":"js/login.2fb84a9d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"control\"},[_c('a',{class:_vm.style,on:{\"click\":function($event){return _vm.submit()}}},[_c('span',{staticClass:\"icon is-small\"},[_c('i',{class:_vm.icon})]),_c('span',[_vm._v(_vm._s(_vm.text))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"control\">\n    <a :class=\"style\" @click=\"submit()\">\n      <span class=\"icon is-small\">\n        <i :class=\"icon\"></i>\n      </span>\n      <span>{{text}}</span>\n    </a>\n  </div>\n</template>\n<script>\nimport { SUBMIT_BUTTON_TEXT, SUBMIT_BUTTON_ICON, SUBMIT_BUTTON_STYLE } from 'common/const.js'\n\nexport default {\n  name: 'SubmitButton',\n  data () {\n    return {\n      text: SUBMIT_BUTTON_TEXT,\n      icon: SUBMIT_BUTTON_ICON,\n      style: SUBMIT_BUTTON_STYLE\n    }\n  },\n  methods: {\n    submit () {\n      this.$emit('submit')\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubmitButton.vue?vue&type=template&id=d604bcde&\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-5-widescreen is-offset-2-widescreen is-full-desktop\"},[(_vm.error)?_c('div',{staticClass:\"notification is-danger\"},[_c('button',{staticClass:\"delete\",on:{\"click\":_vm.closeNotif}}),_vm._v(\" \"+_vm._s(_vm.error)+\" \")]):_vm._e(),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label\"},[_vm._v(\"Username\")]),_c('div',{staticClass:\"control has-icons-left has-icons-right\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userName),expression:\"userName\"},{name:\"focus\",rawName:\"v-focus\"}],staticClass:\"input\",attrs:{\"type\":\"text\",\"placeholder\":\"Username\",\"autocomplete\":\"username\"},domProps:{\"value\":(_vm.userName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.userName=$event.target.value}}}),_vm._m(0)]),_c('p',{staticClass:\"help\"},[_vm._v(\"Type your username here\")])]),_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label\"},[_vm._v(\"Password\")]),_c('div',{staticClass:\"control has-icons-left has-icons-right\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passWord),expression:\"passWord\"}],staticClass:\"input\",attrs:{\"type\":\"password\",\"placeholder\":\"Password\",\"autocomplete\":\"current-password\"},domProps:{\"value\":(_vm.passWord)},on:{\"keyup\":_vm.enter,\"input\":function($event){if($event.target.composing)return;_vm.passWord=$event.target.value}}}),_vm._m(1)]),_c('p',{staticClass:\"help\"},[_vm._v(\"Type your password here\")])]),_c('div',{staticClass:\"level\"},[_c('submit-button',{staticClass:\"level-item\",on:{\"submit\":_vm.submit}})],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon is-small is-left\"},[_c('i',{staticClass:\"fas fa-user\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon is-small is-left\"},[_c('i',{staticClass:\"fas fa-user\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"columns\">\n    <div class=\"column is-5-widescreen is-offset-2-widescreen is-full-desktop\">\n      <div v-if=\"error\" class=\"notification is-danger\">\n        <button @click=\"closeNotif\" class=\"delete\"></button>\n        {{error}}\n      </div>\n\n      <div class=\"box\">\n        <!-- UserName Field -->\n        <div class=\"field\">\n          <label class=\"label\">Username</label>\n          <div class=\"control has-icons-left has-icons-right\">\n            <input class=\"input\" type=\"text\" placeholder=\"Username\" v-model=\"userName\" v-focus autocomplete=\"username\" />\n            <span class=\"icon is-small is-left\">\n            <i class=\"fas fa-user\"></i>\n            </span>\n          </div>\n          <p class=\"help\">Type your username here</p>\n        </div>\n\n        <!-- Password Field -->\n        <div class=\"field\">\n          <label class=\"label\">Password</label>\n          <div class=\"control has-icons-left has-icons-right\">\n            <input class=\"input\" type=\"password\" placeholder=\"Password\" v-model=\"passWord\" @keyup=\"enter\" autocomplete=\"current-password\" />\n            <span class=\"icon is-small is-left\">\n            <i class=\"fas fa-user\"></i>\n            </span>\n          </div>\n          <p class=\"help\">Type your password here</p>\n        </div>\n\n        <!-- Submit Button -->\n        <div class=\"level\">\n          <submit-button @submit=\"submit\" class=\"level-item\"></submit-button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SubmitButton from 'components/buttons/textButtons/SubmitButton'\n\nimport { mapActions, mapState } from 'vuex'\nimport { autoFocus } from 'common/mixin.js'\n\nexport default {\n  name: 'Login',\n  data () {\n    return {\n      userName: '',\n      passWord: '',\n      redirect: ''\n    }\n  },\n  components: { SubmitButton },\n  mixins: [autoFocus],\n  computed: {\n    ...mapState(['error'])\n  },\n  methods: {\n    // Get action method from vuex store\n    ...mapActions(['loginAction', 'cleanError']),\n\n    // Toggle when user press Enter Button\n    enter (event) {\n      if (event.key === 'Enter' || event.keyCode === 13) {\n        this.submit()\n      }\n    },\n\n    // Login\n    submit () {\n      const params = {\n        user: this.userName,\n        pwd: this.passWord,\n        redirect: this.redirect\n      }\n      // Login Request\n      this.loginAction(params).then(() => {\n        if (this.error === '') {\n          if (this.redirect !== '') {\n            this.$router.push(this.redirect)\n          } else {\n            this.$router.push('/')\n          }\n        }\n      })\n    },\n\n    // Close Notification\n    closeNotif () {\n      this.cleanError()\n    }\n  },\n  mounted () {\n    if (this.$route.query.redirect) {\n      this.redirect = this.$route.query.redirect\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=64a3203c&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\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","// Auto focus on input field when charging the page\nexport const autoFocus = {\n  directives: {\n    focus: {\n      inserted (el, binding) {\n        if (binding.value) {\n          el.focus()\n        }\n      }\n    }\n  }\n}\n"],"sourceRoot":""}