{"version":3,"sources":["webpack:///./src/components/Login.vue","webpack:///./src/components/Login.vue?d0f9"],"names":["class","for","htmlFor","role","alert","message","type","handleSubmit","username","name","submitted","password","disabled","status","loggingIn","data","computed","state","account","created","this","logout","methods","login","__exports__","render"],"mappings":"4IACSA,MAAM,kB,GAEFA,MAAM,6B,GACFA,MAAM,O,EACP,eAA4B,OAAvBA,MAAM,YAAU,S,GAChBA,MAAM,Y,EACP,eAAc,UAAV,SAAK,G,GAEAA,MAAM,c,EACP,eAAsC,SAA/BC,IAAI,YAAW,YAAQ,G,GAEOD,MAAM,oB,GAE1CA,MAAM,c,EACP,eAA0C,SAAnCE,QAAQ,YAAW,YAAQ,G,GAEGF,MAAM,oB,GAE1CA,MAAM,mB,kBAGwBA,MAAM,iBAAiBG,KAAK,U,EACvD,eAA+C,QAAzCH,MAAM,mBAAkB,cAAU,G,GAAxC,G,EAKhB,eAA4B,OAAvBA,MAAM,YAAU,S,gDA3BjC,eA8BM,MA9BN,EA8BM,CA7BS,EAAAI,MAAMC,S,iBAAjB,eAAgF,O,MAArDL,MAAK,+BAAW,EAAAI,MAAME,Q,eAAU,EAAAF,MAAMC,SAAO,I,sBACxE,eA2BM,MA3BN,EA2BM,CA1BF,eAyBM,MAzBN,EAyBM,CAxBF,EACA,eAqBM,MArBN,EAqBM,CApBF,EACA,eAkBO,QAlBA,SAAM,8CAAU,EAAAE,cAAA,EAAAA,aAAA,qBAAY,e,CAC/B,eAIM,MAJN,EAIM,CAHF,E,eACA,eAA+H,SAAxHD,KAAK,O,qDAAgB,EAAAE,SAAQ,IAAEC,KAAK,WAAWT,MAAK,gBAAC,eAAc,cAAyB,EAAAU,YAAc,EAAAF,a,iBAArF,EAAAA,Y,eAC5B,eAAwF,MAAxF,EAA8D,uBAAoB,M,QAArE,EAAAE,YAAc,EAAAF,cAE/B,eAIM,MAJN,EAIM,CAHF,E,eACA,eAAmI,SAA5HF,KAAK,W,qDAAoB,EAAAK,SAAQ,IAAEF,KAAK,WAAWT,MAAK,gBAAC,eAAc,cAAyB,EAAAU,YAAc,EAAAC,a,iBAArF,EAAAA,Y,eAChC,eAAwF,MAAxF,EAA8D,uBAAoB,M,QAArE,EAAAD,YAAc,EAAAC,cAE/B,eAMM,MANN,EAMM,CALF,eAA2E,UAAnEX,MAAM,kBAAmBY,SAAU,EAAAC,OAAOC,WAAW,QAAK,K,eAElE,eAEM,MAFN,EAEM,Q,QAFO,EAAAD,OAAOC,gB,MAMhC,Q,4BAQG,GACXC,KAAI,WACA,MAAO,CACHP,SAAU,GACVG,SAAU,GACVD,WAAW,IAGnBM,SAAU,OAAF,OAAE,CAAF,GACD,eAAS,CACRZ,MAAO,SAAAa,GAAI,OAAKA,EAAMb,OACtBS,OAAQ,SAAAI,GAAI,OAAKA,EAAMC,QAAQL,WAGvCM,QAAO,WAEHC,KAAKC,UAETC,QAAS,OAAF,OAAE,CAAF,kBACA,eAAW,UAAW,CAAC,QAAS,YAAU,IAC7Cf,aAAY,WACRa,KAAKV,WAAY,EACjB,IAAQF,EAAuBY,KAAvBZ,SAAUG,EAAaS,KAAbT,SACdH,GAAYG,GACZS,KAAKG,MAAM,CAAEf,WAAUG,iB,qBCvD3C,MAAMa,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0c8e41.323f2d14.js","sourcesContent":["<template>\r\n    <div class=\"container py-3\">\r\n        <div v-if=\"alert.message\" :class=\"`alert ${alert.type}`\">{{alert.message}}</div>\r\n        <div class=\"row align-content-between\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-4\"></div>\r\n                <div class=\"col-md-4\">\r\n                    <h3>Login</h3>\r\n                    <form @submit.prevent=\"handleSubmit\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"username\">Username</label>\r\n                            <input type=\"text\" v-model=\"username\" name=\"username\" class=\"form-control\" :class=\"{ 'is-invalid': submitted && !username }\" />\r\n                            <div v-show=\"submitted && !username\" class=\"invalid-feedback\">Username is required</div>\r\n                        </div>\r\n                        <div class=\"form-group\">\r\n                            <label htmlFor=\"password\">Password</label>\r\n                            <input type=\"password\" v-model=\"password\" name=\"password\" class=\"form-control\" :class=\"{ 'is-invalid': submitted && !password }\" />\r\n                            <div v-show=\"submitted && !password\" class=\"invalid-feedback\">Password is required</div>\r\n                        </div>\r\n                        <div class=\"form-group py-3\">\r\n                            <button class=\"btn btn-primary\" :disabled=\"status.loggingIn\">Login</button>\r\n                            \r\n                            <div v-show=\"status.loggingIn\" class=\"spinner-border\" role=\"status\">\r\n                                <span class=\"visually-hidden\">Loading...</span>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                <div class=\"col-md-4\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { mapState, mapActions } from 'vuex'\r\n    export default {\r\n        data() {\r\n            return {\r\n                username: '',\r\n                password: '',\r\n                submitted: false\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState({\r\n                alert: state => state.alert,\r\n                status: state => state.account.status\r\n            })\r\n        },\r\n        created() {\r\n            // reset login status\r\n            this.logout();\r\n        },\r\n        methods: {\r\n            ...mapActions('account', ['login', 'logout']),\r\n            handleSubmit() {\r\n                this.submitted = true;\r\n                const { username, password } = this;\r\n                if (username && password) {\r\n                    this.login({ username, password })\r\n                }\r\n            }\r\n        }\r\n    };\r\n</script>","import { render } from \"./Login.vue?vue&type=template&id=f23d66ca\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/mihai/repos/skinatlas/src/clientapp/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}