{"version":3,"sources":["webpack:///./src/assets/album/Eifel Tour/eifel-tour-01.jpg","webpack:///./src/components/kalender/roadtrip-not-found.vue","webpack:///src/components/kalender/roadtrip-not-found.vue","webpack:///./src/components/kalender/roadtrip-not-found.vue?9d39","webpack:///./src/components/kalender/roadtrip-not-found.vue?7ebe","webpack:///./src/components/common/BannerTemplate.vue","webpack:///src/components/common/BannerTemplate.vue","webpack:///./src/components/common/BannerTemplate.vue?0ef2","webpack:///./src/components/common/BannerTemplate.vue?5ddd","webpack:///./src/views/kalender/RoadtripAanmelden.vue","webpack:///./src/components/kalender/aanmelden-loggedin.vue","webpack:///src/components/kalender/aanmelden-loggedin.vue","webpack:///./src/components/kalender/aanmelden-loggedin.vue?1bbc","webpack:///./src/components/kalender/aanmelden-loggedin.vue?74d1","webpack:///src/views/kalender/RoadtripAanmelden.vue","webpack:///./src/views/kalender/RoadtripAanmelden.vue?b685","webpack:///./src/views/kalender/RoadtripAanmelden.vue?271b","webpack:///./src/components/common/ImageDiv.vue","webpack:///src/components/common/ImageDiv.vue","webpack:///./src/components/common/ImageDiv.vue?c0e3","webpack:///./src/components/common/ImageDiv.vue?5d87"],"names":["module","exports","staticClass","_v","attrs","on","stopPropagation","_vm","staticRenderFns","name","mixins","component","_c","title","intro","props","bannerSource","components","ImageDiv","data","methods","dataLoaded","userId","passengerOptions","status","bannerImg","_s","class","isLoading","orderDetails","goto","existingOrders","BestellingInfo","LoadingIcon","LoggedInRegistration","roadtrip","vehicleOptions","order","passengerOrderDetails","hasBreakfast","hasPackedLunch","hasDinner","hasHotel","personId","accountId","vehicleId","productId","category","note","voucherCode","then","window","catch","NoRoadtrip","AanmeldenLoggedIn","BannerTemplate","date","urlTitle","urlDate","uniqueName","hasMainOrder","isUserRegisteredToTrip","watch","immediate","handler","computed","fuelTypes","metaInfo","meta","beforeCreate","getProductWhenLoggedOut","getProductWhenLoggedIn","mapRoadtrip","getAccountInformation","getPassengerOptions","array","person","getVehicleOptions","imageSource","scopedSlots","key","fn","templateClass"],"mappings":"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","file":"js/chunk-2380eb04.64a72219.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/eifel-tour-01.c259b76f.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"py-4\"},[_vm._v(\"Deze roadtrip bestaat niet. In onze kalender kunt u zien welke roadtrips we organiseren.\")])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"py-4\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.goToMainCalendar()}}},[_vm._v(\" Roadpursuit kalender \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <v-container>\r\n        <v-row no-gutters>\r\n            <v-col class=\"py-4\">Deze roadtrip bestaat niet. In onze kalender kunt u zien welke roadtrips we organiseren.</v-col>\r\n        </v-row>\r\n        <v-row no-gutters>\r\n            <v-col class=\"py-4\">\r\n                <v-btn color=\"primary\" block @click.stop=\"goToMainCalendar()\">\r\n                    Roadpursuit kalender\r\n                </v-btn>\r\n            </v-col>\r\n        </v-row>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nexport default {\r\n  name: 'NoRoadtrip',\r\n  mixins: [RouteMixin],\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./roadtrip-not-found.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./roadtrip-not-found.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./roadtrip-not-found.vue?vue&type=template&id=89493222&\"\nimport script from \"./roadtrip-not-found.vue?vue&type=script&lang=js&\"\nexport * from \"./roadtrip-not-found.vue?vue&type=script&lang=js&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('ImageDiv',{attrs:{\"imageSource\":_vm.bannerSource,\"templateClass\":'bannerImg'}})],1)],1),_c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[(_vm.title)?_c('p',{staticClass:\"display-1 mt-1 mb-2 break-word\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.intro)}})])],1)],1)],1),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class=\"pa-0\">\r\n        <v-row no-gutters>\r\n          <v-col>\r\n            <ImageDiv :imageSource=\"bannerSource\" :templateClass=\"'bannerImg'\" />\r\n          </v-col>\r\n        </v-row>\r\n        <div class=\"px-2\">\r\n            <v-container>\r\n              <v-row no-gutters>\r\n                  <v-col>\r\n                      <p v-if=\"title\" class=\"display-1 mt-1 mb-2 break-word\">{{title}}</p>\r\n                      <div v-html=\"intro\"></div>\r\n                  </v-col>\r\n              </v-row>\r\n            </v-container>\r\n        </div>\r\n          <!-- Here goes the inserted view -->\r\n          <slot></slot>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport ImageDiv from '@/components/common/ImageDiv';\r\n\r\nexport default {\r\n  name: 'BannerTemplate',\r\n      props: {\r\n          bannerSource: String,\r\n          title: String,\r\n          intro: String,\r\n      },\r\n  components: {\r\n      ImageDiv\r\n  },\r\n  data: () => ({\r\n  }),\r\n  methods: {\r\n  }\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerTemplate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerTemplate.vue?vue&type=template&id=3886ebdd&\"\nimport script from \"./BannerTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerTemplate.vue?vue&type=script&lang=js&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),(!_vm.dataLoaded && !_vm.isLoading)?_c('NoRoadtrip'):_vm._e(),(_vm.dataLoaded)?_c('div',[(_vm.status.loggedIn && !_vm.isLoading)?_c('AanmeldenLoggedIn',{attrs:{\"userId\":_vm.userId,\"roadtrip\":_vm.roadtrip,\"orderDetails\":_vm.orderDetails,\"existingOrders\":_vm.existingOrders,\"passengerOptions\":_vm.passengerOptions,\"vehicleOptions\":_vm.vehicleOptions}}):_vm._e(),(!_vm.status.loggedIn && !_vm.isLoading)?_c('div',[_c('BannerTemplate',{attrs:{\"bannerSource\":_vm.bannerImg}},[_c('div',{staticClass:\"px-2 mt-n5\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"display-1\"},[_vm._v(_vm._s(_vm.roadtrip.tripName))]),_c('span',{staticClass:\"body-1 tag-wrap\"},[_c('v-alert',{staticClass:\"tag mx-3 my-1 pa-0 text-center red\",class:`${_vm.roadtrip.labelColor}`,attrs:{\"text--white\":\"\",\"width\":\"100\",\"dense\":\"\",\"prominent\":\"\",\"text\":\"\"}},[_vm._v(_vm._s(_vm.roadtrip.label))])],1)]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(_vm._s(_vm.formatDayMonth(_vm.roadtrip.date)))])],1),_c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pt-3\"},[_c('p',[_vm._v(\" Heeft u al een account? Log dan eerst in. \")]),_c('v-btn',{staticClass:\"mb-3\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goToLogin(_vm.$router.currentRoute.path)}}},[_vm._v(\" Login \")])],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"header-title mt-2 mb-0\"},[_vm._v(\"Account\")]),_c('div',{staticClass:\"pb-3 mb-2\"},[_c('p',[_vm._v(\"Wilt u een account aanmaken of gaat u liever verder als gast? Een account heeft onder meer de volgende voordelen:\")]),_c('ul',[_c('li',[_vm._v(\"Altijd toegang tot routes en uw tickets\")]),_c('li',[_vm._v(\"Gemakkelijk passagiers en voertuigen toevoegen en afmelden\")]),_c('li',[_vm._v(\"U kunt zien aan welke roadtrips u heeft deelgenomen\")]),_c('li',[_vm._v(\"Per voertuig zien hoeveel kilometer u heeft meegereden\")]),_c('li',[_vm._v(\"Eenvoudig facturen bekijken en downloaden\")]),_c('li',[_vm._v(\"Foto's van uw voertuig en roadtrips gemakkelijk terugvinden\")])])]),_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goToRoadtripAanmeldenNewAccount(_vm.urlTitle, _vm.urlDate)}}},[_vm._v(\" Maak een account aan \")])],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"py-4\"},[_c('p',[_vm._v(\" Wilt u liever kijken of onze roadtrips bij u passen? Ga dan verder als gast. U krijgt dan een gastaccount die u altijd later nog kan omzetten. \")]),_c('v-btn',{staticClass:\"mb-3\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goToRoadtripAanmeldenGuest(_vm.urlTitle, _vm.urlDate)}}},[_vm._v(\" Verder als gast \")])],1)],1)],1)],1)],1)])],1):_vm._e()],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),(!_vm.isLoading)?_c('div',{staticClass:\"roadtrip-aanmelden onStepMode\",class:{ \n        'allowLunch': _vm.roadtrip.packedLunchPrice  > 0, \n        'allowDinner': _vm.roadtrip.dinnerPrice > 0, \n        'hasDiscount': _vm.orderDetails.discount > 0 }},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex\",attrs:{\"sm\":\"8\",\"offset-sm\":\"2\"}},[_c('span',{staticClass:\"display-1\"},[_vm._v(_vm._s(_vm.roadtrip.tripName))]),_c('span',{staticClass:\"body-1 tag-wrap\"},[_c('v-alert',{staticClass:\"tag mx-3 my-1 pa-0 text-center red\",class:`${_vm.roadtrip.labelColor}`,attrs:{\"text--white\":\"\",\"width\":\"100\",\"dense\":\"\",\"prominent\":\"\",\"text\":\"\"}},[_vm._v(_vm._s(_vm.roadtrip.label))])],1)])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"sm\":\"8\",\"offset-sm\":\"2\"}},[_vm._v(_vm._s(_vm.formatDayMonth(_vm.roadtrip.date)))])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"sm\":\"8\",\"offset-sm\":\"2\"}},[_c('LoggedInRegistration',{attrs:{\"userId\":_vm.userId,\"roadtrip\":_vm.roadtrip,\"order\":_vm.order,\"orderDetails\":_vm.orderDetails,\"existingOrders\":_vm.existingOrders,\"getFoodRestrictions\":_vm.getFoodRestrictions,\"goto\":_vm.goto,\"passengerOptions\":_vm.passengerOptions,\"vehicleOptions\":_vm.vehicleOptions}})],1)],1)],1),_c('BestellingInfo',{attrs:{\"existingOrders\":_vm.existingOrders,\"orderDetails\":_vm.orderDetails,\"roadtrip\":_vm.roadtrip}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <div v-if=\"!isLoading\" class=\"roadtrip-aanmelden onStepMode\" :class=\"{ \r\n            'allowLunch': roadtrip.packedLunchPrice  > 0, \r\n            'allowDinner': roadtrip.dinnerPrice > 0, \r\n            'hasDiscount': orderDetails.discount > 0 }\">\r\n            <v-container>\r\n                <v-row no-gutters>\r\n                    <v-col sm=\"8\" offset-sm=\"2\" class=\"d-flex\">\r\n                        <span class=\"display-1\">{{roadtrip.tripName}}</span>\r\n                        <span class=\"body-1 tag-wrap\">\r\n                            <v-alert class=\"tag mx-3 my-1 pa-0 text-center red\" \r\n                                :class=\"`${roadtrip.labelColor}`\"\r\n                                text--white\r\n                                width=\"100\"\r\n                                dense\r\n                                prominent\r\n                                text>{{roadtrip.label}}</v-alert>\r\n                        </span>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col sm=\"8\" offset-sm=\"2\" class=\"\">{{formatDayMonth(roadtrip.date)}}</v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col sm=\"8\" offset-sm=\"2\" class=\"\">\r\n                        <LoggedInRegistration\r\n                            :userId=\"userId\"\r\n                            :roadtrip=\"roadtrip\"\r\n                            :order=\"order\"\r\n                            :orderDetails=\"orderDetails\"\r\n                            :existingOrders=\"existingOrders\"\r\n                            :getFoodRestrictions=\"getFoodRestrictions\"\r\n                            :goto=\"goto\"\r\n                            :passengerOptions=\"passengerOptions\"\r\n                            :vehicleOptions=\"vehicleOptions\" />\r\n                    \r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n            <BestellingInfo :existingOrders=\"existingOrders\" :orderDetails=\"orderDetails\" :roadtrip=\"roadtrip\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport BestellingInfo from '@/components/kalender/bestelling-info';\r\nimport LoggedInRegistration from '@/components/roadtrip/signup/LoggedInRegistration';\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\n\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\n\r\nexport default {\r\n    name: 'AanmeldenLoggedIn',\r\n    components: {\r\n        BestellingInfo,\r\n        LoadingIcon,\r\n        LoggedInRegistration\r\n    },\r\n    props: {\r\n        userId: String,\r\n        roadtrip: Object,\r\n        orderDetails: Object,\r\n        passengerOptions: Array,\r\n        vehicleOptions: Array,\r\n        existingOrders: Object\r\n    },\r\n    mixins: [FormatMixin, MenuHelperMixin, RouteMixin],\r\n    data: () => ({\r\n        isLoading: false,\r\n        bannerImg: require('@/assets/album/Eifel Tour/eifel-tour-01.jpg'),\r\n    }),\r\n    methods: \r\n    {\r\n        order()\r\n        {\r\n            this.isLoading = true;\r\n\r\n            var passengerOrderDetails = [];\r\n            this.orderDetails.registeredPassengers.forEach(passenger => {\r\n                    passengerOrderDetails.push({\r\n                        hasBreakfast: passenger.hasBreakfast,\r\n                        hasPackedLunch: passenger.hasLunch,\r\n                        hasDinner: passenger.hasDinner,\r\n                        hasHotel: passenger.hasHotel,\r\n                        personId: passenger.personId\r\n                    });\r\n                });\r\n\r\n            passengerOrderDetails.push({\r\n                hasBreakfast: this.orderDetails.driver.hasBreakfast,\r\n                hasPackedLunch: this.orderDetails.driver.hasLunch,\r\n                hasDinner: this.orderDetails.driver.hasDinner,\r\n                hasHotel: this.orderDetails.driver.hasHotel,\r\n                personId: this.orderDetails.driver.personId\r\n            });\r\n\r\n            var request = {\r\n                accountId: this.userId,\r\n                vehicleId: this.orderDetails.car.id != \"\" ? this.orderDetails.car.id : null,\r\n                productId: this.roadtrip.productId,\r\n                category: this.getProductCategoryId(\"Roadtrip\"),\r\n                note: this.orderDetails.notes,\r\n                orderDetails: passengerOrderDetails,\r\n                voucherCode: this.orderDetails.voucherCode\r\n            }\r\n\r\n            this.$store.dispatch('storeModule/placeOrderWithExistingAccount', request)\r\n                .then(data => {\r\n                    window.location = data;\r\n            })\r\n            .catch(error => { \r\n                this.$store.commit('dialog/showDialog', error);\r\n                this.isLoading = false; \r\n            });\r\n        }   \r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./aanmelden-loggedin.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./aanmelden-loggedin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./aanmelden-loggedin.vue?vue&type=template&id=f3b954b8&\"\nimport script from \"./aanmelden-loggedin.vue?vue&type=script&lang=js&\"\nexport * from \"./aanmelden-loggedin.vue?vue&type=script&lang=js&\"\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","<template>\r\n    <div>\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <NoRoadtrip v-if=\"!dataLoaded && !isLoading\"/>\r\n        <div v-if=\"dataLoaded\">\r\n            <AanmeldenLoggedIn v-if=\"status.loggedIn && !isLoading\"\r\n                :userId=\"userId\"\r\n                :roadtrip=\"roadtrip\" \r\n                :orderDetails=\"orderDetails\" \r\n                :existingOrders=\"existingOrders\"\r\n                :passengerOptions=\"passengerOptions\"\r\n                :vehicleOptions=\"vehicleOptions\" />\r\n            <div v-if=\"!status.loggedIn && !isLoading\">\r\n                <BannerTemplate :bannerSource=\"bannerImg\">\r\n                    <div class=\"px-2 mt-n5\">\r\n                        <v-container>\r\n                            <v-row no-gutters>\r\n                                <v-col cols=\"12\" class=\"d-flex\">\r\n                                    <span class=\"display-1\">{{roadtrip.tripName}}</span>\r\n                                    <span class=\"body-1 tag-wrap\">\r\n                                        <v-alert class=\"tag mx-3 my-1 pa-0 text-center red\" \r\n                                            :class=\"`${roadtrip.labelColor}`\"\r\n                                            text--white\r\n                                            width=\"100\"\r\n                                            dense\r\n                                            prominent\r\n                                            text>{{roadtrip.label}}</v-alert>\r\n                                    </span>\r\n                                </v-col>\r\n                                <v-col cols=\"12\" class=\"\">{{formatDayMonth(roadtrip.date)}}</v-col>\r\n                            </v-row>\r\n                            <div>\r\n                                <v-row no-gutters>\r\n                                    <v-col class=\"pt-3\">\r\n                                        <p>\r\n                                            Heeft u al een account? Log dan eerst in.\r\n                                        </p>\r\n                                        <v-btn color=\"primary\" block class=\"mb-3\" @click=\"goToLogin($router.currentRoute.path)\">\r\n                                            Login\r\n                                        </v-btn>\r\n                                    </v-col>\r\n                                </v-row>\r\n                                <v-row no-gutters>\r\n                                    <v-col>\r\n                                        <p class=\"header-title mt-2 mb-0\">Account</p>\r\n                                        <div class=\"pb-3 mb-2\">\r\n                                            <p>Wilt u een account aanmaken of gaat u liever verder als gast? Een account heeft onder meer de volgende voordelen:</p>\r\n                                            <ul>\r\n                                                <li>Altijd toegang tot routes en uw tickets</li>\r\n                                                <li>Gemakkelijk passagiers en voertuigen toevoegen en afmelden</li>\r\n                                                <li>U kunt zien aan welke roadtrips u heeft deelgenomen</li>\r\n                                                <li>Per voertuig zien hoeveel kilometer u heeft meegereden</li>\r\n                                                <li>Eenvoudig facturen bekijken en downloaden</li>\r\n                                                <li>Foto's van uw voertuig en roadtrips gemakkelijk terugvinden</li>\r\n                                            </ul>\r\n                                        </div>\r\n                                        <v-btn color=\"primary\" block @click=\"goToRoadtripAanmeldenNewAccount(urlTitle, urlDate)\">\r\n                                            Maak een account aan\r\n                                        </v-btn>\r\n                                    </v-col>\r\n                                </v-row>\r\n                                <v-row no-gutters>\r\n                                    <v-col class=\"py-4\">\r\n                                        <p>\r\n                                            Wilt u liever kijken of onze roadtrips bij u passen? Ga dan verder als gast. U krijgt dan een gastaccount die u altijd later nog kan omzetten.\r\n                                        </p>\r\n                                        <v-btn color=\"primary\" block class=\"mb-3\" @click=\"goToRoadtripAanmeldenGuest(urlTitle, urlDate)\">\r\n                                            Verder als gast\r\n                                        </v-btn>\r\n                                    </v-col>\r\n                                </v-row>\r\n                            </div>\r\n                        </v-container>\r\n                    </div>\r\n                </BannerTemplate>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport RoadtripMixin from \"@/mixins/roadtrip.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport MetaTagsMixin from \"@/mixins/metatags.mixin\";\r\n\r\nimport AanmeldenLoggedIn from '@/components/kalender/aanmelden-loggedin';\r\nimport NoRoadtrip from '@/components/kalender/roadtrip-not-found';\r\nimport BannerTemplate from '@/components/common/BannerTemplate';\r\nimport { OrderDetail } from '@/models/OrderDetail';\r\n\r\nexport default {\r\n    name: 'RoadtripAanmelden',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        NoRoadtrip,\r\n        AanmeldenLoggedIn,\r\n        BannerTemplate\r\n    },\r\n    mixins: [DataMixin, RouteMixin, FormatMixin, MenuHelperMixin, RoadtripMixin, MetaTagsMixin],\r\n    data: () => ({\r\n        bannerImg: require('@/assets/album/Eifel Tour/eifel-tour-01.jpg'),\r\n        isLoading: false,\r\n        dataLoaded: false,\r\n        roadtrip: {\r\n            date: \"\",\r\n            title: \"\",\r\n        },\r\n        orderDetails: new OrderDetail(),\r\n        passengerOptions: [],\r\n        vehicleOptions: [],\r\n        urlTitle: \"\",\r\n        urlDate: \"\",\r\n        productId: \"\",\r\n        uniqueName: \"\",\r\n        existingOrders: {\r\n            hasMainOrder: false,\r\n            orderDetails: []\r\n        },\r\n        isUserRegisteredToTrip: false\r\n    }),\r\n    watch: {\r\n        userId: {\r\n            immediate: true,\r\n            handler() {\r\n                this.uniqueName = this.$route.params.trip;\r\n                this.urlDate = this.$route.params.trip.slice(-10);\r\n                this.urlTitle = this.$route.params.trip.slice(0, -11);\r\n\r\n                if (this.userId != '')\r\n                {\r\n                    this.getProductWhenLoggedIn();\r\n                    this.getAccountInformation();\r\n                    this.$store.commit('setFooterVisibility', false);\r\n                }\r\n                else\r\n                {\r\n                    this. getProductWhenLoggedOut();\r\n                     this.$store.commit('setFooterVisibility', true);\r\n                }\r\n            }\r\n        }\r\n    },\r\n    computed: \r\n    {\r\n        ...mapState('authorizedModule', ['userId']),\r\n        ...mapState('account', ['status', 'user']),\r\n        ...mapState({\r\n            fuelTypes: state => state.menuHelper.fuelTypes\r\n        })\r\n    },\r\n    metaInfo() {\r\n        return {\r\n        title: this.roadtrip.tripName ? `| ${this.roadtrip.tripName}` : `| Aanmelden`,\r\n        meta: [\r\n            this.getKeywords(`${this.roadtrip.label}, ${this.roadtrip.tripName}`),\r\n            this.getMetaDescription(`${this.roadtrip.label} roadtrip`),\r\n            this.getAuthor(),\r\n            ...this.getSocialMediaMetas(`${this.roadtrip.tripName}`, `${this.roadtrip.label} roadtrip`, `${window.location.origin}${this.bannerImg}`, this.roadtrip.label),\r\n        ]\r\n        };\r\n    },\r\n    beforeCreate(){\r\n        this.$store.dispatch('menuHelper/getProductCategories');\r\n        this.$store.dispatch('menuHelper/getFoodRestrictions');\r\n        this.$store.dispatch('menuHelper/getVehicleOptions');\r\n        this.$store.dispatch('menuHelper/getRoadtripLabels');\r\n    },\r\n    methods: \r\n    {\r\n        getProductWhenLoggedOut()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('productModule/getPublicProductByName', this.uniqueName)\r\n                .then(data => {\r\n                    this.mapRoadtrip(data);\r\n\r\n                    // wait for few seconds when checking if user is logged in\r\n                    if (this.userId == '')\r\n                    {\r\n                        this.isLoading = false;\r\n                    }\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        },\r\n        getProductWhenLoggedIn()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('productModule/getPublicProductByNameWhenLoggedIn', \r\n                {\r\n                    uniqueName: this.uniqueName,\r\n                    accountId: this.userId\r\n                })\r\n                .then(data => {\r\n                    this.isUserRegisteredToTrip = data.requestingAccountAlreadySignedUp;\r\n\r\n                    // if user is registered, redirect to wijzigen\r\n                    // because this page can be from redirection after login\r\n                    if(this.isUserRegisteredToTrip)\r\n                    {\r\n                        this.goToUpComingTripWijzigen(this.uniqueName);\r\n                    }\r\n                    this.mapRoadtrip(data);\r\n                    this.isLoading = false;\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        },\r\n        mapRoadtrip(data)\r\n        {\r\n            this.dataLoaded = data != \"\";\r\n            if(!this.dataLoaded) return;\r\n\r\n            this.productId = data.productId;\r\n            this.roadtrip = this.mapRoadtripData(data);\r\n        },\r\n        getAccountInformation(){\r\n            this.getPassengerOptions();\r\n            this.getVehicleOptions();\r\n\r\n            this.$store.dispatch('accountModule/getAccountOwnerBasePersoninfo', this.userId)\r\n            .then((data) => {\r\n                this.orderDetails.driver.firstname = data.firstname;\r\n                this.orderDetails.driver.personId = data.personId;\r\n                this.orderDetails.driver.allergies = data.foodRestrictions;\r\n            });\r\n        },\r\n        getPassengerOptions()\r\n        {\r\n            this.$store.dispatch('accountModule/getCoRegisteredPersonsFromAccount', this.userId)\r\n                .then(array => {\r\n                    \r\n                    array.forEach(person => {\r\n                        person.name = `${person.firstname} ${person.lastName}`;\r\n                        person.initials = this.getPersonInitials(person.firstname, person.lastName);\r\n                        \r\n                        // make these properties reactive\r\n                        this.$set(person, 'hasLunch', false);\r\n                        this.$set(person, 'hasDinner', false);\r\n                        this.$set(person, 'hasBreakfast', false);\r\n                        this.$set(person, 'hasHotel', false);\r\n\r\n                        this.passengerOptions.push(person);\r\n                    });\r\n                })\r\n        },\r\n        getVehicleOptions()\r\n        {\r\n            this.$store.dispatch('vehicleModule/getVehiclesByAccountId', this.userId)\r\n            .then(array => {\r\n\r\n                array.forEach(element => {\r\n                    this.vehicleOptions.push(element);\r\n                });\r\n\r\n                // set first car option as driver car \r\n                if(this.vehicleOptions.length > 0)\r\n                {\r\n                    this.$set(this.orderDetails, 'car', this.vehicleOptions[0]);\r\n                }\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoadtripAanmelden.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoadtripAanmelden.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoadtripAanmelden.vue?vue&type=template&id=b352c7fa&\"\nimport script from \"./RoadtripAanmelden.vue?vue&type=script&lang=js&\"\nexport * from \"./RoadtripAanmelden.vue?vue&type=script&lang=js&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-img',{staticClass:\"grey darken-4\",class:_vm.templateClass,attrs:{\"src\":_vm.imageSource,\"lazy-src\":_vm.imageSource,\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-img\r\n    :src=\"imageSource\"\r\n    :lazy-src=\"imageSource\"\r\n    aspect-ratio=\"1\"\r\n    class=\"grey darken-4\"\r\n    :class=\"templateClass\">\r\n\r\n        <template v-slot:placeholder>\r\n            <v-row\r\n                class=\"fill-height ma-0\"\r\n                align=\"center\"\r\n                justify=\"center\">\r\n\r\n                <v-progress-circular\r\n                    indeterminate\r\n                    color=\"grey lighten-5\">\r\n                </v-progress-circular>\r\n\r\n            </v-row>\r\n        </template>\r\n    </v-img>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'ImageDiv',\r\n    props: {\r\n        imageSource: String,\r\n        templateClass: String\r\n    },\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageDiv.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageDiv.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageDiv.vue?vue&type=template&id=0fb170df&\"\nimport script from \"./ImageDiv.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageDiv.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}