{"version":3,"sources":["webpack:///./src/components/common/options/FoodRestrictionDropdown.vue","webpack:///src/components/common/options/FoodRestrictionDropdown.vue","webpack:///./src/components/common/options/FoodRestrictionDropdown.vue?956e","webpack:///./src/components/common/options/FoodRestrictionDropdown.vue?214d","webpack:///./src/components/common/options/CountryDropdown.vue","webpack:///src/components/common/options/CountryDropdown.vue","webpack:///./src/components/common/options/CountryDropdown.vue?e101","webpack:///./src/components/common/options/CountryDropdown.vue?ad44","webpack:///./src/components/dashboard/CarList.vue","webpack:///src/components/dashboard/CarList.vue","webpack:///./src/components/dashboard/CarList.vue?3f33","webpack:///./src/components/dashboard/CarList.vue?ac86","webpack:///./src/views/admin/Accountgegevens.vue?8d3f","webpack:///./src/components/admin/InvoiceList.vue","webpack:///src/components/admin/InvoiceList.vue","webpack:///./src/components/admin/InvoiceList.vue?5aaa","webpack:///./src/components/admin/InvoiceList.vue?5311","webpack:///./src/components/common/DatepickerFormatted.vue?45ae","webpack:///./src/components/dashboard/PassengerList.vue?cb53","webpack:///./src/components/dashboard/PassengerForm.vue?a613","webpack:///./src/components/dialogs/MessageActionDialog.vue","webpack:///src/components/dialogs/MessageActionDialog.vue","webpack:///./src/components/dialogs/MessageActionDialog.vue?909c","webpack:///./src/components/dialogs/MessageActionDialog.vue?118c","webpack:///./src/components/common/DatepickerFormatted.vue","webpack:///src/components/common/DatepickerFormatted.vue","webpack:///./src/components/common/DatepickerFormatted.vue?0d33","webpack:///./src/components/common/DatepickerFormatted.vue?9b77","webpack:///./src/components/admin/InvoiceList.vue?6667","webpack:///./src/components/common/DatepickerFormatted.vue?b217","webpack:///./src/views/admin/Accountgegevens.vue","webpack:///src/views/admin/Accountgegevens.vue","webpack:///./src/views/admin/Accountgegevens.vue?b2ed","webpack:///./src/views/admin/Accountgegevens.vue?0ffb","webpack:///./src/components/dashboard/AccountDetailsForm.vue","webpack:///src/components/dashboard/AccountDetailsForm.vue","webpack:///./src/components/dashboard/AccountDetailsForm.vue?7596","webpack:///./src/components/dashboard/AccountDetailsForm.vue?8652","webpack:///./src/components/dashboard/PassengerList.vue","webpack:///./src/components/dashboard/PassengerForm.vue","webpack:///src/components/dashboard/PassengerForm.vue","webpack:///./src/components/dashboard/PassengerForm.vue?7bee","webpack:///./src/components/dashboard/PassengerForm.vue?8bac","webpack:///src/components/dashboard/PassengerList.vue","webpack:///./src/components/dashboard/PassengerList.vue?5fb6","webpack:///./src/components/dashboard/PassengerList.vue?5323","webpack:///./src/components/dashboard/ListItem.vue","webpack:///src/components/dashboard/ListItem.vue","webpack:///./src/components/dashboard/ListItem.vue?e5e9","webpack:///./src/components/dashboard/ListItem.vue?1a65","webpack:///./src/components/dashboard/AccountDetailsForm.vue?8b91","webpack:///./src/assets/icons/download.svg","webpack:///./src/components/common/options/FoodRestrictionDropdown.vue?836f"],"names":["attrs","staticClass","_c","onValueChanged","model","callback","txt_allergies","expression","staticRenderFns","name","props","allergies","beforeMount","mixins","data","showOptions","watch","handler","computed","foodRestrictions","methods","mapAllergies","component","_self","countries","_vm","txt_country","country","isReadOnly","hideLabel","txt_isReadOnly","label","deep","setDescription","item","on","isActive","index","licensePlate","vehicleType","make","engineCapacity","cylinders","fuelType","addCar","cancel","directives","rawName","value","hasNewInput","_v","dialog","components","ListItem","CarForm","accountId","editIcon","deleteIcon","cars","selectedIndex","selectedItem","accountFirstname","isLoading","intro","mounted","getRegisteredVehicles","then","array","element","setCarTitle","setSubtitle","showDialog","deleteCar","catch","request","updateCar","updateListInfo","car","addNewCar","id","year","power","participatedDistance","isNew","onTitleClick","currentSort","$event","key","class","downloadIcon","invoices","number","roadtripName","type","amountPaid","isCompanyExpense","expenseType","receiveOn","participant","sortedArray","sortedInvoices","text2","text1","getCardText","getCardSubText","dialogVisible","domProps","stopPropagation","apply","dialogMessage","yes","no","ref","contentClass","scopedSlots","fn","txt_isDisabled","txt_date","dateFormatted","txt_isBirthdate","activePicker","date","isRequired","isDisabled","showIcon","isBirthdate","isAccountHolder","minDate","txt_minDate","txt_label","txt_isRequired","menu","pickerRules","age_limit","val","updateDate","accountAddress","CarList","PassengerList","InvoiceList","AccountDetailsForm","MessageActionDialog","LoadingIcon","email","personInfo","action","isBlocked","confirmBlock","confirmUnblock","confirmDelete","onAction","deleteAccount","blockAccount","unblockAccount","_s","goToChangePassword","personformvalid","onEditPersonDetails","_e","editPersonDetails","required","firstname","$set","rules","lastName","dateOfBirth","phoneNumberLength","isPhoneNumberKey","phoneNumber","editAddress","indexOf","_k","maxLength","CountryDropdown","DatepickerFormatted","FoodRestrictionDropdown","isSubscribed","valid","editAllergy","addressformvalid","isSubscribedToNewsletter","isSubscribing","getPersonRequest","personInfoRequest","foodInfoRequest","personId","onEditAddress","street","houseNumber","zipCode","city","company","updateAllergy","setSubscription","copassengers","updatePerson","txt_firstname","txt_lastname","txt_phone","txt_dateOfBirth","lastname","setInitial","savePerson","PassengerForm","getCoregisteredPersons","fullname","initials","deletePerson","addPerson","passenger","addNewPassenger","setActiveItem","render","title","subtitle","description","module","exports"],"mappings":"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","file":"js/chunk-068c587e.8bb5cf3e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"allergy-container\",attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',{staticClass:\"pa-0\",attrs:{\"cols\":\"12\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.foodRestrictions,\"label\":\" Allergieën en voedselvoorkeuren\",\"multiple\":\"\",\"item-text\":\"item2\",\"item-value\":\"item1\",\"hide-details\":\"\",\"return-object\":\"\",\"deletable-chips\":\"\",\"chips\":\"\"},on:{\"change\":_vm.onValueChanged},model:{value:(_vm.txt_allergies),callback:function ($$v) {_vm.txt_allergies=$$v},expression:\"txt_allergies\"}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container fluid class=\"allergy-container\">\r\n        <v-row>\r\n            <v-col cols=\"12\" class=\"pa-0\">\r\n                <v-autocomplete\r\n                    v-model=\"txt_allergies\"\r\n                    :items=\"foodRestrictions\"\r\n                    label=\" Allergieën en voedselvoorkeuren\"\r\n                    multiple\r\n                    item-text=\"item2\"\r\n                    item-value=\"item1\"\r\n                    hide-details\r\n                    return-object\r\n                    deletable-chips\r\n                    @change=\"onValueChanged\"\r\n                    chips>\r\n                </v-autocomplete>\r\n            </v-col>\r\n        </v-row>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nexport default {\r\n    name: 'FoodRestrictionDropdown',\r\n    props: \r\n    {\r\n        allergies: Array\r\n    },\r\n    beforeMount()\r\n    {\r\n        this.mapAllergies();\r\n    },\r\n    mixins: [MenuHelperMixin],\r\n    data() {\r\n        return {\r\n            showOptions: false,\r\n            txt_allergies: [],\r\n        }\r\n    },\r\n    watch: {\r\n        allergies: {\r\n            handler() {\r\n                this.mapAllergies();\r\n            }\r\n        },\r\n        showOptions: {\r\n            handler() {\r\n                this.$emit('showMenu', this.showOptions);\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            foodRestrictions: state => state.menuHelper.foodRestrictions\r\n        })\r\n    },\r\n    methods:\r\n    {\r\n        mapAllergies()\r\n        {\r\n            this.txt_allergies = this.foodRestrictions.filter(x => this.allergies.includes(x.item1));\r\n        },\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_allergies.map(x => x.item1));\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.allergy-container .v-text-field .v-label--active {\r\n    top: 0px;\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!./FoodRestrictionDropdown.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!./FoodRestrictionDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FoodRestrictionDropdown.vue?vue&type=template&id=0254e768&\"\nimport script from \"./FoodRestrictionDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./FoodRestrictionDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FoodRestrictionDropdown.vue?vue&type=style&index=0&id=0254e768&prod&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  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('v-select',{attrs:{\"items\":_vm.countries,\"hide-details\":\"true\",\"offset-y\":\"\",\"item-text\":\"item2\",\"item-value\":\"item1\",\"auto-select-first\":\"\",\"readonly\":_vm.txt_isReadOnly,\"label\":_vm.label,\"dense\":\"\"},model:{value:(_vm.txt_country),callback:function ($$v) {_vm.txt_country=$$v},expression:\"txt_country\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-select \r\n            v-model=\"txt_country\"\r\n            :items=\"countries\"\r\n            hide-details=\"true\"\r\n            offset-y\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            auto-select-first\r\n            :readonly=\"txt_isReadOnly\"\r\n            :label=\"label\"\r\n            dense></v-select>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nexport default {\r\n    name: 'CountryDropdown',\r\n    props: \r\n    {\r\n        country: Number,\r\n        isReadOnly: Boolean,\r\n        hideLabel: Boolean\r\n    },\r\n    mixins: [DataMixin, MenuHelperMixin],\r\n    beforeMount()\r\n    {\r\n        this.txt_country = this.country;\r\n        this.txt_isReadOnly = this.isReadOnly  ? this.isReadOnly : false;\r\n        this.label = this.hideLabel ? \"\" : \"Land\";\r\n\r\n    },\r\n    data() {\r\n        return {\r\n            txt_country: 0,\r\n            txt_isReadOnly: false,\r\n            label: ''\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            countries: state => state.menuHelper.countries\r\n        })\r\n    },\r\n    watch: {\r\n        country: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_country = this.country;\r\n            }\r\n        },\r\n        isReadOnly: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_isReadOnly = this.isReadOnly;\r\n            }\r\n        },\r\n        txt_country: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_country);\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!./CountryDropdown.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!./CountryDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountryDropdown.vue?vue&type=template&id=e9c8b974&\"\nimport script from \"./CountryDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./CountryDropdown.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',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"display-1 mb-2\"},[_vm._v(\"Geregistreerde voertuigen\")]),_c('div',[_vm._v(_vm._s(_vm.intro))])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12 py-0\"}},[_c('v-divider',{attrs:{\"color\":\"white\"}})],1),_vm._l((_vm.cars),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12 py-0\"}},[_c('ListItem',{attrs:{\"index\":index,\"isActive\":item.isActive,\"subtitle\":_vm.setSubtitle(item),\"initials\":_vm.getVehicleMake(item.make).charAt(0),\"title\":_vm.setCarTitle(item),\"description\":_vm.setDescription(item)},on:{\"setActiveItem\":function($event){item.isActive = true},\"showDialog\":_vm.showDialog}}),_c('CarForm',{attrs:{\"index\":index,\"licensePlate\":item.licensePlate,\"vehicleType\":item.vehicleType,\"make\":item.make,\"model\":item.model,\"year\":item.year,\"engineCapacity\":item.engineCapacity,\"cylinders\":item.cylinders,\"power\":item.power,\"fuelType\":item.fuelType,\"id\":item.id,\"isActive\":item.isActive,\"isNew\":item.isNew},on:{\"create\":_vm.addCar,\"update\":_vm.updateCar,\"cancel\":_vm.cancel}})],1)}),_c('v-expand-transition',[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hasNewInput),expression:\"!hasNewInput\"}],attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mt-5 mb-0\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.addNewCar()}}},[_vm._v(\" Voeg nieuwe voertuig toe \")])],1)],1)],2)],1),_c('v-dialog',{attrs:{\"max-width\":\"290\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(\" Bevestig verwijderen \")]),_c('v-card-text',[_vm._v(\" Weet u zeker dat u \\\"\"+_vm._s(_vm.setCarTitle(_vm.selectedItem))+\"\\\" wilt verwijderen? \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Annuleren \")]),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.deleteCar()}}},[_vm._v(\" Verwijder \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"px-2\">\r\n        <v-container>\r\n            <v-row no-gutters>\r\n                <v-col>\r\n                    <p class=\"display-1 mb-2\">Geregistreerde voertuigen</p>\r\n                    <div>{{intro}}</div>\r\n                </v-col>\r\n            </v-row>\r\n            <v-row>\r\n                <v-col cols=\"12 py-0\">\r\n                    <v-divider color=\"white\"></v-divider>\r\n                </v-col>\r\n                <v-col cols=\"12 py-0\" v-for=\"(item, index) in cars\" :key=\"index\">\r\n                    <ListItem \r\n                        :index=\"index\"\r\n                        :isActive=\"item.isActive\" \r\n                        :subtitle=\"setSubtitle(item)\" \r\n                        :initials=\"getVehicleMake(item.make).charAt(0)\"\r\n                        :title=\"setCarTitle(item)\"\r\n                        :description=\"setDescription(item)\"\r\n                        @setActiveItem=\"item.isActive = true\"\r\n                        @showDialog=\"showDialog\" />\r\n                    <CarForm \r\n                        :index=\"index\"\r\n                        :licensePlate=\"item.licensePlate\"\r\n                        :vehicleType=\"item.vehicleType\"\r\n                        :make=\"item.make\"\r\n                        :model=\"item.model\"\r\n                        :year=\"item.year\"\r\n                        :engineCapacity=\"item.engineCapacity\"\r\n                        :cylinders=\"item.cylinders\"\r\n                        :power=\"item.power\"\r\n                        :fuelType=\"item.fuelType\"\r\n                        :id=\"item.id\"\r\n                        :isActive=\"item.isActive\"\r\n                        :isNew=\"item.isNew\"\r\n                        @create=\"addCar\"\r\n                        @update=\"updateCar\"\r\n                        @cancel=\"cancel\" />\r\n                </v-col>\r\n                <v-expand-transition>\r\n                    <v-col cols=\"12\" v-show=\"!hasNewInput\">\r\n                        <v-btn color=\"primary\" block class=\"mt-5 mb-0\" @click=\"addNewCar()\">\r\n                            Voeg nieuwe voertuig toe\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-expand-transition>\r\n            </v-row>\r\n        </v-container>\r\n        <v-dialog\r\n            v-model=\"dialog\"\r\n            max-width=\"290\">\r\n            <v-card>\r\n                <v-card-title class=\"text-h5\">\r\n                    Bevestig verwijderen\r\n                </v-card-title>\r\n\r\n                <v-card-text>\r\n                    Weet u zeker dat u \"{{ setCarTitle(selectedItem) }}\" wilt verwijderen?\r\n                </v-card-text>\r\n\r\n                <v-card-actions>\r\n                <v-spacer></v-spacer>\r\n                <v-btn\r\n                    text\r\n                    @click=\"dialog = false\">\r\n                    Annuleren\r\n                </v-btn>\r\n\r\n                <v-btn\r\n                    text\r\n                    @click=\"deleteCar()\">\r\n                    Verwijder\r\n                </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ListItem from \"@/components/dashboard/ListItem\";\r\nimport CarForm from \"@/components/dashboard/CarForm\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport { mapState } from 'vuex'\r\n\r\nexport default {\r\n    name: 'CarList',\r\n    components: \r\n    {\r\n        ListItem,\r\n        CarForm\r\n    },\r\n    props: {\r\n        accountId: String,\r\n    },\r\n    data: () => ({\r\n        editIcon: require('@/assets/icons/edit.svg'),\r\n        deleteIcon: require('@/assets/icons/delete.svg'),\r\n        cars: [],\r\n       \r\n        dialog: false,\r\n        selectedIndex: -1,\r\n        selectedItem: null,\r\n        accountFirstname: 'Peter',\r\n        isLoading: false,\r\n       \r\n    }),\r\n    computed:\r\n    {\r\n        ...mapState('account', ['status']),\r\n        ...mapState('authorizedModule', ['isAdmin']),\r\n        hasNewInput()\r\n        {\r\n            return this.cars.find(x => x.isNew);\r\n        },\r\n        intro() {\r\n            return this.isAdmin ? `Hieronder staan de voertuigen die op het account van ${this.accountFirstname} staan geregistreerd.` : `Bekijk hier het overzicht van uw voertuig(en). Na iedere roadtrip wordt het totaal aantal kilometers dat uw voertuig heeft meegereden geüpdatet. Heeft u een nieuwe auto gekocht? Voeg hem hieronder toe! U kunt uw voertuig ook weer verwijderen.`;\r\n        }\r\n    },\r\n    mixins: [MenuHelperMixin, RouteMixin, FormatMixin],\r\n    mounted()\r\n    {\r\n        this.getRegisteredVehicles();\r\n    },\r\n    methods: \r\n    {\r\n        getRegisteredVehicles()\r\n        {\r\n            this.isLoading = true;\r\n            this.cars = [];\r\n            this.$store.dispatch('vehicleModule/getVehiclesByAccountId', this.accountId)\r\n            .then(array => {\r\n\r\n                array.forEach(element => {\r\n                    element.isNew = false;\r\n                    element.isActive = false;\r\n                    this.cars.push(element);\r\n                });\r\n\r\n                this.isLoading = false;\r\n            })\r\n        },\r\n        setCarTitle(item)\r\n        {\r\n            if(item == null || item == undefined)\r\n            {\r\n                return \"\";\r\n            }\r\n\r\n            return `${this.getVehicleMake(item.make)} ${item.model} (${item.year})`; \r\n        },\r\n        setSubtitle(item)\r\n        {\r\n            if(item == null || item == undefined)\r\n            {\r\n                return \"\";\r\n            }\r\n\r\n            let electricInfo = this.isElectricCar(item.fuelType) ? \"\" : `${item.engineCapacity} | ${item.cylinders} cilinder | `;\r\n            return `${electricInfo}${this.getFuelType(item.fuelType).replace('_', ' ')} | ${item.power} pk`; \r\n        },\r\n        setDescription(item)\r\n        {\r\n            if(item == null)\r\n            {\r\n                return \"\";\r\n            }\r\n            \r\n            let kenteken = item.licensePlate != undefined && item.licensePlate.trim() != \"\" ? `Kenteken: ${item.licensePlate} | ` : \"\";\r\n            return `${kenteken}Meegereden: ${item.participatedDistance} km`; \r\n        },\r\n        showDialog(index)\r\n        {\r\n            this.selectedItem = this.cars[index];\r\n            this.selectedIndex = index;\r\n            this.dialog = true;\r\n        },\r\n        deleteCar()\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            this.isLoading = true;\r\n            this.dialog = false;\r\n            this.$store.dispatch('vehicleModule/deleteVehicle', this.selectedItem.id)\r\n            .then(() => {\r\n                this.$delete(this.cars, this.selectedIndex);\r\n                this.selectedItem.isActive = false;\r\n                this.isLoading = false;\r\n            })\r\n            .catch(error => \r\n            {\r\n                this.$store.commit('dialog/showDialog', error);\r\n                this.isLoading = false;\r\n            })\r\n            \r\n        },\r\n        addCar(index, request)\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            request.participatedTrips = 0;\r\n            request.participatedDistance = 0;\r\n            request.accountId = this.accountId\r\n\r\n            this.$store.dispatch('vehicleModule/addVehicle', request)\r\n            .then(id => {\r\n                request.id = id;\r\n                this.updateListInfo(index, request);\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => \r\n            {\r\n                this.$store.commit('dialog/showDialog', `Something went wrong with registering vehicle.`);\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        updateCar(index, request)\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            request.participatedTrips = 0;\r\n            request.participatedDistance = 0;\r\n\r\n            this.$store.dispatch('vehicleModule/updateVehicle', request)\r\n            .then(() => {\r\n                this.updateListInfo(index, request);\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => \r\n            {\r\n                this.$store.commit('dialog/showDialog', `Something went wrong with updating vehicle.`);\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        updateListInfo(index, params)\r\n        {\r\n            let car = this.cars[index];\r\n            car.id = params.id;\r\n            car.vehicleType = params.vehicleType;\r\n            car.licensePlate = params.licensePlate;\r\n            car.make = params.make;\r\n            car.model = params.model;\r\n            car.year = params.year;\r\n            car.engineCapacity = params.engineCapacity;\r\n            car.cylinders = params.cylinders;\r\n            car.power = params.power;\r\n            car.fuelType = params.fuelType;\r\n            car.isActive = false;\r\n            car.isNew = false;\r\n        },\r\n        cancel(index)\r\n        {\r\n            let car = this.cars[index];\r\n            if (car.isNew)\r\n            {\r\n                this.$delete(this.cars, index);\r\n            }\r\n            else\r\n            {\r\n                car.isActive = false;\r\n            }\r\n        },\r\n        addNewCar()\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n            \r\n            this.cars.push({ \r\n                id: \"\",\r\n                vehicleType: 0,\r\n                make: null, \r\n                model: \"\",\r\n                year: 0, \r\n                cylinders: 0,\r\n                fuelType: 0,\r\n                licensePlate: \"\",\r\n                power: 0,\r\n                engineCapacity: 0,\r\n                participatedDistance: 0,\r\n                isActive: true,\r\n                isNew: true\r\n            });\r\n        },\r\n        onTitleClick(index)\r\n        {\r\n            let car = this.cars[index];\r\n            this.goToCar(car.id);\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!./CarList.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!./CarList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CarList.vue?vue&type=template&id=23107df6&\"\nimport script from \"./CarList.vue?vue&type=script&lang=js&\"\nexport * from \"./CarList.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Accountgegevens.vue?vue&type=style&index=0&id=f556673a&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-2\"},[_c('v-container',{staticClass:\"py-0\"},[_c('v-row',{staticClass:\"mb-0 px-4\"},[_c('v-col',{staticClass:\"header px-0 pb-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title\"},[_vm._v(\"Facturen\")])]),_c('v-col',{staticClass:\"ma-0 pt-3 px-0 sort-container\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'roadtrip'}}},[_vm._v(\" Roadtrip \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'roadtrip' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1),_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'type'}}},[_vm._v(\" Type \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'type' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1),_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'bedrag'}}},[_vm._v(\" Bedrag \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'bedrag' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1),_c('v-btn',{staticClass:\"pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'datum'}}},[_vm._v(\" Datum \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'datum' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1)],1),_vm._l((_vm.sortedArray),function(invoice,index){return _c('v-col',{key:index,staticClass:\"pt-3 pb-1 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"invoice-card\",class:{ 'rp-red' : invoice.isCompanyExpense }},[_c('v-card-title',{staticClass:\"subtitle-1 cols-12 pt-2 pb-0\"},[_vm._v(\" \"+_vm._s(_vm.getCardText(invoice))+\" \")]),_c('v-list',{staticClass:\"pa-0\"},[_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(_vm.getCardSubText(invoice)))])],1),_c('v-list-item-action',[_c('div',[_c('img',{staticClass:\"delete-icon\",attrs:{\"src\":_vm.downloadIcon,\"alt\":\"Download\"}})])])],1)],1)],1)],1)})],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     <div class=\"px-2\">\r\n        <v-container class=\"py-0\">\r\n            <v-row class=\"mb-0 px-4\">\r\n                <v-col cols=\"12\" class=\"header px-0 pb-0 pt-3\">\r\n                    <span class=\"header-title\">Facturen</span>\r\n                </v-col>\r\n                <v-col cols=\"12\" class=\"ma-0 pt-3 px-0 sort-container\">\r\n                    <v-btn plain\r\n                        class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'roadtrip'\">\r\n                        Roadtrip\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'roadtrip' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                    <v-btn plain\r\n                        class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'type'\">\r\n                        Type\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'type' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                    <v-btn plain\r\n                        class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'bedrag'\">\r\n                        Bedrag\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'bedrag' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                     <v-btn plain\r\n                        class=\"pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'datum'\">\r\n                        Datum\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'datum' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                </v-col>\r\n                <v-col cols=\"12\" class=\"pt-3 pb-1 px-0\" v-for=\"(invoice, index) in sortedArray\" :key=\"index\">\r\n                     <v-card class=\"invoice-card\" :class=\"{ 'rp-red' : invoice.isCompanyExpense }\">\r\n                        <v-card-title\r\n                        class=\"subtitle-1 cols-12 pt-2 pb-0\">\r\n                            {{ getCardText(invoice) }}\r\n                        </v-card-title>\r\n                        <v-list class=\"pa-0\">\r\n                            <v-list-item>\r\n                                <v-list-item-content>\r\n                                    <v-list-item-title>{{ getCardSubText(invoice) }}</v-list-item-title>\r\n                                </v-list-item-content>\r\n                               \r\n                                <v-list-item-action>\r\n                                    <div>\r\n                                        <img class=\"delete-icon\" :src=\"downloadIcon\" alt=\"Download\" />\r\n                                    </div>\r\n                                </v-list-item-action>\r\n                            </v-list-item>\r\n                        </v-list>\r\n                    </v-card>\r\n                </v-col>\r\n            </v-row>\r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nexport default {\r\n    name: 'InvoiceList',\r\n    components: \r\n    {\r\n    },\r\n    mixins: [FormatMixin],\r\n    data () {\r\n        return {\r\n            downloadIcon: require('@/assets/icons/download.svg'),\r\n            deleteIcon: require('@/assets/icons/delete.svg'),\r\n            currentSort: 'roadtrip',\r\n            invoices: [\r\n                {\r\n                    number: \"0070\",\r\n                    roadtripName: \"Ardennen Tour\",\r\n                    type: \"Volvo\",\r\n                    amountPaid: 980.00,\r\n                    isCompanyExpense: true,\r\n                    expenseType: \"Lunchpakketten\",\r\n                    receiveOn: \"2018-09-28\",\r\n                },\r\n                {\r\n                    number: \"0069\",\r\n                    roadtripName: \"Eifel Tour\",\r\n                    type: \"Porsche\",\r\n                    participant: \"Jedalisa Sevilla\",\r\n                    isCompanyExpense: false,\r\n                    amountPaid: 120.00,\r\n                    receiveOn: \"2018-08-25\",\r\n                },\r\n                {\r\n                    number: \"0070\",\r\n                    roadtripName: \"Ardennen Tour\",\r\n                    type: \"Volvo\",\r\n                    participant: \"Marijn van der Leer\",\r\n                    isCompanyExpense: false,\r\n                    amountPaid: 950.00,\r\n                    receiveOn: \"2018-09-28\",\r\n\r\n                },\r\n                {\r\n                    number: \"0072\",\r\n                    roadtripName: \"Deventer Tour\",\r\n                    type: \"Ferrari\",\r\n                    participant: \"Ronald van Hameren\",\r\n                    isCompanyExpense: false,\r\n                    amountPaid: 360.00,\r\n                    receiveOn: \"2019-01-05\",\r\n                }\r\n            ]\r\n        }\r\n        \r\n    },\r\n    props: \r\n    {\r\n    },\r\n    computed: \r\n    {\r\n        sortedArray() \r\n        {\r\n            let sortedInvoices = this.invoices;\r\n\t\t\r\n            sortedInvoices = sortedInvoices.sort((a,b) => {\r\n                let text1 = \"\",\r\n                    text2 = \"\";\r\n\r\n                switch(this.currentSort)\r\n                {\r\n                    case \"roadtrip\":\r\n                        text1 = a.number.toLowerCase();\r\n                        text2 = b.number.toLowerCase();\r\n                        break;\r\n                    case \"type\":\r\n                        text1 = a.isCompanyExpense ? 0: 1;\r\n                        text2 = b.isCompanyExpense ? 0: 1;\r\n                        break;\r\n                    case \"bedrag\":\r\n                        text1 = a.amountPaid.toLowerCase();\r\n                        text2 = b.amountPaid.toLowerCase();\r\n                        break;\r\n                    case \"datum\":\r\n                        text1 = a.receiveOn.toLowerCase();\r\n                        text2 = b.receiveOn.toLowerCase();\r\n                        break;\r\n                }\r\n\r\n                if (text1 < text2) {\r\n                    return -1\r\n                }\r\n                if (text1 > text2) {\r\n                    return 1\r\n                }\r\n                return 0\r\n            })\r\n            return sortedInvoices;\r\n        }\r\n    },\r\n    methods: {\r\n        getCardText(item)\r\n        {\r\n            let label = item.isCompanyExpense ? item.expenseType : item.participant;\r\n            return `${item.number} | ${item.roadtripName} | ${label}`;\r\n        },\r\n        getCardSubText(item)\r\n        {\r\n            let label = item.isCompanyExpense ? `Betaald:` : `Ontvangen:`;\r\n            return `Bedrag: ${this.getCurrency(item.amountPaid)} | ${label}: ${this.formatDate(item.receiveOn)}`;\r\n        }\r\n\r\n    },\r\n}\r\n</script>\r\n<style>\r\n.theme--dark.v-card.invoice-card,\r\n.invoice-card .theme--dark.v-list\r\n{\r\n    background-color: #005E39;\r\n}\r\n\r\n.theme--dark.v-card.invoice-card.rp-red,\r\n.invoice-card.rp-red .theme--dark.v-list\r\n{\r\n    background-color: #6B0017;\r\n}\r\n\r\n.invoice-card .v-card__title\r\n{\r\n    margin-bottom: -10px;\r\n}\r\n\r\n.v-sheet.v-card.invoice-card \r\n{\r\n    border-radius: 10px;\r\n}\r\n\r\n.sort-container button.v-btn:not(.v-btn--round).v-size--default\r\n{\r\n    border-bottom: 1px solid #858282 !important;\r\n    border-radius: 0px;\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!./InvoiceList.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!./InvoiceList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoiceList.vue?vue&type=template&id=299f5178&\"\nimport script from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoiceList.vue?vue&type=style&index=0&id=299f5178&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatepickerFormatted.vue?vue&type=style&index=0&id=48583ecf&prod&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PassengerList.vue?vue&type=style&index=0&id=713a1732&prod&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PassengerForm.vue?vue&type=style&index=0&id=11c184a4&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"message-dialog\"},[_c('v-row',{staticClass:\"no-gutters\"},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\",\"color\":\"white\",\"max-width\":\"600\"},model:{value:(_vm.dialogVisible),callback:function ($$v) {_vm.dialogVisible=$$v},expression:\"dialogVisible\"}},[[_c('v-card',[_c('v-card-text',[_c('div',{staticClass:\"subtitle-2 px-8 pt-10\",domProps:{\"innerHTML\":_vm._s(_vm.dialogMessage)}})]),_c('v-card-actions',{staticClass:\"pb-5\"},[_c('v-spacer'),_c('v-btn',{on:{\"click\":function($event){$event.stopPropagation();return _vm.yes.apply(null, arguments)}}},[_vm._v(\"Ja\")]),_c('v-btn',{on:{\"click\":function($event){$event.stopPropagation();return _vm.no.apply(null, arguments)}}},[_vm._v(\"Nee\")])],1)],1)]],2)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"message-dialog\">\r\n        <v-row class=\"no-gutters\">\r\n            <v-col cols=\"auto\">\r\n                <v-dialog persistent color=\"white\"\r\n                    max-width=\"600\"\r\n                    v-model=\"dialogVisible\">\r\n                    <template>\r\n                        <v-card>\r\n                            <v-card-text>\r\n                                <div class=\"subtitle-2 px-8 pt-10\" v-html=\"dialogMessage\"></div>\r\n                            </v-card-text>\r\n                            <v-card-actions class=\"pb-5\">\r\n                                <v-spacer></v-spacer>\r\n                                <v-btn @click.stop=\"yes\">Ja</v-btn>\r\n                                <v-btn @click.stop=\"no\">Nee</v-btn>\r\n                            </v-card-actions>\r\n                        </v-card>\r\n                    </template>\r\n                </v-dialog>\r\n            </v-col>\r\n        </v-row>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n    name: 'MessageActionDialog',\r\n\r\n    data: () => ({\r\n       \r\n    }),\r\n    computed: {\r\n        ...mapState({\r\n            dialogVisible: state => state.dialog.isActionDialogVisible,\r\n            dialogMessage: state => state.dialog.actionMessage\r\n        })\r\n    },\r\n  \r\n    methods: {\r\n        yes() \r\n        {\r\n            this.$emit('yes');\r\n            this.$store.commit('dialog/hideActionDialog');\r\n        },\r\n        no()\r\n        {\r\n            this.$store.commit('dialog/hideActionDialog');\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!./MessageActionDialog.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!./MessageActionDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MessageActionDialog.vue?vue&type=template&id=21c77dde&\"\nimport script from \"./MessageActionDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./MessageActionDialog.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-menu',{ref:\"menu\",attrs:{\"menu-props\":{ contentClass: 'datepicker-container' },\"close-on-content-click\":false,\"transition\":\"scale-transition\",\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"label\":_vm.txt_label,\"hint\":\"DD-MM-YYYY format\",\"placeholder\":\"DD-MM-YYYY\",\"persistent-hint\":\"\",\"prepend-icon\":_vm.showIcon ? 'mdi-calendar-blank' : undefined,\"rules\":_vm.pickerRules,\"required\":_vm.isRequired,\"disabled\":_vm.txt_isDisabled},on:{\"blur\":function($event){_vm.txt_date = _vm.parseDate(_vm.dateFormatted)}},model:{value:(_vm.dateFormatted),callback:function ($$v) {_vm.dateFormatted=$$v},expression:\"dateFormatted\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.menu),callback:function ($$v) {_vm.menu=$$v},expression:\"menu\"}},[_c('v-date-picker',{attrs:{\"no-title\":\"\",\"active-picker\":_vm.activePicker,\"min\":_vm.txt_isBirthdate ? _vm.minBirthdate() : _vm.txt_minDate,\"max\":_vm.txt_isBirthdate ? _vm.maxBirthdate(_vm.age_limit) : undefined,\"readonly\":_vm.txt_isReadOnly},on:{\"update:activePicker\":function($event){_vm.activePicker=$event},\"update:active-picker\":function($event){_vm.activePicker=$event},\"input\":function($event){_vm.menu = false}},model:{value:(_vm.txt_date),callback:function ($$v) {_vm.txt_date=$$v},expression:\"txt_date\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-menu\r\n        :menu-props=\"{ contentClass: 'datepicker-container' }\"\r\n        ref=\"menu\"\r\n        v-model=\"menu\"\r\n        :close-on-content-click=\"false\"\r\n        transition=\"scale-transition\"\r\n        offset-y>\r\n            <template v-slot:activator=\"{ on, attrs }\">\r\n                <v-text-field\r\n                    v-model=\"dateFormatted\"\r\n                    :label=\"txt_label\"\r\n                    hint=\"DD-MM-YYYY format\"\r\n                    placeholder=\"DD-MM-YYYY\"\r\n                    persistent-hint\r\n                    v-bind=\"attrs\"\r\n                    :prepend-icon=\"showIcon ? 'mdi-calendar-blank' : undefined\"\r\n                    :rules=\"pickerRules\"\r\n                    :required=\"isRequired\"\r\n                    :disabled=\"txt_isDisabled\"\r\n                    @blur=\"txt_date = parseDate(dateFormatted)\"\r\n                    v-on=\"on\"></v-text-field>\r\n            </template>\r\n        <v-date-picker\r\n            v-model=\"txt_date\"\r\n            no-title\r\n            :active-picker.sync=\"activePicker\"\r\n            :min=\"txt_isBirthdate ? minBirthdate() : txt_minDate\"\r\n            :max=\"txt_isBirthdate ? maxBirthdate(age_limit) : undefined\"\r\n            :readonly=\"txt_isReadOnly\"\r\n            @input=\"menu = false\"\r\n        ></v-date-picker>\r\n    </v-menu>\r\n</template>\r\n<script>\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nexport default {\r\n    name: 'DatepickerFormatted',\r\n    props: {\r\n        date: String,\r\n        label: String,\r\n        isRequired: Boolean,\r\n        isReadOnly: Boolean,\r\n        isDisabled: Boolean,\r\n        showIcon: Boolean,\r\n        isBirthdate: Boolean,\r\n        isAccountHolder: Boolean,\r\n        minDate: String\r\n    },\r\n    mixins: [FormatMixin, DataMixin],\r\n    beforeMount()\r\n    {\r\n        this.txt_date = this.date;\r\n        this.txt_minDate = this.minDate != \"\" ? this.minDate : undefined;\r\n        this.txt_label = this.label != \"\" ? this.label : \"Date\";\r\n        this.txt_isRequired = this.isRequired;\r\n        this.txt_isReadOnly = this.isReadOnly;\r\n        this.txt_isDisabled = this.isDisabled;\r\n        this.txt_isBirthdate = this.isBirthdate;\r\n        this.age_limit = this.isAccountHolder ? this.account_age_limit : 0; // no age restrictions for datepicker not intended for account holder (i.e. passengers)\r\n        this.pickerRules = this.isRequired ? [this.rules.required, this.rules.date] : [this.rules.date];\r\n        if (this.isBirthdate)\r\n        {\r\n            var rule = this.isAccountHolder ? this.rules.birthdayOfAccountOwnerInRange : this.rules.birthdayInRange;\r\n            this.pickerRules.push(rule)\r\n        }\r\n\r\n        this.activePicker = this.isBirthdate  ? 'YEAR' : 'DATE';\r\n        this.updateDate();\r\n    },\r\n    data: () => ({\r\n        txt_date: null,\r\n        txt_minDate: null,\r\n        txt_label: \"\",\r\n        txt_isRequired: false,\r\n        txt_isReadOnly: false,\r\n        txt_isDisabled: false,\r\n        txt_isBirthdate: false,\r\n        dateFormatted: null,\r\n        menu: false,\r\n        activePicker: '',\r\n        pickerRules: [],\r\n        age_limit: 0\r\n    }),\r\n    watch: {\r\n        menu(val) {\r\n            val && setTimeout(() => (this.activePicker = this.isBirthdate  ? 'YEAR' : 'DATE'))\r\n        },\r\n        date: {\r\n            handler() {\r\n                this.updateDate();\r\n            }\r\n        },\r\n        isReadOnly: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_isReadOnly = this.isReadOnly;\r\n            }\r\n        },\r\n        isDisabled: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_isDisabled = this.isDisabled;\r\n            }\r\n        },\r\n        txt_date: 'onValueChanged',\r\n    },\r\n    methods:\r\n    {\r\n        updateDate()\r\n        {\r\n            this.txt_date = this.date;\r\n            this.dateFormatted = this.formatDate(this.txt_date);\r\n        },\r\n        onValueChanged()\r\n        {\r\n            this.dateFormatted = this.formatDate(this.txt_date)\r\n            this.$emit('changed', this.txt_date);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.hoverable-img \r\n{\r\n    border-radius: 0px !important;\r\n    cursor: pointer;\r\n}\r\n</style>\r\n<style scoped>\r\n.v-menu__content.theme--dark.menuable__content__active\r\n{\r\n    box-shadow: none !important;\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!./DatepickerFormatted.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!./DatepickerFormatted.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DatepickerFormatted.vue?vue&type=template&id=48583ecf&scoped=true&\"\nimport script from \"./DatepickerFormatted.vue?vue&type=script&lang=js&\"\nexport * from \"./DatepickerFormatted.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DatepickerFormatted.vue?vue&type=style&index=0&id=48583ecf&prod&lang=css&\"\nimport style1 from \"./DatepickerFormatted.vue?vue&type=style&index=1&id=48583ecf&prod&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  \"48583ecf\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceList.vue?vue&type=style&index=0&id=299f5178&prod&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatepickerFormatted.vue?vue&type=style&index=1&id=48583ecf&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isAdmin)?_c('div',[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),(_vm.accountId)?_c('AccountDetailsForm',{attrs:{\"email\":_vm.email,\"accountId\":_vm.accountId,\"personInfo\":_vm.personInfo,\"accountAddress\":_vm.accountAddress}}):_vm._e(),(_vm.accountId)?_c('PassengerList',{attrs:{\"accountId\":_vm.accountId}}):_vm._e(),_c('CarList'),_c('InvoiceList'),_c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{staticClass:\"mb-0 px-4\"},[_c('v-col',{staticClass:\"display-1 px-0 pb-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title\"},[_vm._v(\"Account blokkeren of verwijderen\")])]),_c('v-col',{staticClass:\"ma-0 pt-3 px-0\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Lorem ipsum dolor sit amet, consectetur adipiscing. \")]),(!_vm.isBlocked)?_c('v-col',{staticClass:\"pt-3 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.confirmBlock()}}},[_vm._v(\" Account blokkeren \")])],1):_vm._e(),(_vm.isBlocked)?_c('v-col',{staticClass:\"pt-3 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.confirmUnblock()}}},[_vm._v(\" Account niet blokkeren \")])],1):_vm._e(),_c('v-col',{staticClass:\"pt-3 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"block\":\"\"},on:{\"click\":function($event){return _vm.confirmDelete()}}},[_vm._v(\" Account verwijderen \")])],1)],1)],1)],1),_c('MessageActionDialog',{on:{\"yes\":function($event){return _vm.onAction()}}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"isAdmin\">\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <AccountDetailsForm v-if=\"accountId\" :email=\"email\" :accountId=\"accountId\" :personInfo=\"personInfo\" :accountAddress=\"accountAddress\" />\r\n        <PassengerList  v-if=\"accountId\" :accountId=\"accountId\" />\r\n        <CarList />\r\n        <InvoiceList />\r\n        <div class=\"px-2\">\r\n            <v-container>\r\n                <!-- Delete Account Admin -->\r\n                <v-row class=\"mb-0 px-4\">\r\n                    <v-col cols=\"12\" class=\"display-1 px-0 pb-0 pt-3\">\r\n                        <span class=\"header-title\">Account blokkeren of verwijderen</span>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" class=\"ma-0 pt-3 px-0\">\r\n                        Lorem ipsum dolor sit amet, consectetur adipiscing.\r\n                    </v-col>\r\n                    <v-col  cols=\"12\" class=\"pt-3 px-0\" v-if=\"!isBlocked\">\r\n                        <v-btn color=\"primary\" block @click=\"confirmBlock()\">\r\n                        Account blokkeren\r\n                        </v-btn>\r\n                    </v-col>\r\n                    <v-col  cols=\"12\" class=\"pt-3 px-0\" v-if=\"isBlocked\">\r\n                        <v-btn color=\"primary\" block @click=\"confirmUnblock()\">\r\n                        Account niet blokkeren\r\n                        </v-btn>\r\n                    </v-col>\r\n                    <v-col  cols=\"12\" class=\"pt-3 px-0\">\r\n                        <v-btn block @click=\"confirmDelete()\">\r\n                        Account verwijderen\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n        <MessageActionDialog @yes=\"onAction()\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex'\r\nimport AccountDetailsForm from \"@/components/dashboard/AccountDetailsForm\";\r\nimport CarList from \"@/components/dashboard/CarList\";\r\nimport PassengerList from \"@/components/dashboard/PassengerList\";\r\nimport InvoiceList from \"@/components/admin/InvoiceList\";\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport MessageActionDialog from \"@/components/dialogs/MessageActionDialog\";\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\n\r\nexport default {\r\n    name: 'Accountgegevens',\r\n    components: \r\n    {\r\n        CarList,\r\n        PassengerList,\r\n        InvoiceList,\r\n        AccountDetailsForm,\r\n        MessageActionDialog,\r\n        LoadingIcon\r\n    },\r\n    data: () => ({\r\n        accountId: '',\r\n        email: '',\r\n        personInfo: { foodRestrictions: []},\r\n        accountAddress: {},\r\n        isLoading: false,\r\n        action: '',\r\n        isBlocked: false, // TODO: get account if blocked or not\r\n    }),\r\n    computed: {\r\n        ...mapState('authorizedModule', ['isAdmin']),\r\n    },\r\n    mixins: [DataMixin, RouteMixin],\r\n    mounted () \r\n    {\r\n        this.accountId = this.$route.params.accountId;\r\n\r\n        // get account\r\n        this.$store.dispatch('accountModule/getAccountOwnerBasePersoninfo', this.accountId)\r\n        .then((data) => {\r\n            this.personInfo = data;\r\n        });\r\n\r\n        this.$store.dispatch('accountModule/getAddressFromAccountowner',  this.accountId)\r\n        .then((data) => {\r\n            this.accountAddress = data;\r\n        });\r\n\r\n        this.$store.dispatch('accountModule/getEmailAddressFromAccountOwner', this.accountId)\r\n        .then(email => {\r\n            this.email = email;\r\n        })\r\n    \r\n    },\r\n    methods: \r\n    {\r\n        confirmBlock()\r\n        {\r\n            this.$store.commit('dialog/showActionDialog', `Weet u zeker dat het account wilt blokkeren? Account Id: '${this.accountId}'.`);\r\n            this.action = \"block\";\r\n        },\r\n        confirmUnblock()\r\n        {\r\n            this.$store.commit('dialog/showActionDialog', `Weet u zeker dat het account wilt niet blokkeren? Account Id: '${this.accountId}'.`);\r\n            this.action = \"unblock\";\r\n        },\r\n        confirmDelete()\r\n        {\r\n            this.$store.commit('dialog/showActionDialog', `Weet u zeker dat het account wilt verwijderen? Account Id: '${this.accountId}'.`);\r\n            this.action = \"delete\";\r\n        },\r\n        onAction()\r\n        {\r\n            switch(this.action)\r\n            {\r\n                case \"block\":\r\n                    this.blockAccount();\r\n                    return;\r\n                case \"unblock\":\r\n                    this.unblockAccount();\r\n                    return;\r\n                case \"delete\":\r\n                    this.deleteAccount();\r\n                    return;    \r\n            }\r\n        },\r\n        deleteAccount()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('accountModule/removeAccount', this.accountId)\r\n            .then(() => {\r\n                this.$store.commit('dialog/showDialog', 'Account is deleted.');\r\n                this.isLoading = false;\r\n                this.goToAccounts();\r\n            });\r\n        },\r\n        blockAccount()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('accountModule/blockAccount', this.accountId)\r\n            .then(() => {\r\n                this.$store.commit('dialog/showDialog', 'Account is blocked.');\r\n                this.isBlocked = true;\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => {\r\n                this.$store.commit('dialog/showDialog', 'Something went wrong. Unable to block account.');\r\n            })\r\n        },\r\n        unblockAccount()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('accountModule/unblockAccount', this.accountId)\r\n            .then(() => {\r\n                this.$store.commit('dialog/showDialog', 'Account is unblocked.');\r\n                this.isBlocked = false;\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => {\r\n                this.$store.commit('dialog/showDialog', 'Something went wrong. Unable to unblock account.');\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 15px;\r\n    height: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.v-input\r\n{\r\n    height: 25px;\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!./Accountgegevens.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!./Accountgegevens.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Accountgegevens.vue?vue&type=template&id=f556673a&scoped=true&\"\nimport script from \"./Accountgegevens.vue?vue&type=script&lang=js&\"\nexport * from \"./Accountgegevens.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Accountgegevens.vue?vue&type=style&index=0&id=f556673a&prod&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  \"f556673a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-2 break-word\"},[(!_vm.isLoading)?_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"display-1 mb-2\"},[_vm._v(\"Accountgegevens\")]),_c('div',{staticClass:\"mb-3\"},[_vm._v(_vm._s(_vm.intro))])])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-2 header-title font-weight-medium\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Logingegevens \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"5\"}},[_vm._v(\" E-mailadres \")]),_c('v-col',{staticClass:\"ma-0 pr-1 text-end\",attrs:{\"cols\":\"7\"}},[_vm._v(\" \"+_vm._s(_vm.email)+\" \")]),_c('v-col',{staticClass:\"py-4\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goToChangePassword()}}},[_vm._v(\" Wachtwoord wijzigen \")])],1)],1),(!_vm.isAdmin || _vm.isSubscribedToNewsletter != null)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-2 header-title font-weight-medium\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Nieuwsbrief abonnement \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Geabonneerd \")]),_c('v-col',{staticClass:\"ma-0 pr-1 text-end\",attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.isSubscribedToNewsletter ? `Ja` : `Nee`)+\" \")]),_c('v-col',{staticClass:\"py-4\"},[_c('v-btn',{class:_vm.isSubscribedToNewsletter ? `` : `primary`,attrs:{\"block\":\"\",\"loading\":_vm.isSubscribing},on:{\"click\":function($event){return _vm.setSubscription()}}},[_vm._v(\" \"+_vm._s(_vm.isSubscribedToNewsletter ? `Afmelden` : `Abonneren`)+\" \")])],1)],1):_vm._e(),_c('v-form',{ref:\"personform\",attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.personformvalid),callback:function ($$v) {_vm.personformvalid=$$v},expression:\"personformvalid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header px-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title font-weight-medium\"},[_vm._v(\"Persoonsgegevens\")]),_c('v-spacer'),_c('div',[(_vm.editPersonDetails)?_c('v-icon',{staticClass:\"mt-2\",attrs:{\"right\":\"\",\"size\":\"20\",\"dark\":\"\"},on:{\"click\":function($event){return _vm.onEditPersonDetails()}}},[_vm._v(\" mdi-check \")]):_vm._e(),(!_vm.editPersonDetails)?_c('img',{staticClass:\"edit-icon mt-3\",attrs:{\"src\":_vm.editIcon,\"alt\":\"Edit\"},on:{\"click\":function($event){return _vm.onEditPersonDetails()}}}):_vm._e()],1)],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Voornaam \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editPersonDetails)?_c('div',[_vm._v(_vm._s(_vm.personInfo.firstname))]):_vm._e(),(_vm.editPersonDetails)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required, _vm.rules.nameLength, _vm.rules.validName],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNonNumeric($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditPersonDetails()}},model:{value:(_vm.personInfo.firstname),callback:function ($$v) {_vm.$set(_vm.personInfo, \"firstname\", $$v)},expression:\"personInfo.firstname\"}}):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Achternaam \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editPersonDetails)?_c('div',[_vm._v(_vm._s(_vm.personInfo.lastName))]):_vm._e(),(_vm.editPersonDetails)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required, _vm.rules.nameLength, _vm.rules.validName],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNonNumeric($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditPersonDetails()}},model:{value:(_vm.personInfo.lastName),callback:function ($$v) {_vm.$set(_vm.personInfo, \"lastName\", $$v)},expression:\"personInfo.lastName\"}}):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Geboortedatum \")]),_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editPersonDetails)?_c('div',[_vm._v(_vm._s(_vm.formatDateWithoutTime(_vm.personInfo.dateOfBirth)))]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.editPersonDetails),expression:\"editPersonDetails\"}]},[_c('DatepickerFormatted',{attrs:{\"date\":_vm.getDateOnly(_vm.personInfo.dateOfBirth),\"isRequired\":true,\"showIcon\":true,\"isBirthdate\":true,\"isAccountHolder\":true},on:{\"changed\":function($event){_vm.personInfo.dateOfBirth = $event}}})],1)])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Telefoonnummer \")]),_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editPersonDetails)?_c('div',[_vm._v(_vm._s(_vm.personInfo.phoneNumber))]):_vm._e(),(_vm.editPersonDetails)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.phoneNumberLength],\"readonly\":_vm.editPersonDetails == false},on:{\"keypress\":function($event){return _vm.isPhoneNumberKey($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditPersonDetails()}},model:{value:(_vm.personInfo.phoneNumber),callback:function ($$v) {_vm.$set(_vm.personInfo, \"phoneNumber\", $$v)},expression:\"personInfo.phoneNumber\"}}):_vm._e()],1)],1)],1),_c('v-form',{ref:\"addressform\",attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.addressformvalid),callback:function ($$v) {_vm.addressformvalid=$$v},expression:\"addressformvalid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header px-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title font-weight-medium\"},[_vm._v(\"Adresgegevens\")]),_c('v-spacer'),_c('div',[(_vm.editAddress)?_c('v-icon',{staticClass:\"mt-2\",attrs:{\"right\":\"\",\"size\":\"20\",\"dark\":\"\"},on:{\"click\":function($event){return _vm.onEditAddress()}}},[_vm._v(\" mdi-check \")]):_vm._e(),(!_vm.editAddress)?_c('img',{staticClass:\"edit-icon mt-3\",attrs:{\"src\":_vm.editIcon,\"alt\":\"Edit\"},on:{\"click\":function($event){return _vm.onEditAddress()}}}):_vm._e()],1)],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Straatnaam \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editAddress)?_c('div',[_vm._v(_vm._s(_vm.accountAddress.street))]):_vm._e(),(_vm.editAddress)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required, _vm.rules.maxLength(_vm.accountAddress.street, 40)],\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditAddress()}},model:{value:(_vm.accountAddress.street),callback:function ($$v) {_vm.$set(_vm.accountAddress, \"street\", $$v)},expression:\"accountAddress.street\"}}):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Huisnummer \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editAddress)?_c('div',[_vm._v(_vm._s(_vm.accountAddress.houseNumber))]):_vm._e(),(_vm.editAddress)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required, _vm.rules.maxLength(_vm.accountAddress.houseNumber, 15)],\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditAddress()}},model:{value:(_vm.accountAddress.houseNumber),callback:function ($$v) {_vm.$set(_vm.accountAddress, \"houseNumber\", $$v)},expression:\"accountAddress.houseNumber\"}}):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Postcode \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editAddress)?_c('div',[_vm._v(_vm._s(_vm.accountAddress.zipCode))]):_vm._e(),(_vm.editAddress)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required, _vm.rules.maxLength(_vm.accountAddress.zipCode, 10)],\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditAddress()}},model:{value:(_vm.accountAddress.zipCode),callback:function ($$v) {_vm.$set(_vm.accountAddress, \"zipCode\", $$v)},expression:\"accountAddress.zipCode\"}}):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Plaatsnaam \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editAddress)?_c('div',[_vm._v(_vm._s(_vm.accountAddress.city))]):_vm._e(),(_vm.editAddress)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required, _vm.rules.maxLength(_vm.accountAddress.city, 40)],\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditAddress()}},model:{value:(_vm.accountAddress.city),callback:function ($$v) {_vm.$set(_vm.accountAddress, \"city\", $$v)},expression:\"accountAddress.city\"}}):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Land \")]),_c('v-col',{staticClass:\"ma-auto py-3 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editAddress)?_c('div',[_vm._v(_vm._s(_vm.getCountryName(_vm.accountAddress.country)))]):_vm._e(),(_vm.editAddress)?_c('div',[_c('CountryDropdown',{attrs:{\"country\":_vm.accountAddress.country,\"hideLabel\":true},on:{\"changed\":function($event){_vm.accountAddress.country = $event}}})],1):_vm._e()])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Bedrijfsnaam \")]),_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[(!_vm.editAddress)?_c('div',[_vm._v(_vm._s(_vm.accountAddress.company))]):_vm._e(),(_vm.editAddress)?_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.maxLength(_vm.accountAddress.company, 40)]},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.stopPropagation();return _vm.onEditAddress()}},model:{value:(_vm.accountAddress.company),callback:function ($$v) {_vm.$set(_vm.accountAddress, \"company\", $$v)},expression:\"accountAddress.company\"}}):_vm._e()],1)],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header px-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title font-weight-medium\"},[_vm._v(\"Allergieën en voedselvoorkeuren\")]),_c('v-spacer')],1),_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"12\"}},[_c('FoodRestrictionDropdown',{attrs:{\"allergies\":_vm.personInfo.foodRestrictions},on:{\"changed\":function($event){return _vm.updateAllergy($event)}}})],1)],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"px-2 break-word\">\r\n        <v-container v-if=\"!isLoading\">\r\n            <v-row no-gutters>\r\n                <v-col>\r\n                    <p class=\"display-1 mb-2\">Accountgegevens</p>\r\n                    <div class=\"mb-3\">{{intro}}</div>\r\n                </v-col>\r\n            </v-row>\r\n            <v-row no-gutters>\r\n                <v-col cols=\"12\" class=\"my-2 header-title font-weight-medium\">\r\n                    Logingegevens\r\n                </v-col>\r\n                <v-col cols=\"5\" class=\"ma-auto pa-0\">\r\n                    E-mailadres\r\n                </v-col>\r\n                <v-col cols=\"7\" class=\"ma-0 pr-1 text-end\">\r\n                    {{email}}\r\n                </v-col>\r\n                <v-col class=\"py-4\">\r\n                    <v-btn color=\"primary\" block @click=\"goToChangePassword()\">\r\n                    Wachtwoord wijzigen\r\n                    </v-btn>\r\n                </v-col>\r\n            </v-row>\r\n            <v-row no-gutters v-if=\"!isAdmin || isSubscribedToNewsletter != null\">\r\n                <v-col cols=\"12\" class=\"my-2 header-title font-weight-medium\">\r\n                    Nieuwsbrief abonnement\r\n                </v-col>\r\n                <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                    Geabonneerd\r\n                </v-col>\r\n                <v-col cols=\"6\" class=\"ma-0 pr-1 text-end\">\r\n                    {{isSubscribedToNewsletter ? `Ja` : `Nee`}}\r\n                </v-col>\r\n                <v-col class=\"py-4\">\r\n                    <v-btn :class=\"isSubscribedToNewsletter ? `` : `primary`\" block @click=\"setSubscription()\" :loading=\"isSubscribing\">\r\n                    {{isSubscribedToNewsletter ? `Afmelden` : `Abonneren`}}\r\n                    </v-btn>\r\n                </v-col>\r\n            </v-row>\r\n            <!-- Person Details -->\r\n            <v-form ref=\"personform\" lazy-validation v-model=\"personformvalid\">\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"12\" class=\"header px-0 pt-3\">\r\n                        <span class=\"header-title font-weight-medium\">Persoonsgegevens</span>\r\n                        <v-spacer></v-spacer>\r\n                        <div>\r\n                            <v-icon v-if=\"editPersonDetails\" @click=\"onEditPersonDetails()\"\r\n                                right size=\"20\" class=\"mt-2\"\r\n                                dark>\r\n                                mdi-check\r\n                            </v-icon>\r\n                            <img class=\"edit-icon mt-3\" :src=\"editIcon\" alt=\"Edit\" v-if=\"!editPersonDetails\" @click=\"onEditPersonDetails()\" />\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Voornaam\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editPersonDetails\">{{personInfo.firstname}}</div>\r\n                        <v-text-field v-if=\"editPersonDetails\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"personInfo.firstname\"\r\n                            @keypress=\"isNonNumeric($event)\"\r\n                            :rules=\"[rules.required, rules.nameLength, rules.validName]\"\r\n                            required\r\n                            @keyup.enter.stop=\"onEditPersonDetails()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Achternaam\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editPersonDetails\">{{personInfo.lastName}}</div>\r\n                        <v-text-field v-if=\"editPersonDetails\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"personInfo.lastName\"\r\n                            @keypress=\"isNonNumeric($event)\"\r\n                            :rules=\"[rules.required, rules.nameLength, rules.validName]\"\r\n                            required\r\n                            @keyup.enter.stop=\"onEditPersonDetails()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters> \r\n                    <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                        Geboortedatum\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                        <div v-if=\"!editPersonDetails\">{{formatDateWithoutTime(personInfo.dateOfBirth)}}</div>\r\n                        <div v-show=\"editPersonDetails\">\r\n                            <DatepickerFormatted \r\n                            @changed=\"personInfo.dateOfBirth = $event\" \r\n                            :date=\"getDateOnly(personInfo.dateOfBirth)\" \r\n                            :isRequired=\"true\" \r\n                            :showIcon=\"true\" \r\n                            :isBirthdate=\"true\"\r\n                            :isAccountHolder=\"true\" />\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                        Telefoonnummer\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                        <div v-if=\"!editPersonDetails\">{{personInfo.phoneNumber}}</div>\r\n                        <v-text-field v-if=\"editPersonDetails\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"personInfo.phoneNumber\"\r\n                            @keypress=\"isPhoneNumberKey($event)\"\r\n                            :rules=\"[rules.phoneNumberLength]\"\r\n                            :readonly=\"editPersonDetails == false\"\r\n                            @keyup.enter.stop=\"onEditPersonDetails()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-form>\r\n\r\n\r\n            <!-- Address -->\r\n            <v-form ref=\"addressform\" lazy-validation v-model=\"addressformvalid\">\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"12\" class=\"header px-0 pt-3\">\r\n                        <span class=\"header-title font-weight-medium\">Adresgegevens</span>\r\n                        <v-spacer></v-spacer>\r\n                        <div>\r\n                            <v-icon v-if=\"editAddress\" @click=\"onEditAddress()\"\r\n                                right size=\"20\" class=\"mt-2\"\r\n                                dark>\r\n                                mdi-check\r\n                            </v-icon>\r\n                            <img class=\"edit-icon mt-3\" :src=\"editIcon\" alt=\"Edit\" v-if=\"!editAddress\" @click=\"onEditAddress()\" />\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Straatnaam\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editAddress\">{{accountAddress.street}}</div>\r\n                        <v-text-field v-if=\"editAddress\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"accountAddress.street\"\r\n                            :rules=\"[rules.required, rules.maxLength(accountAddress.street, 40)]\"\r\n                            required\r\n                            @keyup.enter.stop=\"onEditAddress()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Huisnummer\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editAddress\">{{accountAddress.houseNumber}}</div>\r\n                        <v-text-field v-if=\"editAddress\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"accountAddress.houseNumber\"\r\n                            :rules=\"[rules.required, rules.maxLength(accountAddress.houseNumber, 15)]\"\r\n                            required\r\n                            @keyup.enter.stop=\"onEditAddress()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Postcode\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editAddress\">{{accountAddress.zipCode}}</div>\r\n                        <v-text-field v-if=\"editAddress\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"accountAddress.zipCode\"\r\n                            :rules=\"[rules.required, rules.maxLength(accountAddress.zipCode, 10)]\"\r\n                            required\r\n                            @keyup.enter.stop=\"onEditAddress()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Plaatsnaam\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editAddress\">{{accountAddress.city}}</div>\r\n                        <v-text-field v-if=\"editAddress\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            v-model=\"accountAddress.city\"\r\n                            :rules=\"[rules.required, rules.maxLength(accountAddress.city, 40)]\"\r\n                            required\r\n                            @keyup.enter.stop=\"onEditAddress()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        Land\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-3 px-0\">\r\n                        <div v-if=\"!editAddress\">{{getCountryName(accountAddress.country)}}</div>\r\n\r\n                        <div v-if=\"editAddress\">\r\n                            <CountryDropdown :country=\"accountAddress.country\" :hideLabel=\"true\" @changed=\"accountAddress.country = $event\"/>\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                        Bedrijfsnaam\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                        <div v-if=\"!editAddress\">{{accountAddress.company}}</div>\r\n                        <v-text-field v-if=\"editAddress\" flat\r\n                            class=\"ma-0 pa-0\"\r\n                            :rules=\"[rules.maxLength(accountAddress.company, 40)]\"\r\n                            v-model=\"accountAddress.company\"\r\n                            @keyup.enter.stop=\"onEditAddress()\"\r\n                            ></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-form>\r\n\r\n            <!-- Allergy -->\r\n            \r\n            <v-row no-gutters>\r\n                <v-col cols=\"12\" class=\"header px-0 pt-3\">\r\n                    <span class=\"header-title font-weight-medium\">Allergieën en voedselvoorkeuren</span>\r\n                    <v-spacer></v-spacer>\r\n                </v-col>\r\n                <v-col cols=\"12\" class=\"ma-auto py-2 px-0\">\r\n                   <FoodRestrictionDropdown \r\n                    :allergies=\"personInfo.foodRestrictions\" \r\n                    @changed=\"updateAllergy($event)\" />\r\n                </v-col>\r\n            </v-row>\r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport GlobalMixin from \"@/mixins/global.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport DatepickerFormatted from '@/components/common/DatepickerFormatted';\r\nimport FoodRestrictionDropdown from '@/components/common/options/FoodRestrictionDropdown';\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport CountryDropdown from \"@/components/common/options/CountryDropdown\";\r\n\r\nexport default {\r\n    name: 'AccountDetailsForm',\r\n    components: \r\n    {\r\n        CountryDropdown,\r\n        DatepickerFormatted,\r\n        FoodRestrictionDropdown\r\n    },\r\n    props: {\r\n        accountId: String,\r\n        email: String,\r\n        personInfo: Object,\r\n        accountAddress: Object,\r\n        isSubscribed: Boolean\r\n    },\r\n    data: () => ({\r\n        editIcon: require('@/assets/icons/edit.svg'),\r\n        intro: \"Hieronder ziet u al uw persoonlijke accountgegevens. Is er iets gewijzigd? U kunt het hieronder eenvoudig aanpassen.\",\r\n        valid: true,\r\n        editPersonDetails: false,\r\n        editAddress: false,\r\n        editAllergy: false,\r\n        personformvalid: false,\r\n        addressformvalid: false,\r\n        isLoading: false,\r\n        isSubscribedToNewsletter: null,\r\n        isSubscribing: false\r\n    }),\r\n    computed: {\r\n        ...mapState('account', ['status']),\r\n        ...mapState('authorizedModule', ['isAdmin']),\r\n    },\r\n    watch: {\r\n        isSubscribed: {\r\n            deep: true,\r\n            handler() {\r\n                this.isSubscribedToNewsletter = this.isSubscribed;\r\n            }\r\n        },\r\n    },\r\n    mixins: [DataMixin, GlobalMixin, RouteMixin, FormatMixin, MenuHelperMixin],\r\n    methods: \r\n    {\r\n        getPersonRequest()\r\n        {\r\n            let request = {\r\n                personInfoRequest: {\r\n                    accountId: this.accountId,\r\n                    firstname: this.personInfo.firstname,\r\n                    lastName: this.personInfo.lastName,\r\n                    dateOfBirth: this.personInfo.dateOfBirth,\r\n                    phoneNumber: this.personInfo.phoneNumber,\r\n                    id: this.personInfo.personId\r\n                },\r\n                foodInfoRequest: {\r\n                    personId: this.personInfo.personId,\r\n                    foodRestrictions: this.personInfo.foodRestrictions\r\n                }\r\n            }\r\n            return request;\r\n        },\r\n        onEditPersonDetails()\r\n        {\r\n            const valid = !this.editPersonDetails || this.$refs.personform.validate();\r\n            if(!valid)\r\n            {\r\n                return;\r\n            }\r\n\r\n            this.editPersonDetails = !this.editPersonDetails;\r\n\r\n            if(!this.editPersonDetails && this.status.loggedIn)\r\n            {\r\n                this.$store.dispatch('accountModule/updatePersonInfo', this.getPersonRequest());\r\n            }\r\n        },\r\n        onEditAddress()\r\n        {\r\n            const valid = !this.editAddress || this.$refs.addressform.validate();\r\n            if(!valid)\r\n            {\r\n                return;\r\n            }\r\n\r\n            this.editAddress = !this.editAddress;\r\n\r\n            if(!this.editAddress && this.status.loggedIn)\r\n            {\r\n                const request = {\r\n                    accountId: this.accountId,\r\n                    street: this.accountAddress.street,\r\n                    houseNumber: this.accountAddress.houseNumber,\r\n                    zipCode: this.accountAddress.zipCode,\r\n                    city: this.accountAddress.city,\r\n                    country: this.accountAddress.country,\r\n                    company: this.accountAddress.company,\r\n                }\r\n                this.$store.dispatch('accountModule/updateAddressFromAccountowner', request);\r\n            }\r\n        },\r\n        updateAllergy(allergies)\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            this.personInfo.foodRestrictions = allergies;\r\n            this.$store.dispatch('accountModule/updatePersonInfo', this.getPersonRequest());\r\n        },\r\n        setSubscription()\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            this.isSubscribing = true;\r\n            if (this.isSubscribedToNewsletter)\r\n            {\r\n                // unsubscribe\r\n                this.$store.dispatch('newsletterModule/unsubscribeExistingAccountFromNewsletter', this.accountId)\r\n                .then(isSuccess => {\r\n                    this.isSubscribing = false;\r\n                    this.isSubscribedToNewsletter = !isSuccess;\r\n\r\n                    if(isSuccess)\r\n                    {\r\n                        this.$store.commit('dialog/showDialog', \"U heeft zich succesvol afgemeld voor de nieuwsbrief. U ontvangt hierover een bevestiging in uw inbox.\");\r\n                    }\r\n                    else\r\n                    {\r\n                        this.$store.commit('dialog/showDialog', \"Er is iets misgegaan bij het afmelden van de nieuwsbrief.\");\r\n                    }\r\n                })\r\n                .catch(() => {\r\n                    this.isSubscribing = false;\r\n                    this.$store.commit('dialog/showDialog', \"Er is iets misgegaan bij het afmelden van de nieuwsbrief.\");\r\n                })\r\n            }\r\n            else\r\n            {\r\n                // subscribe\r\n                this.$store.dispatch('newsletterModule/subscribeExistingAccountToNewsletter', this.accountId)\r\n                .then(isSuccess => {\r\n                    this.isSubscribing = false;\r\n                    this.isSubscribedToNewsletter = isSuccess;\r\n\r\n                    if(isSuccess)\r\n                    {\r\n                        this.$store.commit('dialog/showDialog', \"U heeft zich succesvol aangemeld voor de nieuwsbrief. U ontvangt hierover een bevestiging in uw inbox.\");\r\n                    }\r\n                    else\r\n                    {\r\n                        this.$store.commit('dialog/showDialog', \"Er is iets misgegaan bij het aanmelden van de nieuwsbrief.\");\r\n                    }\r\n                })\r\n                .catch(() => {\r\n                    this.isSubscribing = false;\r\n                    this.$store.commit('dialog/showDialog', \"Er is iets misgegaan bij het aanmelden van de nieuwsbrief.\");\r\n                })\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 15px;\r\n    height: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.v-input\r\n{\r\n    height: 25px;\r\n}\r\n\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!./AccountDetailsForm.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!./AccountDetailsForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountDetailsForm.vue?vue&type=template&id=a79f876c&scoped=true&\"\nimport script from \"./AccountDetailsForm.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountDetailsForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountDetailsForm.vue?vue&type=style&index=0&id=a79f876c&prod&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  \"a79f876c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"display-1 mb-2\"},[_vm._v(\"Geregistreerde passagiers\")]),_c('div',[_vm._v(_vm._s(_vm.intro))])])],1),_c('v-row',{staticClass:\"position-relative\"},[_c('v-col',{attrs:{\"cols\":\"12 py-0\"}},[_c('v-divider',{attrs:{\"color\":\"white\"}})],1),_vm._l((_vm.copassengers),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12 py-0 position-relative\"}},[_c('v-card',{staticClass:\"mx-auto passenger-items\",attrs:{\"color\":\"#181717\"}},[_c('ListItem',{attrs:{\"index\":index,\"isActive\":item.isActive,\"subtitle\":item.phoneNumber,\"initials\":_vm.initials(item),\"title\":_vm.fullname(item),\"description\":`Allergieën en voorkeuren: ${_vm.getFoodRestrictions(item.foodRestrictions)}`},on:{\"setActiveItem\":function($event){item.isActive = true},\"showDialog\":_vm.showDialog}}),_c('PassengerForm',{attrs:{\"index\":index,\"firstname\":item.firstname,\"lastname\":item.lastName,\"phoneNumber\":item.phoneNumber,\"dateOfBirth\":item.dateOfBirth,\"foodRestrictions\":item.foodRestrictions,\"personId\":item.personId,\"isActive\":item.isActive,\"isNew\":item.isNew},on:{\"create\":_vm.addPerson,\"update\":_vm.updatePerson,\"cancel\":_vm.cancel}})],1)],1)}),_c('v-fade-transition',[(_vm.isLoading)?_c('v-overlay',{attrs:{\"absolute\":\"\",\"color\":\"#181717\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1):_vm._e()],1),_c('v-expand-transition',[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hasNewInput),expression:\"!hasNewInput\"}],attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mt-5 mb-0\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.addNewPassenger()}}},[_vm._v(\" Voeg nieuwe passagier toe \")])],1)],1)],2)],1),_c('v-dialog',{attrs:{\"max-width\":\"290\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(\" Bevestig verwijderen \")]),_c('v-card-text',[_vm._v(\" Weet u zeker dat u \\\"\"+_vm._s(_vm.fullname(_vm.selectedItem))+\"\\\" wilt verwijderen? \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Annuleren \")]),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.deletePerson()}}},[_vm._v(\" Verwijderen \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-expand-transition',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isActive),expression:\"isActive\"}]},[_c('v-row',{staticClass:\"mt-0\"},[_c('v-col',[_c('p',{staticClass:\"headline mb-2\"},[_vm._v(\"Persoonsgegevens\")]),_c('div',[_vm._v(_vm._s(_vm.intro))])])],1),_c('v-form',{ref:\"passengerForm\"},[_c('v-text-field',{attrs:{\"label\":\"Voornaam*\",\"rules\":[_vm.rules.required, _vm.rules.nameLength, _vm.rules.validName],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNonNumeric($event)}},model:{value:(_vm.txt_firstname),callback:function ($$v) {_vm.txt_firstname=$$v},expression:\"txt_firstname\"}}),_c('v-text-field',{attrs:{\"label\":\"Achternaam*\",\"rules\":[_vm.rules.required, _vm.rules.nameLength, _vm.rules.validName],\"required\":\"\"},on:{\"keypress\":function($event){return _vm.isNonNumeric($event)}},model:{value:(_vm.txt_lastname),callback:function ($$v) {_vm.txt_lastname=$$v},expression:\"txt_lastname\"}}),_c('v-text-field',{attrs:{\"rules\":[_vm.rules.phoneNumberLength],\"label\":\"Telefoonnummer\"},on:{\"keypress\":function($event){return _vm.isPhoneNumberKey($event)}},model:{value:(_vm.txt_phone),callback:function ($$v) {_vm.txt_phone=$$v},expression:\"txt_phone\"}}),_c('div',{staticClass:\"mb-3\"},[_c('DatepickerFormatted',{attrs:{\"label\":`Geboortedatum`,\"isRequired\":false,\"date\":_vm.txt_dateOfBirth,\"showIcon\":true,\"isBirthdate\":true},on:{\"changed\":function($event){_vm.txt_dateOfBirth = $event}}})],1),_c('FoodRestrictionDropdown',{attrs:{\"allergies\":_vm.foodRestrictions},on:{\"changed\":function($event){_vm.txt_allergies = $event}}}),_c('v-btn',{staticClass:\"mt-6\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.savePerson()}}},[_vm._v(\" Opslaan \")])],1),_c('v-row',{staticClass:\"justify-center text-center\",attrs:{\"no-gutters\":\"\"}},[_c('v-card-actions',[_c('v-container',[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" Geen persoon toevoegen? \"),_c('span',{staticClass:\"link\",on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\" Annuleer. \")])])],1)],1)],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-expand-transition>\r\n        <div v-show=\"isActive\">\r\n            <v-row class=\"mt-0\">\r\n                <v-col>\r\n                    <p class=\"headline mb-2\">Persoonsgegevens</p>\r\n                    <div>{{intro}}</div>\r\n                </v-col>\r\n            </v-row>\r\n            <v-form ref=\"passengerForm\">\r\n                <v-text-field \r\n                    v-model=\"txt_firstname\"\r\n                    label=\"Voornaam*\"\r\n                    @keypress=\"isNonNumeric($event)\"\r\n                    :rules=\"[rules.required, rules.nameLength, rules.validName]\"\r\n                    required />\r\n                <v-text-field \r\n                    v-model=\"txt_lastname\"\r\n                    label=\"Achternaam*\"\r\n                    @keypress=\"isNonNumeric($event)\"\r\n                    :rules=\"[rules.required, rules.nameLength, rules.validName]\"\r\n                    required />\r\n                <v-text-field \r\n                    v-model=\"txt_phone\"\r\n                    @keypress=\"isPhoneNumberKey($event)\"\r\n                    :rules=\"[rules.phoneNumberLength]\"\r\n                    label=\"Telefoonnummer\"  />\r\n                <div class=\"mb-3\">\r\n                    <DatepickerFormatted :label=\"`Geboortedatum`\" :isRequired=\"false\" :date=\"txt_dateOfBirth\" @changed=\"txt_dateOfBirth = $event\" :showIcon=\"true\" :isBirthdate=\"true\" />\r\n                </div>\r\n\r\n                <FoodRestrictionDropdown :allergies=\"foodRestrictions\" @changed=\"txt_allergies = $event\" />\r\n                <v-btn color=\"primary\" class=\"mt-6\" block @click=\"savePerson()\">\r\n                    Opslaan\r\n                </v-btn>\r\n            </v-form>\r\n            <v-row class=\"justify-center text-center\" no-gutters>\r\n                <v-card-actions>\r\n                    <v-container >\r\n                        <v-row dense>\r\n                            <v-col cols=\"12\">\r\n                                Geen persoon toevoegen?\r\n                                <span class=\"link\" @click=\"cancel()\"> \r\n                                    Annuleer.\r\n                                </span>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-container>\r\n                </v-card-actions>\r\n            </v-row>\r\n        </div>\r\n    </v-expand-transition>\r\n</template>\r\n\r\n<script>\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport GlobalMixin from \"@/mixins/global.mixin\";\r\nimport DatepickerFormatted from '@/components/common/DatepickerFormatted';\r\nimport FoodRestrictionDropdown from '@/components/common/options/FoodRestrictionDropdown';\r\nexport default {\r\n    name: 'PassengerForm',\r\n    components: \r\n    {\r\n        DatepickerFormatted,\r\n        FoodRestrictionDropdown\r\n    },\r\n    data () {\r\n        return {\r\n            showOptions: false,\r\n            intro: \"Pas hieronder de gegevens van uw passagier aan en druk op opslaan wanneer u klaar bent.\",\r\n            txt_firstname: \"\", \r\n            txt_lastname: \"\", \r\n            txt_phone: \"\",\r\n            txt_dateOfBirth: null,\r\n            txt_allergies: [],\r\n            valid: true,\r\n        }\r\n    },\r\n    props: \r\n    {\r\n        index: Number,\r\n        firstname: String,\r\n        lastname: String,\r\n        phoneNumber: String,\r\n        dateOfBirth: String,\r\n        foodRestrictions: Array,\r\n        personId: String,\r\n        isActive: Boolean,\r\n        isNew: Boolean,\r\n    },\r\n    mixins: [DataMixin, GlobalMixin],\r\n    watch: {\r\n        isActive: 'setInitial'\r\n    },\r\n    methods: {\r\n        setInitial()\r\n        {\r\n            if (!this.isActive)\r\n            {\r\n                return;\r\n            }\r\n            this.showOptions = false;\r\n            this.txt_firstname = this.firstname;\r\n            this.txt_dateOfBirth = this.birthdate;\r\n            this.txt_lastname = this.lastname;\r\n            this.txt_phone = this.phoneNumber;\r\n            this.txt_dateOfBirth = this.dateOfBirth;\r\n            this.txt_allergies = this.foodRestrictions;\r\n        },\r\n        savePerson()\r\n        {\r\n            const valid = this.$refs.passengerForm.validate()\r\n\r\n            if (valid)\r\n            {\r\n                if(this.isNew)\r\n                {\r\n                    this.$emit('create', \r\n                        this.index,\r\n                        this.txt_firstname,\r\n                        this.txt_lastname,\r\n                        this.txt_dateOfBirth,\r\n                        this.txt_phone,\r\n                        this.txt_allergies\r\n                    );\r\n                }\r\n                else\r\n                {\r\n                    this.$emit('update', \r\n                        this.index,\r\n                        this.txt_firstname,\r\n                        this.txt_lastname,\r\n                        this.txt_dateOfBirth,\r\n                        this.txt_phone,\r\n                        this.txt_allergies,\r\n                        this.personId\r\n                    );\r\n                }\r\n                \r\n            }\r\n        },\r\n        cancel()\r\n        {\r\n            this.$emit('cancel', this.index);\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style>\r\n.new-planning .v-expansion-panel-content__wrap\r\n{\r\n    padding: 0px;\r\n    background: #181717;\r\n}\r\n\r\n.hide\r\n{\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    height: 0 !important;\r\n    overflow: hidden;\r\n    transition: height 0ms 400ms, opacity 400ms 0ms !important;\r\n}\r\n\r\n.new-planning .add-planning\r\n{\r\n    visibility: visible;\r\n    opacity:1;\r\n    height: auto;\r\n    transition: height 0ms 0ms, opacity 600ms 0ms;\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!./PassengerForm.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!./PassengerForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PassengerForm.vue?vue&type=template&id=11c184a4&\"\nimport script from \"./PassengerForm.vue?vue&type=script&lang=js&\"\nexport * from \"./PassengerForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PassengerForm.vue?vue&type=style&index=0&id=11c184a4&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"px-2\">\r\n        <v-container>\r\n            <v-row no-gutters>\r\n                <v-col>\r\n                    <p class=\"display-1 mb-2\">Geregistreerde passagiers</p>\r\n                    <div>{{intro}}</div>\r\n                </v-col>\r\n            </v-row>\r\n            <v-row class=\"position-relative\">\r\n                <v-col cols=\"12 py-0\">\r\n                    <v-divider color=\"white\"></v-divider>\r\n                </v-col>\r\n                <v-col cols=\"12 py-0 position-relative\" v-for=\"(item, index) in copassengers\" :key=\"index\">\r\n                    <v-card class=\"mx-auto passenger-items\" color=\"#181717\">\r\n                        <ListItem \r\n                            :index=\"index\"\r\n                            :isActive=\"item.isActive\" \r\n                            :subtitle=\"item.phoneNumber\" \r\n                            :initials=\"initials(item)\"\r\n                            :title=\"fullname(item)\"\r\n                            :description=\"`Allergieën en voorkeuren: ${getFoodRestrictions(item.foodRestrictions)}`\" \r\n                            @setActiveItem=\"item.isActive = true\"\r\n                            @showDialog=\"showDialog\" />\r\n                        <PassengerForm \r\n                            :index=\"index\"\r\n                            :firstname=\"item.firstname\"\r\n                            :lastname=\"item.lastName\"\r\n                            :phoneNumber=\"item.phoneNumber\"\r\n                            :dateOfBirth=\"item.dateOfBirth\"\r\n                            :foodRestrictions=\"item.foodRestrictions\"\r\n                            :personId=\"item.personId\"\r\n                            :isActive=\"item.isActive\"\r\n                            :isNew=\"item.isNew\"\r\n                            @create=\"addPerson\"\r\n                            @update=\"updatePerson\"\r\n                            @cancel=\"cancel\" />\r\n                    </v-card>\r\n                </v-col>\r\n                <v-fade-transition>\r\n                    <v-overlay\r\n                        absolute\r\n                        color=\"#181717\" v-if=\"isLoading\">\r\n                        <v-progress-circular\r\n                            indeterminate\r\n                            color=\"grey lighten-5\"\r\n                        ></v-progress-circular>\r\n                    </v-overlay>\r\n                </v-fade-transition>\r\n                <v-expand-transition>\r\n                    <v-col cols=\"12\" v-show=\"!hasNewInput\">\r\n                        <v-btn color=\"primary\" block class=\"mt-5 mb-0\" @click=\"addNewPassenger()\">\r\n                            Voeg nieuwe passagier toe\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-expand-transition>\r\n            </v-row>\r\n        </v-container>\r\n        <v-dialog\r\n            v-model=\"dialog\"\r\n            max-width=\"290\">\r\n            <v-card>\r\n                <v-card-title class=\"text-h5\">\r\n                    Bevestig verwijderen\r\n                </v-card-title>\r\n\r\n                <v-card-text>\r\n                    Weet u zeker dat u  \"{{ fullname(selectedItem) }}\" wilt verwijderen?\r\n                </v-card-text>\r\n\r\n                <v-card-actions>\r\n                <v-spacer></v-spacer>\r\n                <v-btn\r\n                    text\r\n                    @click=\"dialog = false\">\r\n                    Annuleren\r\n                </v-btn>\r\n\r\n                <v-btn\r\n                    text\r\n                    @click=\"deletePerson()\">\r\n                    Verwijderen\r\n                </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport ListItem from \"@/components/dashboard/ListItem\";\r\nimport PassengerForm from \"@/components/dashboard/PassengerForm\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\n\r\nimport { mapState } from 'vuex'\r\n\r\nexport default {\r\n    name: 'PassengerList',\r\n    components: \r\n    {\r\n        ListItem,\r\n        PassengerForm\r\n    },\r\n    props: {\r\n        accountId: String,\r\n    },\r\n    data: () => ({\r\n        editIcon: require('@/assets/icons/edit.svg'),\r\n        deleteIcon: require('@/assets/icons/delete.svg'),\r\n        \r\n        copassengers: [],\r\n        dialog: false,\r\n        selectedIndex: -1,\r\n        selectedItem: null,\r\n        isLoading: false,\r\n    }),\r\n    mixins: [DataMixin, MenuHelperMixin, FormatMixin],\r\n    computed:\r\n    {\r\n        ...mapState('account', ['status']),\r\n        ...mapState('authorizedModule', ['isAdmin']),\r\n        hasNewInput()\r\n        {\r\n            return this.copassengers.find(x => x.isNew);\r\n        },\r\n        intro() {\r\n            return this.isAdmin ? `Hieronder staan de passagiers die op het account van ${this.accountFirstname} staan geregistreerd.` : `Hieronder ziet u het overzicht van de door u geregistreerde passagiers. Wil er de volgende keer met iemand anders met u meerijden? Of wilt u een bestaande passagier wijzigen? U regelt het gemakkelijk hieronder.`;\r\n        }\r\n    },\r\n    mounted()\r\n    {\r\n        this.getCoregisteredPersons();\r\n    },\r\n    methods: \r\n    {\r\n        getCoregisteredPersons()\r\n        {\r\n            this.isLoading = true;\r\n            this.copassengers = [];\r\n            this.$store.dispatch('accountModule/getCoRegisteredPersonsFromAccount', this.accountId)\r\n            .then(array => {\r\n\r\n                array.forEach(element => {\r\n                    element.isNew = false;\r\n                    element.isActive = false;\r\n                    // remove time information\r\n\r\n                    if (element.dateOfBirth)\r\n                    {\r\n                        element.dateOfBirth = this.getDateOnly(element.dateOfBirth);\r\n                    }\r\n                    this.copassengers.push(element);\r\n                });\r\n\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => {\r\n                this.isLoading = false;\r\n            })\r\n        },\r\n        fullname(item)\r\n        {\r\n            if(item == null)\r\n            {\r\n                return \"\";\r\n            }\r\n\r\n            return `${item.firstname} ${item.lastName}`;\r\n        },\r\n        initials(item)\r\n        {\r\n            if(item == null)\r\n            {\r\n                return \"\";\r\n            }\r\n\r\n            const names = item.lastName.split(' ');\r\n            return `${item.firstname.charAt(0)}${names[names.length - 1].charAt(0)}`;\r\n        },\r\n        showDialog(index)\r\n        {\r\n            this.selectedItem = this.copassengers[index];\r\n            this.selectedIndex = index;\r\n            this.dialog = true;\r\n        },\r\n        deletePerson()\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            this.isLoading = true;\r\n            this.dialog = false;\r\n            this.$store.dispatch('accountModule/deletePerson', this.selectedItem.personId)\r\n            .then(() => {\r\n                //this.getCoregisteredPersons();\r\n                this.$delete(this.copassengers, this.selectedIndex);\r\n                this.selectedItem.isActive = false;\r\n                this.isLoading = false;\r\n            })\r\n            .catch((error) => \r\n            {\r\n                this.$store.commit('dialog/showDialog', error);\r\n                this.isLoading = false;\r\n            })\r\n        },\r\n        addPerson(index, firstname, lastname, dateOfBirth, phoneNumber, foodRestrictions)\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            this.isLoading = true;\r\n            // Add new coregistered person\r\n            let request = [{\r\n                accountId: this.accountId,\r\n                firstname: firstname,\r\n                lastName: lastname,\r\n                dateOfBirth: dateOfBirth,\r\n                phoneNumber: phoneNumber,\r\n                foodRestrictions: foodRestrictions,\r\n            }]\r\n\r\n            this.$store.dispatch('accountModule/addCoregisteredPersons', request)\r\n            .then((data) => {\r\n                if(data.length > 0)\r\n                {\r\n                    this.updateListInfo(index, data[0], firstname, lastname, dateOfBirth, phoneNumber, foodRestrictions);\r\n                }\r\n                else\r\n                {\r\n                    this.$store.commit('dialog/showDialog', `Something went wrong with adding person '${firstname}'.`);\r\n                }\r\n                \r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => \r\n            {\r\n                this.$store.commit('dialog/showDialog', `Something went wrong with adding person '${firstname}'.`);\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        updatePerson(index, firstname, lastname, dateOfBirth, phoneNumber, foodRestrictions, personId)\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n            this.isLoading = true;\r\n\r\n            let request = {\r\n                personInfoRequest: {\r\n                    accountId: this.accountId,\r\n                    firstname: firstname,\r\n                    lastName: lastname,\r\n                    dateOfBirth: dateOfBirth,\r\n                    phoneNumber: phoneNumber,\r\n                    id: personId\r\n                },\r\n                foodInfoRequest: {\r\n                    personId: personId,\r\n                    foodRestrictions: foodRestrictions\r\n                }\r\n            }\r\n\r\n            // Update base info and food info of coregistered account\r\n            this.$store.dispatch('accountModule/updatePersonInfo', request)\r\n            .then(() => {\r\n                this.updateListInfo(index, personId, firstname, lastname, dateOfBirth, phoneNumber, foodRestrictions);\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => \r\n            {\r\n                this.$store.commit('dialog/showDialog', `Something went wrong with updating person '${firstname}'.`);\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        updateListInfo(index, id, firstname, lastname, dateOfBirth, phoneNumber, foodRestrictions)\r\n        {\r\n            let passenger = this.copassengers[index];\r\n            passenger.personId = id;\r\n            passenger.firstname = firstname;\r\n            passenger.lastName = lastname;\r\n            passenger.phoneNumber = phoneNumber;\r\n            passenger.dateOfBirth = dateOfBirth;\r\n            passenger.foodRestrictions = foodRestrictions;\r\n            passenger.isActive = false;\r\n            passenger.isNew = false;\r\n        },\r\n        cancel(index)\r\n        {\r\n            let passenger = this.copassengers[index];\r\n            if (passenger.isNew)\r\n            {\r\n                this.$delete(this.copassengers, index);\r\n            }\r\n            else\r\n            {\r\n                passenger.isActive = false;\r\n            }\r\n        },\r\n        addNewPassenger()\r\n        {\r\n            if(!this.status.loggedIn) return;\r\n\r\n            this.copassengers.push({\r\n                firstname: \"\", \r\n                lastName: \"\", \r\n                dateOfBirth: null,\r\n                phoneNumber: \"\",\r\n                foodRestrictions: [],\r\n                isActive: true,\r\n                isNew: true,\r\n                personId: ''\r\n            });\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 12px;\r\n    height: 11px;\r\n}\r\n\r\n.edit-container\r\n{\r\n    background: #0071e3;\r\n    position: absolute;\r\n    bottom: 6px;\r\n    left: 40px;\r\n    padding-left: 7px;\r\n    padding-right: 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.delete-icon \r\n{\r\n    width: 20px;\r\n    height: 20px;\r\n    margin-top: -10px;\r\n    margin-right: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.initials-avatar\r\n{\r\n    background: white;\r\n    color: #181717;\r\n    font-size: 26px;\r\n    cursor: pointer;\r\n}\r\n\r\n.passenger-items\r\n{\r\n    box-shadow: none !important;\r\n}\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!./PassengerList.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!./PassengerList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PassengerList.vue?vue&type=template&id=713a1732&\"\nimport script from \"./PassengerList.vue?vue&type=script&lang=js&\"\nexport * from \"./PassengerList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PassengerList.vue?vue&type=style&index=0&id=713a1732&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-expand-transition',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isActive),expression:\"!isActive\"}]},[_c('v-list-item',{staticClass:\"px-0 pt-1\"},[_c('v-list-item-avatar',{attrs:{\"width\":\"60\",\"height\":\"60\"}},[_c('div',{staticClass:\"pa-7 rounded-circle d-inline-block initials-avatar text-uppercase font-weight-black\",on:{\"click\":function($event){return _vm.setActiveItem()}}},[_vm._v(_vm._s(_vm.initials))])]),_c('div',{staticClass:\"rounded-circle edit-container\",on:{\"click\":function($event){return _vm.setActiveItem()}}},[_c('img',{staticClass:\"edit-icon\",attrs:{\"src\":_vm.editIcon,\"alt\":\"Edit\"}})]),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"header-title pb-2 pointer\",domProps:{\"textContent\":_vm._s(_vm.title)},on:{\"click\":function($event){return _vm.onTitleClick()}}}),_c('div',[_vm._v(\" \"+_vm._s(_vm.subtitle)+\" \")])],1),_c('img',{staticClass:\"delete-icon\",attrs:{\"src\":_vm.deleteIcon,\"alt\":\"Delete\"},on:{\"click\":function($event){return _vm.showDialog()}}})],1),_c('div',{staticClass:\"pb-3\"},[_vm._v(\" \"+_vm._s(_vm.description)+\" \")]),_c('v-divider',{attrs:{\"color\":\"white\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     <v-expand-transition>\r\n        <div v-show=\"!isActive\" >\r\n            <v-list-item class=\"px-0 pt-1\">\r\n                <v-list-item-avatar width=\"60\" height=\"60\">\r\n                    <div class=\"pa-7 rounded-circle d-inline-block initials-avatar text-uppercase font-weight-black\" @click=\"setActiveItem()\">{{initials}}</div>\r\n                </v-list-item-avatar>\r\n                <div class=\"rounded-circle edit-container\" @click=\"setActiveItem()\">\r\n                    <img class=\"edit-icon\" :src=\"editIcon\" alt=\"Edit\" />\r\n                </div>\r\n                <v-list-item-content>\r\n                    <v-list-item-title v-text=\"title\" class=\"header-title pb-2 pointer\" @click=\"onTitleClick()\"></v-list-item-title>\r\n                    <div> {{subtitle}} </div>\r\n                </v-list-item-content>\r\n\r\n                <img class=\"delete-icon\" :src=\"deleteIcon\" alt=\"Delete\" @click=\"showDialog()\" />\r\n\r\n            </v-list-item>\r\n            <div class=\"pb-3\">\r\n                {{description}} \r\n            </div>\r\n            <v-divider color=\"white\"></v-divider>\r\n        </div>\r\n    </v-expand-transition>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'ListItem',\r\n    components: \r\n    {\r\n    },\r\n    data () {\r\n        return {\r\n            editIcon: require('@/assets/icons/edit.svg'),\r\n            deleteIcon: require('@/assets/icons/delete.svg'),\r\n        }\r\n    },\r\n    props: \r\n    {\r\n        index: Number,\r\n        isActive: Boolean,\r\n        initials: String,\r\n        title: String,\r\n        subtitle: String,\r\n        description: String,\r\n    },\r\n  \r\n    methods: {\r\n        setActiveItem()\r\n        {\r\n            this.$emit('setActiveItem');\r\n        },\r\n        onTitleClick()\r\n        {\r\n            this.$emit('onTitleClick', this.index);\r\n        },\r\n        showDialog()\r\n        {\r\n            this.$emit('showDialog', this.index);\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!./ListItem.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!./ListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListItem.vue?vue&type=template&id=5167b342&\"\nimport script from \"./ListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ListItem.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountDetailsForm.vue?vue&type=style&index=0&id=a79f876c&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/download.50cc38ca.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FoodRestrictionDropdown.vue?vue&type=style&index=0&id=0254e768&prod&lang=css&\""],"sourceRoot":""}