{"version":3,"sources":["webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///./src/components/StageStartComponent.vue?e3c3","webpack:///src/components/StageStartComponent.vue","webpack:///./src/components/StageStartComponent.vue?a9a6","webpack:///./src/components/StageStartComponent.vue","webpack:///./src/components/StageStartComponent.vue?89ec"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","stage_key","_v","_s","stage","name","toUpperCase","domProps","start_text","on","$event","startStage","staticRenderFns","component","VCol","VRow","VSpacer"],"mappings":"kHAAA,0BAGe,sBAAuB,SAAU,MAAhD,a,kECHA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACE,YAAY,uBAAuBC,MAAM,CAAC,IAAO,IAAMP,EAAIQ,UAAY,YAAaJ,EAAG,QAAQ,CAACA,EAAG,YAAYA,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,MAAMC,MAAQZ,EAAIW,MAAMC,KAAKC,kBAAkBT,EAAG,aAAa,GAAGA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,mBAAmBF,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,mCAAmCQ,SAAS,CAAC,UAAYd,EAAIU,GAAGV,EAAIW,MAAMI,iBAAiBX,EAAG,QAAQ,CAACE,YAAY,oBAAoB,GAAGF,EAAG,QAAQ,CAACA,EAAG,OAAO,CAACE,YAAY,oBAAoBU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,gBAAgB,CAAClB,EAAIS,GAAG,cAAc,IAC/vBU,EAAkB,G,4CC0BtB,GACE,MAAF,CACI,UAAJ,OACI,eAAJ,iBAEE,KAAF,WACI,MAAJ,CAEM,SAAN,IAGE,QAAF,WAAI,IAAJ,4KAAI,SAAJ,mCAAI,OAAJ,KAYE,SAAF,CACI,MADJ,WACM,IAAN,OACA,sCACM,OAAN,WACA,oBAAU,OAAV,uBAEA,KAIE,QAAF,CACI,WAAJ,WACM,KAAN,cACQ,KAAR,iBACQ,OAAR,CACU,KAAV,EACU,UAAV,eACU,eAAV,0BCnEwZ,I,iFCQpZC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAC,EAAiB,QAOhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,OAAA,KAAKC,UAAA,Q,kCC1BxC,yBAAmlB,EAAG","file":"js/chunk-6812befd.e543f593.js","sourcesContent":["import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',[_c('img',{staticClass:\"stage-image-position\",attrs:{\"src\":(\"/\" + _vm.stage_key + \".png\")}})]),_c('v-row',[_c('v-spacer'),_c('span',{staticClass:\"display-1 font-weight-medium\"},[_vm._v(_vm._s(_vm.stage.name && _vm.stage.name.toUpperCase()))]),_c('v-spacer')],1),_c('v-row',[_c('v-col',{staticClass:\"col-1 col-md-3\"}),_c('v-col',{staticClass:\"col-10 col-md-6\"},[_c('div',{staticClass:\"start-content font-weight-medium\",domProps:{\"innerHTML\":_vm._s(_vm.stage.start_text)}})]),_c('v-col',{staticClass:\"col-1 col-md-3\"})],1),_c('v-row',[_c('span',{staticClass:\"start-link body-1\",on:{\"click\":function($event){return _vm.startStage()}}},[_vm._v(\"START\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <v-row>\n            <img class=\"stage-image-position\" :src=\"`/${stage_key}.png`\" />\n        </v-row>\n        <v-row>\n            <v-spacer></v-spacer>\n            <span class=\"display-1 font-weight-medium\">{{ stage.name && stage.name.toUpperCase() }}</span>\n            <v-spacer></v-spacer>\n        </v-row>\n        <v-row>\n            <v-col class=\"col-1 col-md-3\"></v-col>\n            <v-col class=\"col-10 col-md-6\">\n                <div class=\"start-content font-weight-medium\" v-html=\"stage.start_text\">\n                </div>\n            </v-col>\n            <v-col class=\"col-1 col-md-3\"></v-col>\n        </v-row>\n        <v-row>\n            <span v-on:click=\"startStage()\" class=\"start-link body-1\">START</span>\n        </v-row>\n    </div>\n</template>\n<script>\n// import { stages } from '../db/testdb.js';\n// import Client from '../client.js';\n\nexport default {\n    props: {\n        stage_key: String,\n        application_id: [String, Number]\n    },\n    data: function() {\n        return {\n            // stage: {name: ''},\n            consent: false\n        }\n    },\n    mounted: async function() {\n        // this.$store.dispatch('stage/fetchStages');\n        // let client = Client();\n        // let res = await client.get(`/stages/${this.stage_key}`);\n\n        // this.stage = res.data;\n    },\n    // computed: {\n    //     isTrue() {\n    //         return [v => v === true];\n    //     }\n    // },\n    computed: {\n        stage() {\n            const stages = this.$store.getters['stage/stages'];\n            if(stages.length > 0) {\n                return stages.find(s => s.key === this.stage_key);\n            } else {\n                return {};\n            }\n        }\n    },\n    methods: {\n        startStage: function() {\n            this.$router.push({\n                name: \"stage.question\",\n                params: {\n                    sort: 1,\n                    stage_key: this.stage_key,\n                    application_id: this.application_id\n                }\n            });\n            return;\n        }\n    }\n}\n</script>\n<style lang=\"scss\">\n.stage-image-position {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 40px;\n}\n\n.title-wrapper {\n    text-align: center;\n    width: 100%;\n    color: $go-dark-grey;\n    margin-bottom: 10px;\n}\n\n.start-content {\n    margin-bottom: 40px;\n    font-family: $secondary-font;\n    line-height: 1.75rem;\n    font-size: 1rem;\n}\n\n.start-content > * {\n    // font-family: $secondary-font !important;\n    color: $go-text-grey;\n}\n\n.start-content > ul {\n    margin-left: 40px;\n}\n\n.start-link {\n    text-decoration: none;\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    border: 1px solid $go-dark-grey;\n    border-radius: 3px;\n    background-color: $go-dark-grey;\n    color: white;\n    padding: 12px 25px 12px 25px;\n    font-family: $secondary-font !important;\n}\n\n.start-link:hover {\n    color: $go-dark-grey;\n    cursor: pointer;\n    background-color: white;\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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StageStartComponent.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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StageStartComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StageStartComponent.vue?vue&type=template&id=a448b3ec&\"\nimport script from \"./StageStartComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./StageStartComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StageStartComponent.vue?vue&type=style&index=0&lang=scss&\"\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  null,\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VRow,VSpacer})\n","import mod 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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StageStartComponent.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StageStartComponent.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}