{"version":3,"sources":["webpack:///./src/views/Login.vue?1d18","webpack:///./src/views/Login.vue?1ec3","webpack:///./src/views/Login.vue?c9f8","webpack:///src/views/Login.vue","webpack:///./src/views/Login.vue?ad38","webpack:///./src/views/Login.vue?d0b4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","backgroundImage","class","slsLogoMobile","$q","screen","lt","sm","_v","persistentLogin","_e","on","$event","login","model","value","persistentLoginFormData","callback","$$v","$set","expression","persistentLoginLoading","attemptPersistentLogin","staticRenderFns","component","QPage","QImg","QCard","QCardSection","QBtn","QInput"],"mappings":"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","file":"js/login.d9f2dacf.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=76bfd022&lang=scss&scoped=true&\"","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/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-page',{staticStyle:{\"height\":\"100vh\"}},[_c('q-img',{staticClass:\"bg-accent\",staticStyle:{\"height\":\"100vh\",\"position\":\"absolute\",\"width\":\"100vw\"},attrs:{\"src\":(\"/statics/loginBackgrounds/\" + _vm.backgroundImage + \".jpg\")}}),_c('div',{staticClass:\"slsLogo\",class:{\n      slsLogoMobile: _vm.$q.screen.lt.sm,\n    }},[_c('q-img',{attrs:{\"src\":\"/statics/wavesBlueTextLogoTransparent.png\"}})],1),_c('div',{staticClass:\"row\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('div',{staticClass:\"col\"},[_c('q-card',{staticClass:\"loginCard fixed-center\"},[_c('q-card-section',{},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticStyle:{\"max-width\":\"500px\",\"max-height\":\"90%\"}},[_c('h3',{staticClass:\"loginHeader q-my-xs\"},[_vm._v(\"Lifesaving Sport\")]),_c('h6',{staticClass:\"q-my-none\"},[_vm._v(\"EVENT MANAGEMENT SYSTEM\")]),_c('p',[_vm._v(\"Designed by Surf Life Saving New Zealand (C)\")])])])])]),(!_vm.persistentLogin)?_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-btn',{staticClass:\"full-width\",attrs:{\"block\":\"\",\"color\":\"primary\",\"dark\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){return _vm.login()}}},[_vm._v(\" Login \")])],1)]),_c('div',{staticClass:\"row items-center q-my-md\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"min-height\":\"2px\",\"background\":\"black\"}})]),_c('div',{staticStyle:{\"width\":\"30px\"}},[_vm._v(\"OR\")]),_c('div',{staticClass:\"col\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"min-height\":\"2px\",\"background\":\"black\"}})]),_c('div',{staticClass:\"col-12\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-btn',{staticClass:\"full-width\",attrs:{\"block\":\"\",\"color\":\"accent\",\"dark\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.persistentLogin = true}}},[_vm._v(\" Ipad Login (SLSNZ Only) \")])],1)])]):_vm._e(),(_vm.persistentLogin)?_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 q-my-sm\"},[_c('q-input',{attrs:{\"outlined\":\"\",\"rounded\":\"\",\"label\":\"Username\"},model:{value:(_vm.persistentLoginFormData.username),callback:function ($$v) {_vm.$set(_vm.persistentLoginFormData, \"username\", $$v)},expression:\"persistentLoginFormData.username\"}})],1),_c('div',{staticClass:\"col-12 q-my-sm\"},[_c('q-input',{attrs:{\"outlined\":\"\",\"rounded\":\"\",\"label\":\"Password\",\"type\":\"password\"},model:{value:(_vm.persistentLoginFormData.password),callback:function ($$v) {_vm.$set(_vm.persistentLoginFormData, \"password\", $$v)},expression:\"persistentLoginFormData.password\"}})],1),_c('div',{staticClass:\"col-6 q-pa-sm q-my-sm\"},[_c('q-btn',{staticClass:\"full-width\",attrs:{\"block\":\"\",\"color\":\"blue-grey\",\"dark\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.persistentLogin = false}}},[_vm._v(\" Cancel \")])],1),_c('div',{staticClass:\"col-6 q-pa-sm q-my-sm\"},[_c('q-btn',{staticClass:\"full-width\",attrs:{\"block\":\"\",\"color\":\"primary\",\"dark\":\"\",\"rounded\":\"\",\"loading\":_vm.persistentLoginLoading},on:{\"click\":function($event){return _vm.attemptPersistentLogin()}}},[_vm._v(\" Login \")])],1)])]):_vm._e()],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <q-page style=\"height: 100vh\">\n    <q-img\n      class=\"bg-accent\"\n      style=\"height: 100vh; position: absolute; width: 100vw\"\n      :src=\"`/statics/loginBackgrounds/${backgroundImage}.jpg`\"\n    >\n    </q-img>\n    <div\n      class=\"slsLogo\"\n      :class=\"{\n        slsLogoMobile: $q.screen.lt.sm,\n      }\"\n    >\n      <q-img src=\"/statics/wavesBlueTextLogoTransparent.png\"> </q-img>\n    </div>\n\n    <div class=\"row\" align=\"center\" justify=\"center\">\n      <div class=\"col\">\n        <q-card class=\"loginCard fixed-center\">\n          <q-card-section class=\"\">\n            <div class=\"row\">\n              <div class=\"col-12\">\n                <div style=\"max-width: 500px; max-height: 90%\">\n                  <!-- <q-img\n                    src=\"/statics/Logo.png\"\n                    spinner-color=\"white\"\n                    :ratio=\"2 / 1\"\n                    contain\n                  /> -->\n                  <h3 class=\"loginHeader q-my-xs\">Lifesaving Sport</h3>\n                  <h6 class=\"q-my-none\">EVENT MANAGEMENT SYSTEM</h6>\n                  <p>Designed by Surf Life Saving New Zealand (C)</p>\n                </div>\n              </div>\n            </div>\n          </q-card-section>\n          <q-card-section v-if=\"!persistentLogin\">\n            <div class=\"row\">\n              <div class=\"col-12\">\n                <q-btn\n                  block\n                  color=\"primary\"\n                  dark\n                  rounded\n                  class=\"full-width\"\n                  @click=\"login()\"\n                >\n                  Login\n                </q-btn>\n              </div>\n            </div>\n            <div class=\"row items-center q-my-md\">\n              <div class=\"col\">\n                <div\n                  style=\"width: 100%; min-height: 2px; background: black\"\n                ></div>\n              </div>\n              <div style=\"width: 30px\">OR</div>\n              <div class=\"col\">\n                <div\n                  style=\"width: 100%; min-height: 2px; background: black\"\n                ></div>\n              </div>\n              <div class=\"col-12\"></div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-12\">\n                <q-btn\n                  block\n                  color=\"accent\"\n                  dark\n                  rounded\n                  class=\"full-width\"\n                  @click=\"persistentLogin = true\"\n                >\n                  Ipad Login (SLSNZ Only)\n                </q-btn>\n              </div>\n            </div>\n          </q-card-section>\n          <q-card-section v-if=\"persistentLogin\">\n            <div class=\"row\">\n              <div class=\"col-12 q-my-sm\">\n                <q-input\n                  outlined\n                  rounded\n                  label=\"Username\"\n                  v-model=\"persistentLoginFormData.username\"\n                ></q-input>\n              </div>\n              <div class=\"col-12 q-my-sm\">\n                <q-input\n                  outlined\n                  rounded\n                  label=\"Password\"\n                  type=\"password\"\n                  v-model=\"persistentLoginFormData.password\"\n                ></q-input>\n              </div>\n              <div class=\"col-6 q-pa-sm q-my-sm\">\n                <q-btn\n                  block\n                  color=\"blue-grey\"\n                  dark\n                  rounded\n                  class=\"full-width\"\n                  @click=\"persistentLogin = false\"\n                >\n                  Cancel\n                </q-btn>\n              </div>\n              <div class=\"col-6 q-pa-sm q-my-sm\">\n                <q-btn\n                  block\n                  color=\"primary\"\n                  dark\n                  rounded\n                  class=\"full-width\"\n                  :loading=\"persistentLoginLoading\"\n                  @click=\"attemptPersistentLogin()\"\n                >\n                  Login\n                </q-btn>\n              </div>\n            </div>\n          </q-card-section>\n        </q-card>\n      </div>\n    </div>\n  </q-page>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n  import { auth } from \"@/firebase.js\";\n\n  export default {\n    computed: {\n      ...mapGetters({\n        currentUser: \"auth/currentUser\",\n        currentUserData: \"auth/currentUserData\",\n      }),\n    },\n    data: () => ({\n      persistentLogin: false,\n\n      persistentLoginLoading: false,\n\n      persistentLoginFormData: {\n        username: \"\",\n        password: \"\",\n      },\n\n      backgroundImage: 1,\n    }),\n    watch: {\n      $auth: function () {},\n    },\n    mounted() {\n      let rand = Math.floor(Math.random() * 10 + 1);\n\n      if (rand == 10) {\n        rand = 1;\n      }\n      this.backgroundImage = rand;\n    },\n    methods: {\n      // Log the user in\n      login() {\n        this.$auth.loginWithRedirect();\n      },\n\n      attemptPersistentLogin() {\n        this.persistentLoginLoading = true;\n        this.$store\n          .dispatch(\"auth/persistentLogin\", this.persistentLoginFormData)\n          .then((result) => {\n            this.persistentLoginLoading = false;\n          });\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .loginHeader {\n    color: $primary;\n    font-weight: 800;\n  }\n  .slsLogo {\n    top: 35px;\n    left: 35px;\n    width: 250px;\n    position: absolute;\n  }\n\n  .slsLogoMobile {\n    position: relative !important;\n    margin: auto !important;\n    top: 60px !important;\n    left: 0px !important;\n  }\n</style>\n\n<style>\n  .loginCard {\n    max-width: 600px;\n    width: 90vw;\n  }\n\n  .google-signin-button {\n    color: white;\n    background-color: red;\n    height: 50px;\n    font-size: 16px;\n    border-radius: 10px;\n    padding: 10px 20px 25px 20px;\n    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../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--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../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=76bfd022&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=76bfd022&lang=scss&scoped=true&\"\nimport style1 from \"./Login.vue?vue&type=style&index=1&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  \"76bfd022\",\n  null\n  \n)\n\nexport default component.exports\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QPage,QImg,QCard,QCardSection,QBtn,QInput});\n"],"sourceRoot":""}