{"version":3,"sources":["webpack:///./src/mixins/roadtrip.mixin.js","webpack:///../../../src/mixins/transitionable/index.ts","webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///./src/views/tripdaymanager/TripDayStatistics.vue","webpack:///src/views/tripdaymanager/TripDayStatistics.vue","webpack:///./src/views/tripdaymanager/TripDayStatistics.vue?9f53","webpack:///./src/views/tripdaymanager/TripDayStatistics.vue?6a5a","webpack:///./src/components/common/LoadingIcon.vue?1dcc","webpack:///./src/components/common/BannerTemplate.vue","webpack:///src/components/common/BannerTemplate.vue","webpack:///./src/components/common/BannerTemplate.vue?0ef2","webpack:///./src/components/common/BannerTemplate.vue?5ddd","webpack:///./src/assets/icons/dinner.svg","webpack:///./src/assets/icons/car-v2.svg","webpack:///./src/assets/icons/participant.svg","webpack:///./src/views/tripdaymanager/TripDayStatistics.vue?223b","webpack:///./src/components/common/LoadingIcon.vue","webpack:///src/components/common/LoadingIcon.vue","webpack:///./src/components/common/LoadingIcon.vue?1924","webpack:///./src/components/common/LoadingIcon.vue?584b","webpack:///../../../src/components/VItemGroup/VItem.ts","webpack:///./src/components/common/ImageDiv.vue","webpack:///src/components/common/ImageDiv.vue","webpack:///./src/components/common/ImageDiv.vue?c0e3","webpack:///./src/components/common/ImageDiv.vue?5d87","webpack:///./src/assets/icons/lunch.svg"],"names":["mixins","FormatMixin","MenuHelperMixin","methods","getTagColor","type","mapRoadtripData","data","roadtrip","date","this","getDateOnly","tripDate","label","getRoadtripLabel","roadtripLabel","labelColor","Vue","extend","name","props","mode","String","origin","transition","VSheet","Toggleable","Transitionable","border","validator","val","includes","closeLabel","default","coloredBorder","Boolean","dense","dismissible","closeIcon","icon","outlined","prominent","text","value","computed","__cachedBorder","staticClass","class","setBackgroundColor","computedColor","$createElement","__cachedDismissible","color","iconColor","VBtn","small","attrs","$vuetify","lang","t","on","click","isActive","VIcon","__cachedIcon","computedIcon","classes","options","call","hasColoredIcon","hasText","undefined","isDark","Themeable","created","$attrs","hasOwnProperty","breaking","genWrapper","children","$slots","prepend","genContent","append","$scopedSlots","close","toggle","genAlert","role","listeners$","style","styles","directives","setColor","setTextColor","render","h","_c","_vm","mainProductPhotoURL","colSize","_s","_v","rawName","model","callback","allergyFilter","expression","key","index","staticRenderFns","components","LoadingIcon","BannerTemplate","hasNotCheckedInPersons","hasCheckedInPersons","filteredAllergies","watch","isAdmin","immediate","handler","isLoading","carIcon","participantIcon","lunchIcon","dinnerIcon","roadtripId","generalFoodRestrictionInfo","notCheckedIn","checkedIn","allergyFilters","beforeCreate","mounted","getTripDayStatistics","then","catch","getCardText","getCardSubText","component","title","intro","bannerSource","ImageDiv","module","exports","imgClass","BaseItem","activeClass","required","consoleWarn","element","active","Array","isArray","length","tag","_b","GroupableFactory","imageSource","scopedSlots","fn","templateClass"],"mappings":"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","file":"js/chunk-c69bef48.c2070263.js","sourcesContent":["import FormatMixin from \"@/mixins/format.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\n\r\nexport default {\r\n    mixins: [FormatMixin, MenuHelperMixin],\r\n    methods: \r\n    {\r\n        getTagColor(type)\r\n        {\r\n            switch(type)\r\n            {\r\n                case \"Porsche\":\r\n                    return \"red\";\r\n                case \"Volvo\":\r\n                    return \"blue\";\r\n                case \"BMW\":\r\n                    return \"teal\";\r\n                default:\r\n                    return \"orange\";\r\n            }\r\n        },\r\n\r\n        mapRoadtripData(data)\r\n        {\r\n            let roadtrip = data;\r\n\r\n            roadtrip.date = this.getDateOnly(roadtrip.tripDate);\r\n            roadtrip.label = this.getRoadtripLabel(roadtrip.roadtripLabel);\r\n            roadtrip.labelColor = this.getTagColor(roadtrip.label);\r\n\r\n            return roadtrip;\r\n        }\r\n       \r\n    }\r\n}","import Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n","// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoading && _vm.isAdmin),expression:\"!isLoading && isAdmin\"}]},[_c('BannerTemplate',{attrs:{\"bannerSource\":_vm.roadtrip.mainProductPhotoURL}},[_c('div',{staticClass:\"px-2 mt-n3 tripday-statistics-content position-relative\"},[_c('v-container',{staticClass:\"pt-0\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('span',{staticClass:\"body-1 tag-wrap\"},[_c('v-alert',{staticClass:\"tag mx-3 my-1 pa-0 text-center red\",class:`${_vm.roadtrip.labelColor}`,attrs:{\"text--white\":\"\",\"width\":\"100\",\"dense\":\"\",\"prominent\":\"\",\"text\":\"\"}},[_vm._v(_vm._s(_vm.roadtrip.label))])],1),_c('v-col',{staticClass:\"d-flex\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"display-1\"},[_vm._v(_vm._s(_vm.roadtrip.tripName))])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(_vm._s(_vm.formatDayMonth(_vm.roadtrip.date)))])],1),_c('v-container',{staticClass:\"px-0\"},[_c('v-row',{staticClass:\"blue-info\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":_vm.colSize}},[_c('div',{staticClass:\"py-3 pb-4 mr-2 primary darken-2 text-no-wrap rounded-lg\"},[_c('div',{staticClass:\"pl-3\"},[_c('v-img',{attrs:{\"src\":_vm.carIcon,\"contain\":\"\"}})],1),_c('div',{staticClass:\"icon-text text-end pr-3\"},[_vm._v(_vm._s(_vm.roadtrip.checkedInCarCount)+\" / \"+_vm._s(_vm.roadtrip.totalCarCount))])])]),_c('v-col',{attrs:{\"cols\":_vm.colSize}},[_c('div',{staticClass:\"py-3 pb-4 mx-2 primary darken-2 text-no-wrap rounded-lg\"},[_c('div',{staticClass:\"pl-3\"},[_c('v-img',{attrs:{\"src\":_vm.participantIcon,\"contain\":\"\"}})],1),_c('div',{staticClass:\"icon-text text-end pr-3\"},[_vm._v(_vm._s(_vm.roadtrip.checkedInPeopleCount)+\" / \"+_vm._s(_vm.roadtrip.totalPeopleCount))])])]),(_vm.roadtrip.offersLunch)?_c('v-col',{attrs:{\"cols\":_vm.colSize}},[_c('div',{staticClass:\"py-3 pb-4 mx-2 primary darken-2 text-no-wrap rounded-lg\"},[_c('div',{staticClass:\"pl-3\"},[_c('v-img',{attrs:{\"src\":_vm.lunchIcon,\"contain\":\"\"}})],1),_c('div',{staticClass:\"icon-text text-end pr-3\"},[_vm._v(_vm._s(_vm.roadtrip.checkedInLunchCount)+\" / \"+_vm._s(_vm.roadtrip.totalLunchCount))])])]):_vm._e(),(_vm.roadtrip.offersDinner)?_c('v-col',{attrs:{\"cols\":_vm.colSize}},[_c('div',{staticClass:\"py-3 pb-4 ml-2 primary darken-2 text-no-wrap rounded-lg\"},[_c('div',{staticClass:\"pl-3\"},[_c('v-img',{attrs:{\"src\":_vm.dinnerIcon,\"contain\":\"\"}})],1),_c('div',{staticClass:\"icon-text text-end pr-3\"},[_vm._v(_vm._s(_vm.roadtrip.checkedInDinnerCount)+\" / \"+_vm._s(_vm.roadtrip.totalDinnerCount))])])]):_vm._e()],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header mt-4 mb-2 d-flex\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"display-1\"},[_vm._v(\"Voedselvoorkeuren\")])]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.roadtrip.generalFoodRestrictionInfo.length > 0),expression:\"this.roadtrip.generalFoodRestrictionInfo.length > 0\"}],attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"allergy-filter\"},[_c('v-select',{attrs:{\"items\":_vm.allergyFilters,\"offset-y\":\"\",\"dense\":\"\"},model:{value:(_vm.allergyFilter),callback:function ($$v) {_vm.allergyFilter=$$v},expression:\"allergyFilter\"}})],1)]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filteredAllergies.length > 0),expression:\"filteredAllergies.length > 0\"}],attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"pt-2\"},[_c('v-item-group',{attrs:{\"multiple\":\"\"}},_vm._l((_vm.filteredAllergies),function(allergy){return _c('v-item',{key:allergy.item1},[_c('v-chip',{staticClass:\"mb-2 mr-2\"},[_vm._v(\" \"+_vm._s(`${_vm.getFoodRestriction(allergy.item1)}:`)+\" \"),_c('span',{staticClass:\"pl-2\"},[_vm._v(_vm._s(allergy.item2))])])],1)}),1)],1)]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filteredAllergies.length == 0),expression:\"filteredAllergies.length == 0\"}],attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"-\")])])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header mt-4 mb-2\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"display-1\"},[_vm._v(\"Nog niet aanwezig\")])]),_vm._l((_vm.roadtrip.notCheckedIn),function(person,index){return _c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasNotCheckedInPersons),expression:\"hasNotCheckedInPersons\"}],key:index,staticClass:\"pt-3 pb-1 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"blue darken-4 rounded-lg mb-2\",on:{\"click\":function($event){return _vm.goToCheckinPage(person.orderId)}}},[_c('v-card-title',{staticClass:\"ols-12 pt-2 pb-0\"},[_vm._v(\" \"+_vm._s(person.orderNumber)+\" \")]),_c('v-card-title',{staticClass:\"subtitle-1 cols-12 py-0\"},[_vm._v(\" \"+_vm._s(_vm.getCardText(person))+\" \")]),_c('v-card-subtitle',{staticClass:\"pt-4\"},[_vm._v(_vm._s(_vm.getCardSubText(person))+\" \")])],1)],1)}),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hasNotCheckedInPersons),expression:\"!hasNotCheckedInPersons\"}],attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"-\")])])],2),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header mt-4 mb-2\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"display-1\"},[_vm._v(\"Aanwezig\")])]),_vm._l((_vm.roadtrip.checkedIn),function(person,index){return _c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasCheckedInPersons),expression:\"hasCheckedInPersons\"}],key:`checkin-${index}`,staticClass:\"pt-3 pb-1 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"primary rounded-lg mb-2\",on:{\"click\":function($event){return _vm.goToCheckinPage(person.orderId)}}},[_c('v-card-title',{staticClass:\"cols-12 pt-2 pb-0\"},[_vm._v(\" \"+_vm._s(person.orderNumber)+\" \")]),_c('v-card-title',{staticClass:\"subtitle-1 cols-12 py-0\"},[_vm._v(\" \"+_vm._s(_vm.getCardText(person))+\" \")]),_c('v-card-subtitle',{staticClass:\"pt-4\"},[_vm._v(_vm._s(_vm.getCardSubText(person))+\" \")])],1)],1)}),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hasCheckedInPersons),expression:\"!hasCheckedInPersons\"}],attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"-\")])])],2)],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div>\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <div v-show=\"!isLoading && isAdmin\">\r\n            <BannerTemplate :bannerSource=\"roadtrip.mainProductPhotoURL\">\r\n                <div class=\"px-2 mt-n3 tripday-statistics-content position-relative\">\r\n                    <v-container class=\"pt-0\">\r\n                        <v-row no-gutters>\r\n                            <span class=\"body-1 tag-wrap\">\r\n                                <v-alert class=\"tag mx-3 my-1 pa-0 text-center red\" \r\n                                    :class=\"`${roadtrip.labelColor}`\"\r\n                                    text--white\r\n                                    width=\"100\"\r\n                                    dense\r\n                                    prominent\r\n                                    text>{{roadtrip.label}}</v-alert>\r\n                            </span>\r\n                            <v-col cols=\"12\" class=\"d-flex\">\r\n                                <span class=\"display-1\">{{roadtrip.tripName}}</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" class=\"\">{{formatDayMonth(roadtrip.date)}}</v-col>\r\n                        </v-row>\r\n\r\n                        <v-container class=\"px-0\">\r\n                            <v-row no-gutters class=\"blue-info\">\r\n                                <v-col :cols=\"colSize\">\r\n                                    <div class=\"py-3 pb-4 mr-2 primary darken-2 text-no-wrap rounded-lg\">\r\n                                        <div class=\"pl-3\"><v-img :src=\"carIcon\" contain></v-img></div>\r\n                                        <div class=\"icon-text text-end pr-3\">{{roadtrip.checkedInCarCount}} / {{roadtrip.totalCarCount}}</div>\r\n                                    </div>\r\n                                </v-col>\r\n                                <v-col :cols=\"colSize\">\r\n                                    <div class=\"py-3 pb-4 mx-2 primary darken-2 text-no-wrap rounded-lg\">\r\n                                        <div class=\"pl-3\"><v-img :src=\"participantIcon\" contain></v-img></div>\r\n                                        <div class=\"icon-text text-end pr-3\">{{roadtrip.checkedInPeopleCount}} / {{roadtrip.totalPeopleCount}}</div>\r\n                                    </div>\r\n                                </v-col>\r\n                                <v-col :cols=\"colSize\" v-if=\"roadtrip.offersLunch\">\r\n                                    <div class=\"py-3 pb-4 mx-2 primary darken-2 text-no-wrap rounded-lg\">\r\n                                        <div class=\"pl-3\"><v-img :src=\"lunchIcon\" contain></v-img></div>\r\n                                        <div class=\"icon-text text-end pr-3\">{{roadtrip.checkedInLunchCount}} / {{roadtrip.totalLunchCount}}</div>\r\n                                    </div>\r\n                                </v-col>\r\n                                <v-col :cols=\"colSize\" v-if=\"roadtrip.offersDinner\">\r\n                                    <div class=\"py-3 pb-4 ml-2 primary darken-2 text-no-wrap rounded-lg\">\r\n                                        <div class=\"pl-3\"><v-img :src=\"dinnerIcon\" contain></v-img></div>\r\n                                        <div class=\"icon-text text-end pr-3\">{{roadtrip.checkedInDinnerCount}} / {{roadtrip.totalDinnerCount}}</div>\r\n                                    </div>\r\n                                </v-col>\r\n                            </v-row>\r\n                        </v-container>\r\n\r\n                        <v-row no-gutters>\r\n                            <v-col cols=\"12\" class=\"header mt-4 mb-2 d-flex\">\r\n                                <span class=\"display-1\">Voedselvoorkeuren</span>\r\n                            </v-col>\r\n                            <!-- only show filter when there are really allergies from any participants -->\r\n                            <v-col cols=\"12\" v-show=\"this.roadtrip.generalFoodRestrictionInfo.length > 0\">\r\n                                <div class=\"allergy-filter\">\r\n                                    <v-select \r\n                                    v-model=\"allergyFilter\"\r\n                                    :items=\"allergyFilters\"\r\n                                    offset-y\r\n                                    dense></v-select>\r\n                                </div>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" v-show=\"filteredAllergies.length > 0\">\r\n                                <div class=\"pt-2\">\r\n                                    <v-item-group multiple>\r\n                                        <v-item\r\n                                        v-for=\"allergy in filteredAllergies\"\r\n                                        :key=\"allergy.item1\">\r\n                                        <v-chip class=\"mb-2 mr-2\">\r\n                                            {{ `${getFoodRestriction(allergy.item1)}:` }}\r\n                                            <span class=\"pl-2\">{{allergy.item2}}</span>\r\n                                        </v-chip>\r\n                                        </v-item>\r\n                                    </v-item-group>\r\n                                </div>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" v-show=\"filteredAllergies.length == 0\">\r\n                                <div>-</div>\r\n                            </v-col>\r\n                        </v-row>\r\n\r\n                        <v-row no-gutters>\r\n                            <v-col cols=\"12\" class=\"header mt-4 mb-2\">\r\n                                <span class=\"display-1\">Nog niet aanwezig</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" class=\"pt-3 pb-1 px-0\" v-for=\"(person, index) in roadtrip.notCheckedIn\" :key=\"index\" v-show=\"hasNotCheckedInPersons\">\r\n                                <v-card class=\"blue darken-4 rounded-lg mb-2\" @click=\"goToCheckinPage(person.orderId)\">\r\n                                    <v-card-title\r\n                                    class=\"ols-12 pt-2 pb-0\">\r\n                                        {{ person.orderNumber }}\r\n                                    </v-card-title>\r\n                                    <v-card-title\r\n                                    class=\"subtitle-1 cols-12 py-0\">\r\n                                        {{ getCardText(person) }}\r\n                                    </v-card-title>\r\n                                    <v-card-subtitle class=\"pt-4\">{{ getCardSubText(person) }} </v-card-subtitle>\r\n                                </v-card>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" v-show=\"!hasNotCheckedInPersons\">\r\n                                <div>-</div>\r\n                            </v-col>\r\n                        </v-row>\r\n\r\n                        <v-row no-gutters>\r\n                            <v-col cols=\"12\" class=\"header mt-4 mb-2\">\r\n                                <span class=\"display-1\">Aanwezig</span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" class=\"pt-3 pb-1 px-0\" v-for=\"(person, index) in roadtrip.checkedIn\" :key=\"`checkin-${index}`\" v-show=\"hasCheckedInPersons\">\r\n                                <v-card class=\"primary rounded-lg mb-2\" @click=\"goToCheckinPage(person.orderId)\">\r\n                                    <v-card-title\r\n                                    class=\"cols-12 pt-2 pb-0\">\r\n                                        {{ person.orderNumber }}\r\n                                    </v-card-title>\r\n                                    <v-card-title\r\n                                    class=\"subtitle-1 cols-12 py-0\">\r\n                                        {{ getCardText(person) }}\r\n                                    </v-card-title>\r\n                                    <v-card-subtitle class=\"pt-4\">{{ getCardSubText(person) }} </v-card-subtitle>\r\n                                </v-card>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" v-show=\"!hasCheckedInPersons\">\r\n                                <div>-</div>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-container>\r\n                </div>\r\n            </BannerTemplate>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport DataMixin from '@/mixins/data.mixin';\r\nimport RouteMixin from '@/mixins/route.mixin';\r\nimport FormatMixin from '@/mixins/format.mixin';\r\nimport RoadtripMixin from '@/mixins/roadtrip.mixin';\r\nimport MenuHelperMixin from '@/mixins/menu-helper.mixin';\r\nimport BannerTemplate from '@/components/common/BannerTemplate';\r\n\r\nexport default {\r\n    name: 'TripDayStatistics',\r\n    components: {\r\n        LoadingIcon,\r\n        BannerTemplate\r\n    },\r\n    computed: {\r\n        ...mapState('authorizedModule', ['isAdmin']),\r\n        hasNotCheckedInPersons()\r\n        {\r\n            return this.roadtrip.notCheckedIn.length > 0;\r\n        },\r\n        hasCheckedInPersons()\r\n        {\r\n            return this.roadtrip.checkedIn.length > 0;\r\n        },\r\n        colSize()\r\n        {\r\n            return this.roadtrip.offersLunch && this.roadtrip.offersDinner ? 3 : 4;\r\n        },\r\n        filteredAllergies()\r\n        {\r\n            switch (this.allergyFilter) {\r\n                case 'Alles':\r\n                    return this.roadtrip.generalFoodRestrictionInfo;\r\n                case 'Lunch':\r\n                    return this.roadtrip.lunchPackageFoodRestrictionInfo;\r\n                case 'Diner':\r\n                    return this.roadtrip.dinnerFoodRestrictionInfo;\r\n                default:\r\n                    return this.roadtrip.generalFoodRestrictionInfo;\r\n            }\r\n        }\r\n    },\r\n    mixins: [DataMixin, RouteMixin, FormatMixin, RoadtripMixin, MenuHelperMixin],\r\n    watch: {\r\n        isAdmin: {\r\n            immediate: true,\r\n            handler() {\r\n                this.roadtripId = this.$route.params.roadtripId;\r\n                if (this.isAdmin){\r\n                    this.getTripDayStatistics();\r\n                }\r\n                else\r\n                {\r\n                    this.isLoading = false;\r\n                }\r\n            }\r\n        }\r\n    },\r\n    data: () => ({\r\n        isLoading: true,\r\n        carIcon: require('@/assets/icons/car-v2.svg'),\r\n        participantIcon: require('@/assets/icons/participant.svg'),\r\n        lunchIcon: require('@/assets/icons/lunch.svg'),\r\n        dinnerIcon: require('@/assets/icons/dinner.svg'),\r\n        roadtripId: '',\r\n        roadtrip: {\r\n            generalFoodRestrictionInfo: [],\r\n            notCheckedIn: [],\r\n            checkedIn: []\r\n        },\r\n        allergyFilter: 'Alles',\r\n        allergyFilters: [\r\n            'Alles'\r\n        ]\r\n\r\n    }),  \r\n    beforeCreate(){\r\n        this.$store.dispatch('menuHelper/getRoadtripLabels');\r\n        this.$store.dispatch('menuHelper/getFoodRestrictions');\r\n    },\r\n    mounted () \r\n    {\r\n        this.$store.commit('setFooterVisibility', true);\r\n    },\r\n    methods: {\r\n        getTripDayStatistics()\r\n        {\r\n            this.isLoading = true;\r\n            this.$store.dispatch('roadtripModule/getTripDayStatistics', this.roadtripId)\r\n                .then(data => {\r\n                    this.roadtrip = this.mapRoadtripData(data);\r\n                    this.isLoading = false;\r\n\r\n                    if (data.offersLunch) {\r\n                        this.allergyFilters.push('Lunch');\r\n                    }\r\n\r\n                    if (data.offersDinner) {\r\n                        this.allergyFilters.push('Diner');\r\n                    }\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        },\r\n        getCardText(person)\r\n        {\r\n            return `${person.firstName} ${person.lastName} | ${person.vehicleName}`;\r\n        },\r\n        getCardSubText(person)\r\n        {\r\n            let lunchInfo = this.roadtrip.offersLunch ? ` | ${person.lunchCount} lunch` : '';\r\n            let dinnerInfo = this.roadtrip.offersDinner ? ` | ${person.dinnerCount} diner` : '';\r\n            return `${this.getCurrency(person.orderPrice)} | ${person.passengerCount} passagiers${lunchInfo}${dinnerInfo}`;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tripday-statistics-content .tag-wrap \r\n{\r\n    margin-top: -55px;\r\n    position: absolute;\r\n    right: 10px;\r\n}\r\n\r\n\r\n.blue-info .v-image \r\n{\r\n    width: 30px;\r\n    height: 30px;\r\n}\r\n\r\n.blue-info .v-image .v-image__image\r\n{\r\n    background-position: center right;\r\n}\r\n\r\n.blue-info {\r\n    font-size: 24px;\r\n}\r\n\r\n.blue-info .icon-text\r\n{\r\n    padding-left: 10px;\r\n    line-height: 30px;\r\n}\r\n\r\n.allergy-filter {\r\n    width: 100px;\r\n}\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!./TripDayStatistics.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!./TripDayStatistics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TripDayStatistics.vue?vue&type=template&id=638c41f0&scoped=true&\"\nimport script from \"./TripDayStatistics.vue?vue&type=script&lang=js&\"\nexport * from \"./TripDayStatistics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TripDayStatistics.vue?vue&type=style&index=0&id=638c41f0&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  \"638c41f0\",\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!./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('ImageDiv',{attrs:{\"imageSource\":_vm.bannerSource,\"templateClass\":'bannerImg'}})],1)],1),_c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[(_vm.title)?_c('p',{staticClass:\"display-1 mt-1 mb-2 break-word\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.intro)}})])],1)],1)],1),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class=\"pa-0\">\r\n        <v-row no-gutters>\r\n          <v-col>\r\n            <ImageDiv :imageSource=\"bannerSource\" :templateClass=\"'bannerImg'\" />\r\n          </v-col>\r\n        </v-row>\r\n        <div class=\"px-2\">\r\n            <v-container>\r\n              <v-row no-gutters>\r\n                  <v-col>\r\n                      <p v-if=\"title\" class=\"display-1 mt-1 mb-2 break-word\">{{title}}</p>\r\n                      <div v-html=\"intro\"></div>\r\n                  </v-col>\r\n              </v-row>\r\n            </v-container>\r\n        </div>\r\n          <!-- Here goes the inserted view -->\r\n          <slot></slot>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport ImageDiv from '@/components/common/ImageDiv';\r\n\r\nexport default {\r\n  name: 'BannerTemplate',\r\n      props: {\r\n          bannerSource: String,\r\n          title: String,\r\n          intro: String,\r\n      },\r\n  components: {\r\n      ImageDiv\r\n  },\r\n  data: () => ({\r\n  }),\r\n  methods: {\r\n  }\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerTemplate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerTemplate.vue?vue&type=template&id=3886ebdd&\"\nimport script from \"./BannerTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerTemplate.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/dinner.69fb45cc.svg\";","module.exports = __webpack_public_path__ + \"img/car-v2.66d25abe.svg\";","module.exports = __webpack_public_path__ + \"img/participant.a718eb45.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!./TripDayStatistics.vue?vue&type=style&index=0&id=638c41f0&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\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</template>\r\n<script>\r\nexport default {\r\n    name: 'LoadingIcon',\r\n    props: {\r\n        isLoading: Boolean,\r\n        imgClass: String\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","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!./LoadingIcon.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!./LoadingIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingIcon.vue?vue&type=template&id=4cf14fb6&\"\nimport script from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&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","// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Vue from 'vue'\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\n/* @vue/component */\nexport const BaseItem = Vue.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): VNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('v-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'v-item', 'v-item-group')\n).extend({\n  name: 'v-item',\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-img',{staticClass:\"grey darken-4\",class:_vm.templateClass,attrs:{\"src\":_vm.imageSource,\"lazy-src\":_vm.imageSource,\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-img\r\n    :src=\"imageSource\"\r\n    :lazy-src=\"imageSource\"\r\n    aspect-ratio=\"1\"\r\n    class=\"grey darken-4\"\r\n    :class=\"templateClass\">\r\n\r\n        <template v-slot:placeholder>\r\n            <v-row\r\n                class=\"fill-height ma-0\"\r\n                align=\"center\"\r\n                justify=\"center\">\r\n\r\n                <v-progress-circular\r\n                    indeterminate\r\n                    color=\"grey lighten-5\">\r\n                </v-progress-circular>\r\n\r\n            </v-row>\r\n        </template>\r\n    </v-img>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'ImageDiv',\r\n    props: {\r\n        imageSource: String,\r\n        templateClass: String\r\n    },\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageDiv.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageDiv.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageDiv.vue?vue&type=template&id=0fb170df&\"\nimport script from \"./ImageDiv.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageDiv.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/lunch.45352b32.svg\";"],"sourceRoot":""}