{"version":3,"sources":["webpack:///./src/views/Admin/Login.vue?8511","webpack:///./src/views/Admin/Login.vue","webpack:///./src/components/Spinner.vue","webpack:///./src/components/Spinner.vue?c088","webpack:///./src/views/Admin/Login.vue?d924","webpack:///./src/components/Spinner.vue?ce84"],"names":["class","inProgress","type","userName","name","placeholder","password","login","inError","script","render","__scopeId","data","components","PageContent","Spinner","SubHeading","methods","logIn","$router","push"],"mappings":"8GAAA,W,6KCEgB,kC,GACPA,MAAM,a,SACJA,MAAM,Q,GACJA,MAAM,O,GAINA,MAAM,O,SAKNA,MAAM,gB,uKAbjB,eAkBc,Q,WAjBZ,iBAAuD,CAAvD,eAAuD,Q,WAA3C,iBAA8B,C,YAC1C,eAaM,MAbN,EAaM,CAZqB,EAAAC,W,wCAAzB,eAWM,MAXN,EAWM,CAVJ,eAGM,MAHN,EAGM,C,qCADJ,eAA8E,SAAvEC,KAAK,O,qDAAgB,EAAAC,SAAQ,IAAEC,KAAK,WAAWC,YAAY,Y,mBAAtC,EAAAF,cAE9B,eAGM,MAHN,EAGM,C,qCADJ,eAAkF,SAA3ED,KAAK,W,qDAAoB,EAAAI,SAAQ,IAAEF,KAAK,WAAWC,YAAY,Y,mBAAtC,EAAAC,cAElC,eAAsC,UAA7B,QAAK,8BAAE,EAAAC,MAAA,sBAAO,UACS,EAAAC,S,iBAAhC,eAA6F,MAA7F,EAAyC,mD,2BAI9B,EAAAP,WAAf,eAA4B,W,4KCjBzBD,MAAM,a,EACT,eAA0B,OAArBA,MAAM,UAAQ,S,gEADrB,eAEM,MAFN,EAEM,CADJ,O,UCDJ,MAAMS,EAAS,GAGfA,EAAOC,OAAS,EAChBD,EAAOE,UAAY,kBAEJ,Q,YF2EA,GACbP,KAAM,QACNQ,KAFa,WAGX,MAAO,CACLT,SAAU,GACVG,SAAU,GACVL,YAAY,EACZO,SAAS,IAGbK,WAAY,CACVC,cAAA,KAAaC,UAASC,aAAA,MAExBC,QAAS,+BACDV,MADC,WACO,+JACZ,EAAKN,YAAa,EADN,kBAGJ,EAAKiB,MAAM,CAACf,SAAU,EAAKA,SAAUG,SAAU,EAAKA,WAHhD,OAIV,EAAKa,QAAQC,KAAK,eAJR,mDAOV,EAAKZ,SAAU,EAPL,yBAUV,EAAKP,YAAa,EAVR,gFAaX,eAAW,CAAC,WACZ,eAAW,CAAC,Y,UGzGnB,EAAOS,OAAS,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf,W","file":"js/chunk-5558bf98.4888681b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Login.vue?vue&type=style&index=0&id=47280596&scoped=true&lang=css\"","<template>\r\n  <PageContent>\r\n    <SubHeading>Log in to access ADMIN section</SubHeading>\r\n    <div class=\"container\">\r\n      <div class=\"form\" v-if=\"!inProgress\">\r\n        <div class=\"row\">\r\n          <label for=\"userName\" v-if=\"false\">UserName:</label>\r\n          <input type=\"text\" v-model=\"userName\" name=\"userName\" placeholder=\"Username\"/>\r\n        </div>\r\n        <div class=\"row\">\r\n          <label for=\"password\" v-if=\"false\">Password:</label>\r\n          <input type=\"password\" v-model=\"password\" name=\"password\" placeholder=\"Password\"/>\r\n        </div>\r\n        <button @click=\"login\">LOG IN</button>\r\n        <div class=\"errorMessage\" v-if=\"inError\">Either you UserName or Password was incorrect.</div>\r\n      </div>\r\n    </div>\r\n\r\n    <Spinner v-if=\"inProgress\"/>\r\n  </PageContent>\r\n</template>\r\n\r\n<style scoped>\r\n.container{\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.form {\r\n  background-color: rgba(0,0,0,0.04);\r\n  border-radius: 20px;\r\n\r\n  padding: 20px;\r\n  box-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 400px;\r\n  margin-top: 10px;\r\n}\r\nlabel {\r\n  width: 100px;\r\n  display: inline-block;\r\n}\r\n.row {\r\n  display: flex;\r\n  margin-bottom: 10px;\r\n}\r\n.row input{\r\n  flex: 1;\r\n}\r\n.errorMessage {\r\n  margin-top: 20px;\r\n  color: red;\r\n}\r\nbutton {\r\n  background-color: lightgreen;\r\n  border: 1px solid #ccc;\r\n  padding: 5px;\r\n  margin-top: 5px;\r\n  font-size: 1.5em;\r\n  color: #080;\r\n  border-radius: 5px;\r\n}\r\ninput {\r\n  color: #080;\r\n  font-size: 1.5em;\r\n  border: 1px solid #ccc;\r\n  border-radius: 5px;\r\n  padding-left: 10px;\r\n}\r\n::placeholder {\r\n  opacity: 0.2;\r\n}\r\n</style>\r\n\r\n<script>\r\nimport {mapActions, mapGetters} from 'vuex';\r\n\r\nimport PageContent from '@/components/PageContent.vue'\r\nimport Spinner from '@/components/Spinner.vue'\r\nimport SubHeading from '@/components/SubHeading.vue'\r\n\r\nexport default {\r\n  name: \"Login\",\r\n  data() {\r\n    return {\r\n      userName: \"\",\r\n      password: \"\",\r\n      inProgress: false,\r\n      inError: false\r\n    }\r\n  },\r\n  components: {\r\n    PageContent, Spinner, SubHeading\r\n  },\r\n  methods: {\r\n    async login() {\r\n      this.inProgress = true;\r\n      try {\r\n        await this.logIn({userName: this.userName, password: this.password});\r\n        this.$router.push('admin/admin');\r\n      }\r\n      catch {\r\n        this.inError = true;\r\n      }\r\n      finally {\r\n        this.inProgress = false;\r\n      }\r\n    },\r\n    ...mapActions(['logIn']),\r\n    ...mapGetters(['token'])\r\n  }\r\n}\r\n</script>","<template>\r\n  <div class=\"container\">\r\n    <div class=\"loader\"></div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.container {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.loader {\r\n  border: 16px solid #f3f3f3;\r\n  border-top: 16px solid #3498db;\r\n  border-radius: 50%;\r\n  width: 120px;\r\n  height: 120px;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n</style>","import { render } from \"./Spinner.vue?vue&type=template&id=54fb1764&scoped=true\"\nconst script = {}\n\nimport \"./Spinner.vue?vue&type=style&index=0&id=54fb1764&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-54fb1764\"\n\nexport default script","import { render } from \"./Login.vue?vue&type=template&id=47280596&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&id=47280596&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-47280596\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Spinner.vue?vue&type=style&index=0&id=54fb1764&scoped=true&lang=css\""],"sourceRoot":""}