{"version":3,"sources":["webpack:///./src/views/dashboard/AankomendeRoadtripWijzigen.vue","webpack:///src/views/dashboard/AankomendeRoadtripWijzigen.vue","webpack:///./src/views/dashboard/AankomendeRoadtripWijzigen.vue?3de1","webpack:///./src/views/dashboard/AankomendeRoadtripWijzigen.vue?5f2d"],"names":["directives","rawName","expression","staticClass","class","_c","attrs","_vm","orderDetails","goto","existingOrders","staticRenderFns","name","components","LoadingIcon","BestellingInfo","LoggedInRegistration","mixins","data","editIcon","showCarOptions","txt_carSelected","isLoading","showPassengerList","roadtrip","date","title","passengerOptions","vehicleOptions","roadtripUniqueName","productId","hasMainOrder","watch","userId","immediate","handler","computed","fuelTypes","productCategories","beforeCreate","mounted","metaInfo","meta","methods","order","passengerOrderDetails","accountId","vehicleId","category","note","voucherCode","then","window","catch","getNewOrder","hasBreakfast","hasPackedLunch","hasDinner","hasHotel","personId","mainOrder","driverhasMainOrderForLunch","driverLunchInMainOrder","getRoadtripInformation","getAccountInformation","getExistingOrderInformation","setOrderAddOns","getPassengerOptions","array","person","getVehicleOptions","component"],"mappings":"6KAAsG,W,IAAyB,OAAG,EAAI,QAAM,G,OAACA,QAAY,kB,MAAK,CAAQC,UAAQ,EAAQ,aAAwBC,QAAU,CAAa,WAAE,EAACC,YAA2CC,QAAM,SAAE,SAAY,UAAsC,0BAA8C,YAAW,+BAACD,OAAqBE,WAAG,EAAc,SAAI,iBAAQ,EAACC,YAAM,2BAAgB,UAAE,YAAY,QAAEH,UAAY,GAAQ,QAACG,MAAM,CAAC,aAAQ,KAAgB,WAAE,YAAY,SAACH,OAA0BI,GAAM,IAAuDJ,YAAY,MAAkCA,UAAY,CAAqCC,YAAY,aAAuBE,GAAK,GAAC,iD,YAAC,mB,CAAiB,SAAQ,C,YAAgB,qC,MAAC,KAAW,SAAG,W,MAAC,CAAS,iBAAIC,MAAOA,MAAoDD,MAAM,GAAC,UAAY,GAAG,UAAgBA,GAAK,GAAC,8C,MAAK,CAAK,aAAY,KAAM,CAACC,EAAG,OAAIA,CAA4FD,MAAM,CAAC,OAAe,kBAAgBA,GAAK,GAAC,qEAA8d,OAA9d,U,MAAK,CAAK,aAAY,KAAM,CAACD,EAAG,QAAwBC,MAAM,CAAC,OAAoB,YAAWC,M,CAA+B,yBAAmBC,C,MAAa,CAAoC,gBAA8C,SAAWC,EAAI,SAAC,cAAwC,aAAgB,EAACF,aAAkB,gCAAI,oBAAmB,EAAG,oBAAwBD,KAAM,OAAC,iBAAiBC,EAAIG,iBAAe,eAAeH,EAAIC,mBAAoC,mCAAG,MAAK,CACjkD,gCACGG,aAAkB,EAAE,aAExB,SAAiBA,e,6JCwDF,GACfC,kCACAC,WACA,CACAC,mBACAC,sBACAC,mCAEAC,mDACAC,WACAC,mBACAC,kBACAC,mBACAC,aACAC,qBACAf,wBACAgB,UACAC,QACAC,UAEAC,oBACAC,kBACAC,sBACAC,aACApB,gBACAqB,gBACAvB,mBAGAwB,OACAC,QACAC,aACAC,UACA,gDACA,iBAEA,+BAIAL,WACAI,aACAC,UACA,oBAEA,sCAKAC,SACA,IACA,iDACA,+CACA,6BACAC,yBACAC,4CAGAC,eACA,wDACA,uDACA,qDACA,sDAEAC,UACA,8CAEAC,WACA,OACAf,mGACAgB,MACA,qDACA,kFACA,oBACA,uJAIAC,QACA,CACAC,QAEA,kBAEA,SACA,mDACA,0BACA,SAEAC,YAKA,iDACA,SAEAA,UAGA,OACAC,sBACAC,qEACAjB,kCACAkB,0DACAC,6BACAzC,eACA0C,2CAGA,oEACAC,SAEA,OAEA,6FACA,mBAIAC,oBAGAC,UACA,0CACA,qBAGAC,eAEA,uEACA,GACAC,wDACAC,wDACAC,+CACAC,4CACAC,qBAIA,uBACA,kBACA,aACA,YACAC,QAMA,EAJA,MAQAC,6BAEA,SACA,oCACA,CAEA,8FACA,UAEAC,oBAIA,UAEAC,yBAEA,qFACAZ,SACA,2BACA,wCAEAE,WAAA,qBAEAW,wBACA,2BACA,yBACA,gFACAb,SACA,+CACA,6CACA,sDAEA,gCAEAE,WAAA,qBAEAY,8BAEA,wDACA,CACAnB,sBACAhB,2BAEAqB,SACA,sBAGAjC,2BAEA,iDAEA,oDAGA,CACA,4DACA,UAEA,yBACA,mDAMA,kFACA,4CACA,oCACA,oBAEAmC,WAAA,qBAEAa,oBAEA,2CACA,yCACA,qCACA,oCAEAC,sBAEA,oFACAhB,SAEAiB,cACAC,sCACAA,0DAGA,2BACA,4BACA,+BACA,2BACA,mCAIAC,oBAEA,yEACAnB,SAEAiB,cACA,8BAIA,8BAEA,+DCrUmX,I,YCO/WG,EAAY,eACd,EACA,EACA5D,GACA,EACA,KACA,KACA,MAIa,aAAA4D,E","file":"js/chunk-2d20f51a.f23b8bae.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoading),expression:\"!isLoading\"}],staticClass:\"aankomende-roadtrip-wijzigen\",class:{ 'allowLunch': _vm.roadtrip.packedLunchPrice  > 0, 'allowDinner': _vm.roadtrip.dinnerPrice > 0 }},[_c('div',{staticClass:\"pa-2\"},[_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(\"Wijzig \"+_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),(!_vm.orderDetails.isPaid)?_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):_vm._e()],1)],1),_c('BestellingInfo',{attrs:{\"existingOrders\":_vm.existingOrders,\"orderDetails\":_vm.orderDetails,\"roadtrip\":_vm.roadtrip}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <div v-show=\"!isLoading\" class=\"aankomende-roadtrip-wijzigen\" :class=\"{ 'allowLunch': roadtrip.packedLunchPrice  > 0, 'allowDinner': roadtrip.dinnerPrice > 0 }\">\r\n            <div class=\"pa-2\">\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\">Wijzig {{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 v-if=\"!orderDetails.isPaid\">\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                        </v-col>\r\n                    </v-row>\r\n                    \r\n                    </v-container>\r\n                </div>\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 { mapState } from 'vuex';\r\nimport { OrderDetail } from '@/models/OrderDetail';\r\n\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport RoadtripMixin from \"@/mixins/roadtrip.mixin\";\r\nimport MetaTagsMixin from \"@/mixins/metatags.mixin\";\r\n\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport BestellingInfo from '@/components/kalender/bestelling-info';\r\nimport LoggedInRegistration from '@/components/roadtrip/signup/LoggedInRegistration';\r\n\r\nexport default {\r\n    name: 'AankomendeRoadtripWijzigen',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        BestellingInfo,\r\n        LoggedInRegistration\r\n    },\r\n    mixins: [DataMixin, FormatMixin, RouteMixin, MenuHelperMixin, RoadtripMixin, MetaTagsMixin],\r\n    data: () => ({\r\n        editIcon: require('@/assets/icons/edit.svg'),\r\n        showCarOptions: false,\r\n        txt_carSelected: \"\",\r\n        isLoading: true,\r\n        showPassengerList: false,\r\n        orderDetails: new OrderDetail(),\r\n        roadtrip: {\r\n            date: \"\",\r\n            title: \"\",\r\n        },\r\n        passengerOptions: [],\r\n        vehicleOptions: [],\r\n        roadtripUniqueName: \"\",\r\n        productId: '',\r\n        existingOrders: {\r\n            hasMainOrder: false,\r\n            orderDetails: []\r\n        },\r\n    }),\r\n    watch: {\r\n        userId: {\r\n            immediate: true,\r\n            handler() {\r\n                this.roadtripUniqueName = this.$route.params.trip;\r\n                if (this.userId != '')\r\n                {\r\n                    this.getAccountInformation();\r\n                }\r\n            }\r\n        },\r\n        productId: {\r\n            immediate: true,\r\n            handler() {\r\n                if (this.productId != '')\r\n                {\r\n                    this.getExistingOrderInformation();\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('menuHelper', {\r\n            fuelTypes: state => state.fuelTypes,\r\n            productCategories: state => state.productCategories\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    mounted () {\r\n        this.$store.commit('setFooterVisibility', false);\r\n    },\r\n    metaInfo() {\r\n        return {\r\n        title: this.roadtrip.tripName ? `| Wijzigen ${this.roadtrip.tripName}` : '| Aankomende Roadtrip Wijzigen',\r\n        meta: [\r\n            this.getKeywords(`Wijzigen ${this.roadtrip.tripName}`),\r\n            this.getMetaDescription(`Aankomende Roadtrip Wijzigen - ${this.roadtrip.tripName}`),\r\n            this.getAuthor(),\r\n            ...this.getSocialMediaMetas(`Aankomende Roadtrip Wijzigen`, `Aankomende Roadtrip Wijzigen - ${this.roadtrip.tripName}`, ``, 'Aankomende Roadtrip Wijzigen'),\r\n        ]\r\n        };\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                    let order = this.getNewOrder(passenger);\r\n                    if(order != null)\r\n                    {\r\n                        passengerOrderDetails.push(order);\r\n                    }\r\n                });\r\n\r\n            // add driver order if has changes\r\n            let driverOrder = this.getNewOrder(this.orderDetails.driver);\r\n            if(driverOrder != null)\r\n            {\r\n                passengerOrderDetails.push(driverOrder);\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(\"RoadtripModificatie\"),\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\r\n                    if(data == \"\")\r\n                    {\r\n                        this.$store.commit('dialog/showDialog', `De wijziging is succesvol in ons systeem verwerkt.`);\r\n                        this.isLoading = false; \r\n                    }\r\n                    else\r\n                    {\r\n                        window.location = data;\r\n                    }\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        getNewOrder(person)\r\n        {\r\n            var mainOrder = this.existingOrders.orderDetails.find(x => x.personId == person.personId);\r\n            var newRequest = {\r\n                hasBreakfast: mainOrder != null && mainOrder.hasBreakfast ? false : person.hasBreakfast,\r\n                hasPackedLunch: mainOrder != null && mainOrder.hasPackedLunch ? false : person.hasLunch,\r\n                hasDinner: mainOrder != null && mainOrder.hasDinner ? false : person.hasDinner,\r\n                hasHotel: mainOrder != null && mainOrder.hasHotel ? false : person.hasHotel,\r\n                personId: person.personId\r\n            }\r\n\r\n            // new order detail can just have a passenger without add-ons\r\n            if(!newRequest.hasBreakfast\r\n            && !newRequest.hasPackedLunch\r\n            && !newRequest.hasDinner\r\n            && !newRequest.hasHotel\r\n            && mainOrder != null)\r\n            {\r\n                return null;\r\n            }\r\n            else\r\n            {\r\n                return newRequest;\r\n            }\r\n            \r\n        },\r\n        driverhasMainOrderForLunch()\r\n        {\r\n            let driverLunchInMainOrder = false;\r\n            if (this.existingOrders.hasMainOrder)\r\n            {\r\n                // check in the main order if driver ordered lunch\r\n                let driver = this.existingOrders.orderDetails.find(x => x.personId == this.orderDetails.driver.personId);\r\n                if(driver != null)\r\n                {\r\n                    driverLunchInMainOrder = driver.hasPackedLunch;\r\n                }\r\n            }\r\n\r\n            return driverLunchInMainOrder;\r\n        },\r\n        getRoadtripInformation()\r\n        {\r\n            this.$store.dispatch('productModule/getPublicProductByName', this.roadtripUniqueName)\r\n                .then(data => {\r\n                this.productId = data.productId;\r\n                this.roadtrip = this.mapRoadtripData(data);\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        },\r\n        getAccountInformation(){\r\n            this.getPassengerOptions();\r\n            this.getVehicleOptions();\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                this.getRoadtripInformation();\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        },\r\n        getExistingOrderInformation()\r\n        {\r\n            this.$store.dispatch('storeModule/getOrdersInformation',\r\n            {\r\n                accountId: this.userId,\r\n                productId: this.productId\r\n            })\r\n            .then((data) => {\r\n                this.existingOrders = data;\r\n\r\n                // bind existing order information\r\n                data.orderDetails.forEach(order => {\r\n                    \r\n                    if (order.personId == this.orderDetails.driver.personId)\r\n                    {\r\n                        this.setOrderAddOns(this.orderDetails.driver, order);\r\n                    }\r\n                    else\r\n                    {\r\n                        var passenger = this.passengerOptions.find(x => x.personId == order.personId);\r\n                        if(passenger != null)\r\n                        {\r\n                            this.setOrderAddOns(passenger, order);\r\n                            this.orderDetails.registeredPassengers.push(passenger);\r\n                        }\r\n                    }\r\n\r\n                });\r\n\r\n                this.$set(this.orderDetails, 'car', this.vehicleOptions.find(x => x.id == data.vehicleId));\r\n                this.$set(this.orderDetails, 'notes', data.note);\r\n                this.existingOrders.hasMainOrder = true;\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        },\r\n        setOrderAddOns(person, order)\r\n        {\r\n            this.$set(person, 'hasBreakfast', order.hasBreakfast);\r\n            this.$set(person, 'hasLunch', order.hasPackedLunch);\r\n            this.$set(person, 'hasDinner', order.hasDinner);\r\n            this.$set(person, 'hasHotel', order.hasHotel);\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                        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}\r\n</script>\r\n<style>\r\n\r\n</style>","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!./AankomendeRoadtripWijzigen.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!./AankomendeRoadtripWijzigen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AankomendeRoadtripWijzigen.vue?vue&type=template&id=1b56c20c&\"\nimport script from \"./AankomendeRoadtripWijzigen.vue?vue&type=script&lang=js&\"\nexport * from \"./AankomendeRoadtripWijzigen.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":""}