{"version":3,"sources":["webpack:///./src/components/auth/loginfields/PinFields.vue?e3b3","webpack:///./src/components/auth/loginfields/PinFields.vue?9f83","webpack:///src/components/auth/loginfields/PinFields.vue","webpack:///./src/components/auth/loginfields/PinFields.vue?5395","webpack:///./src/components/auth/loginfields/PinFields.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","pinval","pinErrors","on","$event","setPin","type","indexOf","_k","keyCode","key","preventDefault","login","isLoggingIn","_v","staticClass","staticRenderFns","requestHandler","name","mixins","validations","required","numeric","data","computed","mounted","methods","localStorage","component","VBtn","VCard","VCardText","VContainer","VDialog","VIcon","VOverlay","VProgressLinear","VRow","VSpacer","VTextField"],"mappings":"2IAAA,yBAA6kB,EAAG,G,yCCAhlB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,IAAI,QAAQC,MAAM,CAAC,MAAQP,EAAIQ,OAAO,iBAAiBR,EAAIS,UAAU,MAAQ,MAAM,eAAe,mBAAmB,UAAY,UAAU,QAAU,SAAS,KAAO,SAAS,SAAW,IAAIC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOX,EAAIY,OAAOD,IAAS,QAAU,SAASA,GAAQ,OAAIA,EAAOE,KAAKC,QAAQ,QAAQd,EAAIe,GAAGJ,EAAOK,QAAQ,QAAQ,GAAGL,EAAOM,IAAI,SAAkB,MAAON,EAAOO,iBAAwBlB,EAAImB,MAAMR,QAAYP,EAAG,WAAW,CAACG,MAAM,CAAC,MAAQP,EAAIoB,YAAY,eAAe,GAAG,WAAa,GAAG,MAAQ,QAAQ,CAAChB,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,UAAU,UAAY,KAAK,KAAO,KAAK,CAACH,EAAG,cAAc,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACJ,EAAIqB,GAAG,uBAAuBjB,EAAG,YAAYA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,GAAG,MAAQ,IAAIG,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIoB,aAAc,KAAS,CAAChB,EAAG,SAAS,CAACJ,EAAIqB,GAAG,gBAAgB,IAAI,IAAI,GAAGjB,EAAG,oBAAoB,CAACkB,YAAY,OAAOf,MAAM,CAAC,cAAgB,GAAG,MAAQ,YAAY,IAAI,IAAI,GAAGH,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQP,EAAIoB,gBAAgB,IAC9kCG,EAAkB,G,4DCgDlBC,EAAiB,EAAQ,QAEd,GACfC,iBACAC,8BAEAC,aACAnB,QAAAoB,uBAAAC,uBAKAC,gBAAA,OACAtB,UACAY,iBAGAW,UACAtB,qBACA,SACA,+BACA,sDACA,0DACA,GAHA,IAMAuB,mBACA,0BAEAC,SACArB,mBACA,cACA,yBAIAO,iBAAA,oJACA,iBACA,+BACA,0CAGAK,6DACA,iBACA,aACA,YACAU,gDACA,4EACA,+BACA,6BAEA,0DAGA,kCAGA,OAHA,UAGA,4FArBA,MCrFkb,I,iLCQ9aC,EAAY,eACd,EACApC,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAY,EAAiB,QAehC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,aAAA,KAAWC,UAAA,KAAQC,QAAA,KAAMC,WAAA,KAASC,kBAAA,KAAgBC,OAAA,KAAKC,UAAA,KAAQC,aAAA","file":"js/chunk-7d09d101.291efb31.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/vuetify-loader/lib/loader.js??ref--20-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PinFields.vue?vue&type=style&index=0&id=5a41c537&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/vuetify-loader/lib/loader.js??ref--20-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PinFields.vue?vue&type=style&index=0&id=5a41c537&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-text-field',{ref:\"login\",attrs:{\"value\":_vm.pinval,\"error-messages\":_vm.pinErrors,\"label\":\"Pin\",\"prepend-icon\":\"mdi-account-lock\",\"inputmode\":\"numeric\",\"pattern\":\"[0-9]*\",\"type\":\"number\",\"required\":\"\"},on:{\"change\":function($event){return _vm.setPin($event)},\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.preventDefault();return _vm.login($event)}}}),_c('v-dialog',{attrs:{\"value\":_vm.isLoggingIn,\"hide-overlay\":\"\",\"persistent\":\"\",\"width\":\"300\"}},[_c('v-card',{attrs:{\"color\":\"warning\",\"elevation\":\"20\",\"dark\":\"\"}},[_c('v-card-text',[_c('v-container',[_c('v-row',[_vm._v(\" U wordt ingelogd! \"),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\",\"small\":\"\"},on:{\"click\":function($event){_vm.isLoggingIn = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)],1),_c('v-progress-linear',{staticClass:\"mb-0\",attrs:{\"indeterminate\":\"\",\"color\":\"white\"}})],1)],1)],1),_c('v-overlay',{attrs:{\"value\":_vm.isLoggingIn}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-text-field :value=\"pinval\"\r\n                      :error-messages=\"pinErrors\"\r\n                      label=\"Pin\"\r\n                      ref=\"login\"\r\n                      prepend-icon=\"mdi-account-lock\"\r\n                      inputmode=\"numeric\"\r\n                      pattern=\"[0-9]*\"\r\n                      type=\"number\"\r\n                      required\r\n                      @change=\"setPin($event)\"\r\n                      v-on:keydown.enter.prevent=\"login\" />\r\n        <!--dialog overlay is not removed on log in, so separate v-dialog & v-overlay component is used.-->\r\n        <v-dialog :value=\"isLoggingIn\"\r\n                  hide-overlay\r\n                  persistent\r\n                  width=\"300\">\r\n            <v-card color=\"warning\"\r\n                    elevation=\"20\"\r\n                    dark>\r\n                <v-card-text>\r\n                    <v-container>\r\n                        <v-row>\r\n                            U wordt ingelogd!\r\n                            <v-spacer />\r\n                            <v-btn icon\r\n                                   small\r\n                                   @click=\"isLoggingIn = false\">\r\n                                <v-icon>mdi-close</v-icon>\r\n                            </v-btn>\r\n                        </v-row>\r\n                    </v-container>\r\n                    <v-progress-linear indeterminate\r\n                                       color=\"white\"\r\n                                       class=\"mb-0\">\r\n\r\n                    </v-progress-linear>\r\n                </v-card-text>\r\n\r\n            </v-card>\r\n        </v-dialog>\r\n        <v-overlay :value=\"isLoggingIn\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { validationMixin } from \"vuelidate\";\r\nimport { required, numeric } from \"vuelidate/lib/validators\";\r\nvar requestHandler = require('../../../mixins/AbstractRequestHandler.js');\r\n\r\nexport default {\r\n  name: \"pinFields\",\r\n  mixins: [validationMixin],\r\n\r\n  validations: {\r\n    pinval: { required, numeric }\r\n  },\r\n\r\n  //Es6 arrow notation, implies this on all underlying variables\r\n  //Example test -> this.test\r\n  data: () => ({\r\n      pinval: \"\",\r\n      isLoggingIn: false,\r\n  }),\r\n\r\n  computed: {\r\n    pinErrors() {\r\n      const errors = [];\r\n      if (!this.$v.pinval.$dirty) return errors;\r\n      !this.$v.pinval.required && errors.push(\"Pin is verplicht.\");\r\n      !this.$v.pinval.numeric && errors.push(\"Pin moet numeriek zijn.\")\r\n      return errors;\r\n    },\r\n  },\r\n    mounted() {\r\n        this.$refs.login.focus()\r\n    },\r\n  methods: {\r\n    setPin(value) {\r\n      this.pinval = value;\r\n      this.$v.pinval.$touch();\r\n    },\r\n\r\n    //First check if fields match validator\r\n      async login() {\r\n          this.$v.$touch()\r\n          if (!this.$v.$invalid) {\r\n              this.isLoggingIn = true\r\n\r\n              try {\r\n                  await requestHandler.get(\"/api/Authentication/Auth/Login\", this.pinval, user => {\r\n                      this.isLoggingIn = false;\r\n                      if (user && user.token) {\r\n                          if (!this.electron || process.env.NODE_ENV === 'development')\r\n                              localStorage.setItem('Token', JSON.stringify(user))\r\n                          this.$axios.defaults.headers.common['Authorization'] = `Bearer ${user.token}`\r\n                          this.$store.dispatch('setUser', user)\r\n                          this.$router.push(\"/start\");\r\n                      }\r\n                  })\r\n              }\r\n              catch (ex) {\r\n                  this.$emit('loginFailed', true);\r\n              }\r\n              finally {\r\n                  this.isLoggingIn = false\r\n              }\r\n\r\n            /*this.$auth.login({\r\n              method: 'POST',\r\n              data: {\r\n                pin: this.pinval,\r\n              },\r\n              success: () => {\r\n            \r\n              },\r\n              error: () => {\r\n                this.$emit('loginFailed', true);\r\n              },\r\n              rememberMe: true// Remembers token after closing browser\r\n            });*/\r\n        }\r\n      },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n    /deep/ input[type=number] {\r\n        -webkit-text-security: disc;\r\n    }\r\n</style>","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/vuetify-loader/lib/loader.js??ref--20-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PinFields.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/vuetify-loader/lib/loader.js??ref--20-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PinFields.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PinFields.vue?vue&type=template&id=5a41c537&scoped=true&\"\nimport script from \"./PinFields.vue?vue&type=script&lang=js&\"\nexport * from \"./PinFields.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PinFields.vue?vue&type=style&index=0&id=5a41c537&scoped=true&lang=css&\"\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  \"5a41c537\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VContainer,VDialog,VIcon,VOverlay,VProgressLinear,VRow,VSpacer,VTextField})\n"],"sourceRoot":""}