{"version":3,"sources":["webpack:///./src/components/Plays/Record/RecordGame.vue?bc07","webpack:///src/components/Plays/Record/RecordGame.vue","webpack:///./src/components/Plays/Record/RecordGame.vue?0408","webpack:///./src/components/Plays/Record/RecordGame.vue","webpack:///./src/components/Plays/Record/RecordGame.vue?3114"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","cancel","model","value","callback","$$v","showDialog","expression","staticClass","_v","recordStep","$event","back","ifCanAdvance","next","submit","_e","staticRenderFns","component","VAppBar","VBtn","VCard","VDialog","VDivider","VIcon","VProgressCircular","VRow","VSpacer","VStepper","VStepperContent","VStepperHeader","VStepperItems","VStepperStep","VToolbarTitle","VToolbar"],"mappings":"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","file":"js/chunk-57faf3d6.c6f9c7d9.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.cancel},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',[_vm._v(\"Record Game Play\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"error\",\"small\":\"\"},on:{\"click\":_vm.cancel}},[_c('v-icon',[_vm._v(\"mdi-close\")]),_vm._v(\" Cancel \")],1)],1),_c('v-card',[_c('v-stepper',{model:{value:(_vm.recordStep),callback:function ($$v) {_vm.recordStep=$$v},expression:\"recordStep\"}},[_c('v-stepper-header',{staticClass:\"fixed-stepper-header\"},[_c('v-stepper-step',{attrs:{\"complete\":_vm.recordStep > 1,\"step\":\"1\"}},[_vm._v(\" Game Played \")]),_c('v-divider'),_c('v-stepper-step',{attrs:{\"complete\":_vm.recordStep > 2,\"step\":\"2\"}},[_vm._v(\" Players \")]),_c('v-divider'),_c('v-stepper-step',{attrs:{\"complete\":_vm.recordStep > 3,\"step\":\"3\"}},[_vm._v(\" Game Type \")]),_c('v-divider'),_c('v-stepper-step',{attrs:{\"complete\":_vm.recordStep > 4,\"step\":\"4\"}},[_vm._v(\" Winner \")]),_c('v-divider'),_c('v-stepper-step',{attrs:{\"step\":\"5\"}},[_vm._v(\" Details \")])],1),_c('v-stepper-items',{staticClass:\"relative-stepper-content\",attrs:{\"id\":\"stepper-content\"}},[_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"1\"}},[_c('SelectGame')],1),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"2\"}},[_c('SelectPlayers')],1),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"3\"}},[_c('SelectGameType')],1),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"4\"}},[_c('DetermineStandings')],1),_c('v-stepper-content',{staticClass:\"stepper-contents \",attrs:{\"step\":\"5\"}},[_c('RecordDetails')],1)],1)],1)],1),_c('div',{staticClass:\"fixed-bottom\"},[_c('v-row',{staticClass:\"px-3 py-3\",attrs:{\"justify\":\"space-between\",\"no-gutters\":\"\"}},[(_vm.recordStep != 1)?_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.back()}}},[_vm._v(\" Back \")]):_c('v-spacer'),(_vm.recordStep !=5)?_c('v-btn',{attrs:{\"color\":\"primary\",\"disabled\":!_vm.ifCanAdvance},on:{\"click\":function($event){return _vm.next()}}},[_vm._v(\" Next \")]):_c('v-btn',{attrs:{\"color\":\"success\"},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(\" Save Play \")],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog fullscreen v-model=\"showDialog\" @input=\"cancel\">\n    <v-app-bar id=\"top\" class=\"fixed\" clipped-left dense color=\"primary\" dark>\n      <v-toolbar-title>Record Game Play</v-toolbar-title>\n\n      <v-spacer></v-spacer>\n\n      <v-btn color=\"error\" @click=\"cancel\" small>\n        <v-icon>mdi-close</v-icon>\n        Cancel\n      </v-btn>\n    </v-app-bar>\n\n    <v-card>\n\n      <!-- Step overview at the top -->\n      <v-stepper v-model=\"recordStep\">\n        <v-stepper-header class=\"fixed-stepper-header\">\n          <v-stepper-step :complete=\"recordStep > 1\" step=\"1\">\n            Game Played\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step :complete=\"recordStep > 2\" step=\"2\">\n            Players\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step :complete=\"recordStep > 3\" step=\"3\">\n            Game Type\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step :complete=\"recordStep > 4\" step=\"4\">\n            Winner\n          </v-stepper-step>\n\n          <v-divider></v-divider>\n\n          <v-stepper-step step=\"5\">\n            Details\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            <SelectGame />\n          </v-stepper-content>\n\n          <v-stepper-content step=\"2\" class=\"stepper-contents \">\n            <SelectPlayers />\n          </v-stepper-content>\n\n          <v-stepper-content step=\"3\" class=\"stepper-contents \">\n            <SelectGameType />\n          </v-stepper-content>\n\n          <v-stepper-content step=\"4\" class=\"stepper-contents \">\n            <DetermineStandings />\n          </v-stepper-content>\n\n          <v-stepper-content step=\"5\" class=\"stepper-contents \">\n            <RecordDetails />\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=\"recordStep != 1\" color=\"primary\" @click=\"back()\">\n          Back\n        </v-btn>\n        <v-spacer v-else></v-spacer>\n        <v-btn v-if=\"recordStep !=5\" color=\"primary\" :disabled=\"!ifCanAdvance\" @click=\"next()\">\n          Next\n        </v-btn>\n        <v-btn v-else color=\"success\" @click=\"submit()\">\n          <v-progress-circular small v-if=\"loadingSubmit\" class=\"mr-2\"\n            indeterminate\n            color=\"white\"\n            ></v-progress-circular>\n          Save Play\n        </v-btn>\n      </v-row>\n    </div>\n\n  </v-dialog>\n</template>\n\n<script>\nimport { parseISO, parse, toDate } from \"date-fns\";\nimport axios from \"axios\";\n\n  export default {\n    name: \"RecordGame\",\n    components: {\n      SelectGame: () => import (\"@/components/Plays/Record/SelectGame.vue\"),\n      SelectPlayers: () => import (\"@/components/Plays/Record/SelectPlayers.vue\"),\n      SelectGameType: () => import (\"@/components/Plays/Record/SelectGameType.vue\"),\n      DetermineStandings: () => import (\"@/components/Plays/Record/DetermineStandings.vue\"),\n      RecordDetails: () => import (\"@/components/Plays/Record/RecordDetails.vue\"),\n    },\n    data () {\n      return {\n        loadingSubmit: false,\n        showDialog: true,\n      }\n    },\n    computed: {\n      recordStep: {\n        set(recordStep) {\n          this.$store.commit(\"record/updateRecordStep\", recordStep);\n        },\n        get() {\n          return this.$store.state.record.recordStep;\n        },\n      },\n      ifCanAdvance() {\n        return this.$store.getters[\"record/ifCanAdvance\"];\n      },\n    },\n    methods: {\n      cancel() {\n        this.$store.commit(\"record/clearRecordState\");\n        this.showDialog = !this.showDialog;\n        \n        // Go back to previous page\n        this.$router.go(-1);\n      },\n      back() {\n        if (this.recordStep !== 1) {\n          this.recordStep = this.recordStep - 1;\n        }\n      },\n      next() {\n        if (this.recordStep !== 5) {\n          this.recordStep = this.recordStep + 1;\n        }\n      },\n      async submit() {\n        this.$store.dispatch(\"record/add\");\n        this.$store.commit(\"record/clearRecordState\");\n        // Navigate back to play history page\n        this.$router.go(-1);\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!./RecordGame.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!./RecordGame.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecordGame.vue?vue&type=template&id=17c9323a&scoped=true&\"\nimport script from \"./RecordGame.vue?vue&type=script&lang=js&\"\nexport * from \"./RecordGame.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecordGame.vue?vue&type=style&index=0&id=17c9323a&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  \"17c9323a\",\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 { 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 { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAppBar,VBtn,VCard,VDialog,VDivider,VIcon,VProgressCircular,VRow,VSpacer,VStepper,VStepperContent,VStepperHeader,VStepperItems,VStepperStep,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!./RecordGame.vue?vue&type=style&index=0&id=17c9323a&scoped=true&lang=css&\""],"sourceRoot":""}