{"version":3,"sources":["webpack:///./src/components/auth/loginfields/EmailPassFields.vue?713e","webpack:///src/components/auth/loginfields/EmailPassFields.vue","webpack:///./src/components/auth/loginfields/EmailPassFields.vue?af25","webpack:///./src/components/auth/loginfields/EmailPassFields.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","emailval","emailErrors","on","$event","setEmail","type","indexOf","_k","keyCode","key","login","passwordval","passwordErrors","setPass","model","value","callback","$$v","pincodeDialog","expression","_v","pincode","loginFailed","staticRenderFns","name","mixins","validations","required","email","components","data","bmOnlineUrl","computed","methods","loginData","password","token","localStorage","component","VBtn","VCard","VCardActions","VCol","VContainer","VDialog","VRow","VSnackbar","VTextField","VToolbar","VToolbarTitle"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQN,EAAIO,SAAS,iBAAiBP,EAAIQ,YAAY,MAAQ,QAAQ,eAAe,cAAc,SAAW,IAAIC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOV,EAAIW,SAASD,IAAS,MAAQ,SAASA,GAAQ,OAAIA,EAAOE,KAAKC,QAAQ,QAAQb,EAAIc,GAAGJ,EAAOK,QAAQ,QAAQ,GAAGL,EAAOM,IAAI,SAAkB,KAAchB,EAAIiB,MAAMP,OAAYN,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQN,EAAIkB,YAAY,iBAAiBlB,EAAImB,eAAe,MAAQ,WAAW,eAAe,WAAW,KAAO,WAAW,SAAW,IAAIV,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOV,EAAIoB,QAAQV,IAAS,MAAQ,SAASA,GAAQ,OAAIA,EAAOE,KAAKC,QAAQ,QAAQb,EAAIc,GAAGJ,EAAOK,QAAQ,QAAQ,GAAGL,EAAOM,IAAI,SAAkB,KAAchB,EAAIiB,MAAMP,OAAYN,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,QAAQ,WAAa,IAAIe,MAAM,CAACC,MAAOtB,EAAiB,cAAEuB,SAAS,SAAUC,GAAMxB,EAAIyB,cAAcD,GAAKE,WAAW,kBAAkB,CAACtB,EAAG,SAAS,CAACE,MAAM,CAAC,SAAW,KAAK,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,UAAU,KAAO,GAAG,KAAO,KAAK,CAACF,EAAG,kBAAkB,CAACJ,EAAI2B,GAAG,+BAA+B,GAAGvB,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACJ,EAAI2B,GAAG,sFAAsF,GAAGvB,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,eAAe,CAACE,MAAM,CAAC,SAAW,GAAG,MAAQ,WAAWG,GAAG,CAAC,QAAU,SAASC,GAAQ,OAAIA,EAAOE,KAAKC,QAAQ,QAAQb,EAAIc,GAAGJ,EAAOK,QAAQ,QAAQ,GAAGL,EAAOM,IAAI,SAAkB,KAAchB,EAAIiB,UAAUI,MAAM,CAACC,MAAOtB,EAAW,QAAEuB,SAAS,SAAUC,GAAMxB,EAAI4B,QAAQJ,GAAKE,WAAW,cAAc,IAAI,IAAI,GAAGtB,EAAG,iBAAiB,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,WAAWG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIiB,WAAW,CAACjB,EAAI2B,GAAG,WAAWvB,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,SAASG,GAAG,CAAC,MAAQ,SAASC,GAAQV,EAAI4B,QAAQ,KAAM5B,EAAIyB,eAAc,KAAS,CAACzB,EAAI2B,GAAG,cAAc,IAAI,IAAI,GAAGvB,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQ,SAASe,MAAM,CAACC,MAAOtB,EAAe,YAAEuB,SAAS,SAAUC,GAAMxB,EAAI6B,YAAYL,GAAKE,WAAW,gBAAgB,CAAC1B,EAAI2B,GAAG,4BAA4B,IAC/iEG,EAAkB,G,sECsDP,GACfC,uBACAC,8BAEAC,aACA1B,UAAA2B,uBAAAC,kBACAjB,aAAAgB,yBAGAE,cAKAC,gBAAA,OACA9B,YACAW,eACAU,aACAH,iBACAI,eACAS,mBAIAC,UACApB,0BACA,SACA,oCACA,8DACA,GAFA,GAIAX,uBACA,SACA,iCACA,wDACA,wDACA,GAHA,IAMAgC,SACA7B,qBACA,gBACA,2BAEAS,oBACA,mBACA,8BAIAH,iBAAA,gKACA,kBACA,+DAWA,OAPA,0BAGAwB,GACAN,iBACAO,uBACAd,mBACA,SACA,yDACA,GADA,SAAAS,SACAM,KACAA,iBAAA,gBAIA,OAFA,mBACA,YACA,6CAGA,iBACA,YACA,YACAC,gDACA,4EACA,+BACA,0BAGA,+EAGA,iBACA,kCAGA,OAHA,UAGA,6FAvCA,MCzGwb,I,qKCOpbC,EAAY,eACd,EACA9C,EACA+B,GACA,EACA,KACA,KACA,MAIa,aAAAe,EAAiB,QAehC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,OAAA,KAAKC,aAAA,KAAWC,UAAA,KAAQC,OAAA,KAAKC,YAAA,KAAUC,aAAA,KAAWC,WAAA,KAASC,cAAA","file":"js/chunk-2d0aa254.723c968d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-text-field',{attrs:{\"value\":_vm.emailval,\"error-messages\":_vm.emailErrors,\"label\":\"Email\",\"prepend-icon\":\"mdi-account\",\"required\":\"\"},on:{\"change\":function($event){return _vm.setEmail($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.login($event)}}}),_c('v-text-field',{attrs:{\"value\":_vm.passwordval,\"error-messages\":_vm.passwordErrors,\"label\":\"Password\",\"prepend-icon\":\"mdi-lock\",\"type\":\"password\",\"required\":\"\"},on:{\"change\":function($event){return _vm.setPass($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.login($event)}}}),_c('v-dialog',{attrs:{\"width\":\"500px\",\"persistent\":\"\"},model:{value:(_vm.pincodeDialog),callback:function ($$v) {_vm.pincodeDialog=$$v},expression:\"pincodeDialog\"}},[_c('v-card',{attrs:{\"outlined\":\"\"}},[_c('v-toolbar',{attrs:{\"color\":\"primary\",\"dark\":\"\",\"flat\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Koppel uw online account\")])],1),_c('v-container',[_c('v-row',[_c('v-col',[_vm._v(\" U heeft nog geen werknemernummer gekoppeld aan uw account, vul uw pincode in: \")])],1),_c('v-row',[_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"pincode\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.login()}},model:{value:(_vm.pincode),callback:function ($$v) {_vm.pincode=$$v},expression:\"pincode\"}})],1)],1)],1),_c('v-card-actions',[_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.login()}}},[_vm._v(\"Login\")]),_c('v-btn',{attrs:{\"color\":\"error\"},on:{\"click\":function($event){_vm.pincode=null; _vm.pincodeDialog=false}}},[_vm._v(\"Sluiten\")])],1)],1)],1),_c('v-snackbar',{attrs:{\"color\":\"error\"},model:{value:(_vm.loginFailed),callback:function ($$v) {_vm.loginFailed=$$v},expression:\"loginFailed\"}},[_vm._v(\" Pincode is onjuist! \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-text-field :value=\"emailval\"\r\n                      :error-messages=\"emailErrors\"\r\n                      label=\"Email\"\r\n                      prepend-icon=\"mdi-account\"\r\n                      required\r\n                      @change=\"setEmail($event)\"\r\n                      v-on:keyup.enter=\"login\" />\r\n        <v-text-field :value=\"passwordval\"\r\n                      :error-messages=\"passwordErrors\"\r\n                      label=\"Password\"\r\n                      prepend-icon=\"mdi-lock\"\r\n                      type=\"password\"\r\n                      required\r\n                      @change=\"setPass($event)\"\r\n                      v-on:keyup.enter=\"login\" />\r\n        <v-dialog v-model=\"pincodeDialog\" width=\"500px\" persistent>\r\n            <v-card outlined>\r\n                <v-toolbar color=\"primary\" dark flat>\r\n                    <v-toolbar-title>Koppel uw online account</v-toolbar-title>\r\n                </v-toolbar>\r\n                <v-container>\r\n                    <v-row>\r\n                        <v-col>\r\n                            U heeft nog geen werknemernummer gekoppeld aan uw account, vul uw pincode in:\r\n                        </v-col>\r\n                    </v-row>\r\n                    <v-row>\r\n                        <v-col>\r\n                            <v-text-field v-model=\"pincode\"\r\n                                          outlined\r\n                                          label=\"pincode\"\r\n                                          @keydown.enter=\"login()\">\r\n                            </v-text-field>\r\n                        </v-col>\r\n                    </v-row>\r\n                </v-container>\r\n                <v-card-actions>\r\n                    <v-btn color=\"primary\" @click=\"login()\">Login</v-btn>\r\n                    <v-btn color=\"error\" @click=\"pincode=null; pincodeDialog=false\">Sluiten</v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n        <v-snackbar v-model=\"loginFailed\"\r\n                    color=\"error\">\r\n            Pincode is onjuist!\r\n        </v-snackbar>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { validationMixin } from \"vuelidate\";\r\nimport { required, email } from \"vuelidate/lib/validators\";\r\n\r\nexport default {\r\n  name: \"emailPassFields\",\r\n  mixins: [validationMixin],\r\n\r\n  validations: {\r\n    emailval: { required, email },\r\n    passwordval: { required }\r\n  },\r\n\r\n  components:{\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    emailval: \"\",\r\n    passwordval: \"\",\r\n    pincode: null,\r\n    pincodeDialog: false,\r\n    loginFailed: false,\r\n    bmOnlineUrl: null\r\n\r\n  }),\r\n\r\n  computed: {\r\n    passwordErrors() {\r\n      const errors = [];\r\n      if (!this.$v.passwordval.$dirty) return errors;\r\n      !this.$v.passwordval.required && errors.push(\"Password is required.\");\r\n      return errors;\r\n    },\r\n    emailErrors() {\r\n      const errors = [];\r\n      if (!this.$v.emailval.$dirty) return errors;\r\n      !this.$v.emailval.email && errors.push(\"Must be valid e-mail\");\r\n      !this.$v.emailval.required && errors.push(\"E-mail is required\");\r\n      return errors;\r\n    }\r\n  },\r\n  methods: {\r\n    setEmail(value) {\r\n      this.emailval = value;\r\n      this.$v.emailval.$touch();\r\n    },\r\n    setPass(value) {\r\n      this.passwordval = value;\r\n      this.$v.passwordval.$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            return;\r\n\r\n\r\n        this.isLoggingIn = true\r\n\r\n        try {\r\n            var loginData = {\r\n                email: this.emailval,\r\n                password: this.passwordval,\r\n                pincode: this.pincode\r\n            }\r\n            var { data } = await this.$axios.post(\"/api/Authentication/Auth/Login\", loginData)\r\n            var token = data\r\n            if (token.name && !token.token) {\r\n                // Geen werknemer gekoppeld aan online user. Prompt voor pincode\r\n                this.pincodeDialog = true\r\n                if (this.pincode)\r\n                    this.loginFailed = true\r\n                return\r\n            }\r\n            this.isLoggingIn = false;\r\n            if (token && token.token) {\r\n                if (!this.electron || process.env.NODE_ENV === 'development')\r\n                    localStorage.setItem('Token', JSON.stringify(token))\r\n                this.$axios.defaults.headers.common['Authorization'] = `Bearer ${token.token}`\r\n                this.$store.dispatch('setUser', token)\r\n                this.$router.push(\"/start\");\r\n            }\r\n            else\r\n                this.$emit('loginFailed', true);\r\n        }\r\n        catch (ex) {\r\n            this.loginFailed = true\r\n            this.$emit('loginFailed', true);\r\n        }\r\n        finally {\r\n            this.isLoggingIn = false\r\n        }\r\n        \r\n    }\r\n  }\r\n};\r\n</script>","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!./EmailPassFields.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!./EmailPassFields.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailPassFields.vue?vue&type=template&id=546bac4e&\"\nimport script from \"./EmailPassFields.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailPassFields.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\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 { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCol,VContainer,VDialog,VRow,VSnackbar,VTextField,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}