{"version":3,"sources":["webpack:///./src/components/UserAuthentication/Registration/Onboarding.vue?621d","webpack:///src/components/UserAuthentication/Registration/Onboarding.vue","webpack:///./src/components/UserAuthentication/Registration/Onboarding.vue?95fd","webpack:///./src/components/UserAuthentication/Registration/Onboarding.vue","webpack:///./src/components/UserAuthentication/Registration/Onboarding.vue?247e"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","logOut","model","value","callback","$$v","showDialog","expression","staticClass","_v","onboardingStep","groupName","$event","back","next","submit","_e","staticRenderFns","name","data","loadingSubmit","component","VAppBar","VBtn","VCard","VDialog","VDivider","VIcon","VImg","VProgressCircular","VRow","VSpacer","VStepper","VStepperContent","VStepperHeader","VStepperItems","VStepperStep","VTextField","VToolbarTitle","VToolbar"],"mappings":"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","file":"js/chunk-66c1b376.8aa35a20.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"fullscreen\":\"\"},on:{\"input\":_vm.logOut},model:{value:(_vm.showDialog),callback:function ($$v) {_vm.showDialog=$$v},expression:\"showDialog\"}},[_c('v-app-bar',{staticClass:\"fixed\",attrs:{\"id\":\"top\",\"clipped-left\":\"\",\"dense\":\"\",\"color\":\"primary\",\"dark\":\"\"}},[_c('v-toolbar-title',[_c('v-img',{staticClass:\"shrink mr-2\",attrs:{\"alt\":\"ScoreBoard Logo\",\"contain\":\"\",\"src\":'../img/logo/default_2.png',\"transition\":\"scale-transition\",\"width\":\"160\"}})],1),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"secondary\"},on:{\"click\":_vm.logOut}},[_c('v-icon',[_vm._v(\"mdi-logout\")]),_vm._v(\" Log Out \")],1)],1),_c('v-card',[_c('v-stepper',{model:{value:(_vm.onboardingStep),callback:function ($$v) {_vm.onboardingStep=$$v},expression:\"onboardingStep\"}},[_c('v-stepper-header',{staticClass:\"fixed-stepper-header\"},[_c('v-stepper-step',{attrs:{\"complete\":_vm.onboardingStep > 1,\"step\":\"1\"}}),_c('v-divider'),_c('v-stepper-step',{attrs:{\"complete\":_vm.onboardingStep > 2,\"step\":\"2\"}}),_c('v-divider'),_c('v-stepper-step',{attrs:{\"complete\":_vm.onboardingStep > 3,\"step\":\"3\"}}),_c('v-divider'),_c('v-stepper-step',{attrs:{\"complete\":_vm.onboardingStep > 4,\"step\":\"4\"}}),_c('v-divider'),_c('v-stepper-step',{attrs:{\"step\":\"5\"}})],1),_c('v-stepper-items',{staticClass:\"relative-stepper-content\",attrs:{\"id\":\"stepper-content\"}},[_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"1\"}},[_c('h2',[_vm._v(\"Welcome\")]),_c('h3',[_vm._v(\"Something about the value of ScoreBoard and what it will do for you.\")])]),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"2\"}},[_c('h2',[_vm._v(\"Groups\")]),_c('h3',[_vm._v(\"Get individualized stats for each member of your gaming group.\")])]),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"3\"}},[_c('h2',[_vm._v(\"Collection\")]),_c('h3',[_vm._v(\"Your digital gaming closet. Search from over _______ games or create your own.\")])]),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"4\"}},[_c('h2',[_vm._v(\"Record Plays\")]),_c('h3',[_vm._v(\"Track each instance of gameplay with with co-op, ranked, and scored game types.\")])]),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"5\"}},[_c('h2',[_vm._v(\"Get Started\")]),_c('h3',[_vm._v(\"Create your first gaming group. All you need is a name (that you can change at any time).\")]),_c('v-text-field',{attrs:{\"label\":\"Group Name\",\"required\":\"\"},model:{value:(_vm.groupName),callback:function ($$v) {_vm.groupName=$$v},expression:\"groupName\"}}),_c('p',[_vm._v(\"Other ScoreBoard users can join your group by entering the unique join code that you can find on the Group page.\")])],1)],1)],1)],1),_c('div',{staticClass:\"fixed-bottom\"},[_c('v-row',{staticClass:\"px-3 py-3\",attrs:{\"justify\":\"space-between\",\"no-gutters\":\"\"}},[(_vm.onboardingStep != 1)?_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.back()}}},[_vm._v(\" Back \")]):_c('v-spacer'),(_vm.onboardingStep !=5)?_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.next()}}},[_vm._v(\" Next \")]):_c('v-btn',{attrs:{\"color\":\"success\",\"disabled\":_vm.groupName == null || _vm.groupName == ''},on:{\"click\":function($event){return _vm.submit()}}},[(_vm.loadingSubmit)?_c('v-progress-circular',{staticClass:\"mr-2\",attrs:{\"small\":\"\",\"indeterminate\":\"\",\"color\":\"white\"}}):_vm._e(),_vm._v(\" Begin \")],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog fullscreen v-model=\"showDialog\" @input=\"logOut\">\n    <v-app-bar id=\"top\" class=\"fixed\" clipped-left dense color=\"primary\" dark>\n      <v-toolbar-title>\n        <v-img alt=\"ScoreBoard Logo\" class=\"shrink mr-2\" contain\n          :src=\"'../img/logo/default_2.png'\" transition=\"scale-transition\" width=\"160\" />\n      </v-toolbar-title>\n\n      <v-spacer></v-spacer>\n\n      <v-btn color=\"secondary\" @click=\"logOut\">\n        <v-icon>mdi-logout</v-icon>\n        Log Out\n      </v-btn>\n    </v-app-bar>\n\n    <v-card>\n\n      <!-- Step overview at the top -->\n      <v-stepper v-model=\"onboardingStep\">\n        <v-stepper-header class=\"fixed-stepper-header\">\n          <v-stepper-step :complete=\"onboardingStep > 1\" step=\"1\">\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step :complete=\"onboardingStep > 2\" step=\"2\">\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step :complete=\"onboardingStep > 3\" step=\"3\">\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step :complete=\"onboardingStep > 4\" step=\"4\">\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step step=\"5\">\n          </v-stepper-step>\n        </v-stepper-header>\n\n        <!-- Individual step content cards -->\n        <v-stepper-items id=\"stepper-content\" class=\"relative-stepper-content\">\n          <v-stepper-content step=\"1\" class=\"stepper-contents \">\n            <h2>Welcome</h2>\n            <h3>Something about the value of ScoreBoard and what it will do for you.</h3>\n          </v-stepper-content>\n\n          <v-stepper-content step=\"2\" class=\"stepper-contents \">\n            <h2>Groups</h2>\n            <h3>Get individualized stats for each member of your gaming group.</h3>\n          </v-stepper-content>\n\n          <v-stepper-content step=\"3\" class=\"stepper-contents \">\n            <h2>Collection</h2>\n            <h3>Your digital gaming closet. Search from over _______ games or create your own.</h3>\n          </v-stepper-content>\n\n          <v-stepper-content step=\"4\" class=\"stepper-contents \">\n            <h2>Record Plays</h2>\n            <h3>Track each instance of gameplay with with co-op, ranked, and scored game types.</h3>\n          </v-stepper-content>\n\n          <v-stepper-content step=\"5\" class=\"stepper-contents \">\n            <h2>Get Started</h2>\n            <h3>Create your first gaming group. All you need is a name (that you can change at any time).</h3>\n            <v-text-field v-model=\"groupName\" label=\"Group Name\" required></v-text-field>\n            <p>Other ScoreBoard users can join your group by entering the unique join code that you can find on the Group page.</p>\n          </v-stepper-content>\n        </v-stepper-items>\n      </v-stepper>\n    </v-card>\n\n    <div class=\"fixed-bottom\">\n      <v-row justify=\"space-between\" no-gutters class=\"px-3 py-3\">\n        <v-btn v-if=\"onboardingStep != 1\" color=\"primary\" @click=\"back()\">\n          Back\n        </v-btn>\n        <v-spacer v-else></v-spacer>\n        <v-btn v-if=\"onboardingStep !=5\" color=\"primary\" @click=\"next()\">\n          Next\n        </v-btn>\n        <v-btn v-else color=\"success\" :disabled=\"groupName == null || groupName == ''\" @click=\"submit()\">\n          <v-progress-circular small v-if=\"loadingSubmit\" class=\"mr-2\"\n            indeterminate\n            color=\"white\"\n            ></v-progress-circular>\n          Begin\n        </v-btn>\n      </v-row>\n    </div>\n\n  </v-dialog>\n</template>\n\n<script>\nimport firebase from \"firebase\";\n\n\nexport default {\n  name: \"Onboarding\",\n  data () {\n    return {\n      loadingSubmit: false,\n      showDialog: true,\n      onboardingStep: 1,\n      groupName: \"\",\n    }\n  },\n    methods: {\n      async logOut() {\n        // this.showDialog = !this.showDialog;\n        await firebase.auth().signOut();\n        this.$router.replace({ name: \"Login\" });\n      },\n      back() {\n        if (this.onboardingStep !== 1) {\n          this.onboardingStep = this.onboardingStep - 1;\n        }\n      },\n      next() {\n        if (this.onboardingStep !== 5) {\n          this.onboardingStep = this.onboardingStep + 1;\n        }\n      },\n      async submit() {\n        this.loadingSubmit = true;\n        let newGroup = {\n          name: this.groupName,\n          date: new Date(),\n          members: [this.$store.state.user.member._id],\n          games: [],\n          joinCode: Math.random().toString(36).substr(2, 8).toUpperCase(),            // Randomly generated all-caps alphanumeric string, 8-chars\n        }\n        await this.$store.dispatch(\"groups/add\", newGroup);\n        await this.$store.dispatch(\"groups/fetch\");\n        this.loadingSubmit = false;\n        await this.finishOnboarding();\n      },\n      async finishOnboarding() {\n        await this.$store.dispatch(\"completeOnboarding\");\n        this.$router.replace({ name: \"Collection\" });\n      },\n    },\n}\n</script>\n\n<style scoped>\n.fixed {\n  position: fixed;\n  z-index: 10;\n}\n\n.fixed-stepper-header {\n  position: fixed;\n  top: 48px;\n  width: 100%;\n  z-index: 1;\n  background-color: white;\n}\n\n.relative-stepper-content {\n  position: relative;\n  top: calc(48px + 72px);\n  z-index: 0;\n}\n\n.stepper-contents {\n  padding-bottom: 200px;\n  min-height:100vh;\n}\n\n.fixed-bottom {\n  position: fixed;\n  bottom: 0;\n  background-color: white;\n  box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);\n}\n\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Onboarding.vue?vue&type=template&id=9c30c1ec&scoped=true&\"\nimport script from \"./Onboarding.vue?vue&type=script&lang=js&\"\nexport * from \"./Onboarding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Onboarding.vue?vue&type=style&index=0&id=9c30c1ec&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  \"9c30c1ec\",\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 { VAppBar } from 'vuetify/lib/components/VAppBar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VStepper } from 'vuetify/lib/components/VStepper';\nimport { VStepperContent } from 'vuetify/lib/components/VStepper';\nimport { VStepperHeader } from 'vuetify/lib/components/VStepper';\nimport { VStepperItems } from 'vuetify/lib/components/VStepper';\nimport { VStepperStep } from 'vuetify/lib/components/VStepper';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAppBar,VBtn,VCard,VDialog,VDivider,VIcon,VImg,VProgressCircular,VRow,VSpacer,VStepper,VStepperContent,VStepperHeader,VStepperItems,VStepperStep,VTextField,VToolbarTitle})\n","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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Onboarding.vue?vue&type=style&index=0&id=9c30c1ec&scoped=true&lang=css&\""],"sourceRoot":""}