{"version":3,"sources":["webpack:///./src/mixins/metatags.mixin.js","webpack:///./src/views/dashboard/AfgelopenRoadtrip.vue","webpack:///src/views/dashboard/AfgelopenRoadtrip.vue","webpack:///./src/views/dashboard/AfgelopenRoadtrip.vue?0132","webpack:///./src/views/dashboard/AfgelopenRoadtrip.vue?b87d","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/components/dashboard/Invoices.vue","webpack:///src/components/dashboard/Invoices.vue","webpack:///./src/components/dashboard/Invoices.vue?1ca0","webpack:///./src/components/dashboard/Invoices.vue?9009","webpack:///./src/components/dashboard/Invoices.vue?4404","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/VDivider/VDivider.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/download.svg"],"names":["data","methods","getKeywords","content","vmid","name","getMetaDescription","getAuthor","getSocialMediaMetas","title","description","imageUrl","imageAlt","this","getMetaOGs","getMetaTwitters","metas","push","getMetaOGTitle","getMetaOGDescription","getMetaOGImageSource","getMetaOGImageAlt","getMetaPageUrl","getMetaOGType","property","window","location","origin","$router","currentRoute","fullPath","getMetaTwitterCard","getMetaTwitterTitle","getMetaTwitterDescription","getMetaTwitterImage","getMetaTwitterImageAlt","getMetaTwitterSite","getMetaTwitterCreator","staticClass","roadtrip","attrs","_v","on","_vm","invoices","staticRenderFns","components","LoadingIcon","BannerTemplate","Invoices","mixins","computed","downloadIcon","itinerary","details","roadtripId","isLoading","uniqueName","mounted","metaInfo","meta","getRoadtripId","then","catch","getPassedRoadtrip","accountId","component","_c","intro","props","bannerSource","ImageDiv","key","index","_s","render","amount","paidOn","getInitials","imgClass","Themeable","extend","inset","Boolean","vertical","h","orientation","$attrs","role","class","themeClasses","$listeners","imageSource","scopedSlots","fn","templateClass","module","exports"],"mappings":"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","file":"js/chunk-c2a339be.dd74c6c6.js","sourcesContent":["export default {\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    methods: \r\n    {\r\n        getKeywords(content)\r\n        {  \r\n            return {\r\n                vmid: \"keywords\",\r\n                name: \"keywords\",\r\n                content: `Roadpursuit, roadtrip, roadtrips, rijden, toeren, toerrit, rit, driving, passie, cars, auto's, liefhebbers, auto community, ${content}`\r\n            }\r\n        },\r\n        getMetaDescription(content)\r\n        {  \r\n            return {\r\n                vmid: \"description\",\r\n                name: \"description\",\r\n                content: content\r\n            }\r\n        },\r\n        getAuthor()\r\n        {\r\n            return {\r\n                vmid: \"author\",\r\n                name: \"author\",\r\n                content: `Roadpursuit`\r\n            }\r\n        },\r\n\r\n        getSocialMediaMetas(title, description, imageUrl, imageAlt)\r\n        {\r\n            return [\r\n                ...this.getMetaOGs(title, description, imageUrl, imageAlt),\r\n                ...this.getMetaTwitters(title, description, imageUrl, imageAlt)\r\n            ];\r\n\r\n        },\r\n        \r\n        // OG -> Open Graph / Facebook tags\r\n        // have a very nice preview when sharing your website on facebook.\r\n        getMetaOGs(title, description, imageUrl, imageAlt)\r\n        {\r\n            let metas = [];\r\n            metas.push(this.getMetaOGTitle(title));\r\n            metas.push(this.getMetaOGDescription(description));\r\n\r\n            if (imageUrl != \"\")\r\n            {\r\n                metas.push(this.getMetaOGImageSource(imageUrl));\r\n                metas.push(this.getMetaOGImageAlt(imageAlt));\r\n            }\r\n           \r\n            metas.push(this.getMetaPageUrl());\r\n            metas.push(this.getMetaOGType());\r\n            return metas;\r\n        },\r\n        getMetaOGType()\r\n        {  \r\n            return {\r\n                vmid: \"og:type\",\r\n                property: \"og:type\",\r\n                content: \"website\"\r\n            }\r\n        },\r\n        getMetaOGTitle(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:title\",\r\n                property: \"og:title\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaOGDescription(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:description\",\r\n                property: \"og:description\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaOGImageSource(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:image\",\r\n                property: \"og:image\",\r\n                content: content // image url\r\n            }\r\n        },\r\n        getMetaOGImageAlt(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:image:alt\",\r\n                property: \"og:image:alt\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaPageUrl()\r\n        {  \r\n            return {\r\n                vmid: \"og:url\",\r\n                property: \"og:url\",\r\n                content: `${window.location.origin}${this.$router.currentRoute.fullPath}`\r\n            }\r\n        },\r\n\r\n        // Twitter tags\r\n        // have a nice twitter preview when sharing your website on twitter\r\n        getMetaTwitters(title, description, imageUrl, imageAlt)\r\n        {\r\n            let metas = [];\r\n            metas.push(this.getMetaTwitterCard());\r\n            metas.push(this.getMetaTwitterTitle(title));\r\n            metas.push(this.getMetaTwitterDescription(description));\r\n\r\n            if (imageUrl != \"\")\r\n            {\r\n                metas.push(this.getMetaTwitterImage(imageUrl));\r\n                metas.push(this.getMetaTwitterImageAlt(imageAlt));\r\n            }\r\n           \r\n            metas.push(this.getMetaTwitterSite());\r\n            metas.push(this.getMetaTwitterCreator());\r\n            return metas;\r\n        },\r\n        getMetaTwitterCard()\r\n        {\r\n            return {\r\n                vmid: \"twitter:card\",\r\n                name:\"twitter:card\",\r\n                content: \"summary\" // must be set to a value of “summary”\r\n            }\r\n        },\r\n        getMetaTwitterTitle(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:title\",\r\n                name:\"twitter:title\", \r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterDescription(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:description\",\r\n                name:\"twitter:description\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterImage(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:image\",\r\n                name:\"twitter:image\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterImageAlt(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:image:alt\",\r\n                name:\"twitter:image:alt\", \r\n                content: content // maximum 420 characters.\r\n            }\r\n        },\r\n        getMetaTwitterSite()\r\n        {\r\n            return {\r\n                vmid: \"twitter:site\",\r\n                name:\"twitter:site\",\r\n                content: \"@roadpursuit\" // the Twitter @username the card should be attributed to.\r\n            }\r\n        },\r\n        getMetaTwitterCreator()\r\n        {\r\n            return {\r\n                vmid: \"twitter:creator\",\r\n                name:\"twitter:creator\",\r\n                content: \"Roadpursuit\"\r\n            }\r\n        }\r\n    }\r\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('BannerTemplate',{attrs:{\"bannerSource\":_vm.roadtrip.imageURL}},[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),(!_vm.isLoading)?_c('div',{staticClass:\"px-2 mt-n5 roadtrip-settings\"},[(_vm.roadtrip)?_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"col-8 display-1 py-0\"},[_vm._v(_vm._s(_vm.roadtrip.name))]),_c('v-col',{staticClass:\"col-4 text-end\"},[_vm._v(_vm._s(_vm.formatDayMonthYear(_vm.roadtrip.date)))]),_c('v-col',{staticClass:\"col-12 py-0\"},[_vm._v(\"Op \"+_vm._s(_vm.formatDayMonth(_vm.roadtrip.date))+\" reed u mee met de Eifel Tour. Op deze pagina vindt u alle informatie over uw deelname.\")])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"display-1 mt-2 mb-0\"},[_vm._v(\"Foto's en review\")]),(_vm.roadtrip.galleryURL)?_c('div',{staticClass:\"mb-2\"},[_vm._v(\" Via onderstaande knop gaat u naar de galerij van de \"+_vm._s(_vm.roadtrip.name)+\". Hier kunt u de foto's bekijken en een review schrijven. \")]):_vm._e(),(!_vm.roadtrip.galleryURL)?_c('div',{staticClass:\"mb-2\"},[_vm._v(\" De foto's van de \"+_vm._s(_vm.roadtrip.name)+\" staan nog niet online. We zijn er druk mee bezig en sturen u een e-mail wanneer ze online staan! \")]):_vm._e()])],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[(_vm.roadtrip.galleryURL)?_c('v-col',{staticClass:\"py-4\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goto(_vm.roadtrip.galleryURL)}}},[_vm._v(\" \"+_vm._s(`Naar de galerij`)+\" \")])],1):_vm._e()],1),(_vm.roadtrip.invoices.length > 0)?_c('Invoices',{attrs:{\"invoices\":_vm.roadtrip.invoices}}):_vm._e()],1):_vm._e()],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <BannerTemplate :bannerSource=\"roadtrip.imageURL\">\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <div class=\"px-2 mt-n5 roadtrip-settings\" v-if=\"!isLoading\">\r\n            <v-container v-if=\"roadtrip\">\r\n                <v-row no-gutters>\r\n                    <v-col class=\"col-8 display-1 py-0\">{{roadtrip.name}}</v-col>\r\n                    <v-col class=\"col-4 text-end\">{{formatDayMonthYear(roadtrip.date)}}</v-col>\r\n                    <v-col class=\"col-12 py-0\">Op {{formatDayMonth(roadtrip.date)}} reed u mee met de Eifel Tour. Op deze pagina vindt u alle informatie over uw deelname.</v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col>\r\n                        <p class=\"display-1 mt-2 mb-0\">Foto's en review</p>\r\n                        <div class=\"mb-2\" v-if=\"roadtrip.galleryURL\">\r\n                            Via onderstaande knop gaat u naar de galerij van de {{roadtrip.name}}. Hier kunt u de foto's bekijken en een review schrijven.\r\n                        </div>\r\n                        <div class=\"mb-2\" v-if=\"!roadtrip.galleryURL\">\r\n                            De foto's van de {{roadtrip.name}} staan nog niet online. We zijn er druk mee bezig en sturen u een e-mail wanneer ze online staan!\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col class=\"py-4\" v-if=\"roadtrip.galleryURL\">\r\n                        <v-btn color=\"primary\" block @click=\"goto(roadtrip.galleryURL) \">\r\n                            {{ `Naar de galerij` }}\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-row>\r\n                <Invoices :invoices=\"roadtrip.invoices\" v-if=\"roadtrip.invoices.length > 0\"/>\r\n            </v-container>\r\n        </div>\r\n    </BannerTemplate>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport BannerTemplate from '@/components/common/BannerTemplate';\r\nimport Invoices from '@/components/dashboard/Invoices';\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport MetaTagsMixin from \"@/mixins/metatags.mixin\";\r\n\r\nexport default {\r\n    name: 'AfgelopenRoadtrip',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        BannerTemplate,\r\n        Invoices\r\n    },\r\n    mixins: [FormatMixin, RouteMixin, MetaTagsMixin],\r\n    computed: {\r\n        ...mapState('authorizedModule', ['userId']),\r\n    },\r\n    data: () => ({\r\n        downloadIcon: require('@/assets/icons/download.svg'),\r\n        roadtrip: {\r\n            itinerary: {\r\n                details: []\r\n            },\r\n            details: {},\r\n            invoices: []\r\n        },\r\n        roadtripId: '',\r\n        isLoading: false,\r\n        uniqueName: ''\r\n    }),\r\n    mounted () \r\n    {\r\n        this.uniqueName = this.$route.params.trip;\r\n        this.$store.commit('setFooterVisibility', true);\r\n        this.getRoadtripId();\r\n    },\r\n    metaInfo() {\r\n        return {\r\n        title: this.roadtrip.name ? `| ${this.roadtrip.name}` : `| Afgelopen Roadtrip`,\r\n        meta: [\r\n            this.getKeywords(`${this.roadtrip.name}, roadtrip`),\r\n            this.getMetaDescription(`${this.roadtrip.name}`),\r\n            this.getAuthor(),\r\n            ...this.getSocialMediaMetas(`${this.roadtrip.name}`, `${this.roadtrip.name}`, this.roadtrip.galleryURL, `${this.roadtrip.name}`),\r\n        ]\r\n        };\r\n    },\r\n    methods: {\r\n        getRoadtripId()\r\n        {\r\n            this.$store.dispatch('roadtripModule/getRoadtripId', this.uniqueName)\r\n                .then(data => {\r\n                    this.roadtripId = data;\r\n                    this.getPassedRoadtrip();\r\n            })\r\n            .catch(() => { \r\n                this.$store.commit('dialog/showDialog', `Unable to retrieve roadtrip.`);\r\n                this.isLoading = false; \r\n            });\r\n        },\r\n        getPassedRoadtrip()\r\n        {\r\n            const request = {\r\n                accountId: this.userId,\r\n                roadtripId: this.roadtripId\r\n            }\r\n\r\n            this.isLoading = true;\r\n            this.$store.dispatch('roadtripModule/getPassedRoadtrip', request)\r\n                .then(data => {\r\n\r\n                this.roadtrip = data;\r\n                this.roadtrip.date = this.getDateOnly(data.date);\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => { this.isLoading = false; });\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AfgelopenRoadtrip.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!./AfgelopenRoadtrip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AfgelopenRoadtrip.vue?vue&type=template&id=279dbfa0&\"\nimport script from \"./AfgelopenRoadtrip.vue?vue&type=script&lang=js&\"\nexport * from \"./AfgelopenRoadtrip.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!./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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.$store.state.isPilot)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"display-1 mt-2 mb-0\"},[_vm._v(\"Facturen\")]),_c('div',{staticClass:\"mb-2\"},[_vm._v(\" Het is nog niet mogelijk om uw facturen te bekijken. In een toekomstige versie van de website kan dit wel. \")])])],1):_vm._e(),(!_vm.$store.state.isPilot)?_c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"display-1 mb-2\"},[_vm._v(\"Facturen\")])])],1),_c('v-divider',{attrs:{\"color\":\"white\"}}),_c('v-row',_vm._l((_vm.invoices),function(invoice,index){return _c('v-col',{key:index},[_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\"},[_vm._v(_vm._s(_vm.getInitials(invoice.orderNumber)))])]),_c('v-list-item-content',[_c('v-list-item-title',[_c('span',{staticClass:\"title font-weight-light\"},[_vm._v(\"Factuurnummer: \"+_vm._s(invoice.orderNumber))])]),_c('div',{staticClass:\"py-0\"},[_vm._v(\" Bedrag: \"+_vm._s(_vm.getCurrency(invoice.totalPrice))+\" | Betaald: \"+_vm._s(_vm.formatDate(_vm.getDateOnly(invoice.paid)))+\" \")])],1),(invoice.url != null)?_c('img',{staticClass:\"download-icon\",attrs:{\"src\":_vm.downloadIcon,\"alt\":\"Download\"}}):_vm._e()],1)],1)}),1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-row no-gutters v-if=\"$store.state.isPilot\">\r\n            <v-col>\r\n                <p class=\"display-1 mt-2 mb-0\">Facturen</p>\r\n                <div class=\"mb-2\">\r\n                    Het is nog niet mogelijk om uw facturen te bekijken. In een toekomstige versie van de website kan dit wel.\r\n                </div>\r\n            </v-col>\r\n        </v-row>\r\n        <div v-if=\"!$store.state.isPilot\">\r\n            <v-row no-gutters>\r\n                <v-col>\r\n                    <p class=\"display-1 mb-2\">Facturen</p>\r\n                </v-col>\r\n            </v-row>\r\n\r\n            <v-divider color=\"white\"></v-divider>\r\n\r\n            <v-row >\r\n                <v-col v-for=\"(invoice, index) in invoices\" :key=\"index\">\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\">{{getInitials(invoice.orderNumber)}}</div>\r\n                        </v-list-item-avatar>\r\n                        <v-list-item-content>\r\n                            <v-list-item-title>\r\n                                <span class=\"title font-weight-light\">Factuurnummer: {{invoice.orderNumber}}</span>\r\n                            </v-list-item-title>\r\n                            <div class=\"py-0\">\r\n                                Bedrag: {{getCurrency(invoice.totalPrice)}} | Betaald: {{formatDate(getDateOnly(invoice.paid))}}\r\n                            </div>\r\n                        </v-list-item-content>\r\n                        <img v-if=\"invoice.url != null\" class=\"download-icon\" :src=\"downloadIcon\" alt=\"Download\" />\r\n                    </v-list-item>\r\n                </v-col>\r\n            </v-row>\r\n        </div>\r\n        \r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\n\r\nexport default {\r\n    name: 'Invoices',\r\n    props: {\r\n        invoices: Array\r\n    },\r\n    components: \r\n    {\r\n    },\r\n    mixins: [FormatMixin],\r\n    data: () => ({\r\n        amount: 120.00,\r\n        paidOn: \"28-08-2018\",\r\n        downloadIcon: require('@/assets/icons/download.svg'),\r\n    }),\r\n    methods: {\r\n        getInitials(title)\r\n        {\r\n            const [, , number] = title.split('-');\r\n            return number;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.download-icon \r\n{\r\n    width: 20px;\r\n    height: 20px;\r\n    margin: 3px;\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: 22px;\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!./Invoices.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!./Invoices.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Invoices.vue?vue&type=template&id=228c3d0a&\"\nimport script from \"./Invoices.vue?vue&type=script&lang=js&\"\nexport * from \"./Invoices.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Invoices.vue?vue&type=style&index=0&id=228c3d0a&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!./Invoices.vue?vue&type=style&index=0&id=228c3d0a&prod&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","// Styles\nimport './VDivider.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n  name: 'v-divider',\n\n  props: {\n    inset: Boolean,\n    vertical: Boolean,\n  },\n\n  render (h): VNode {\n    // WAI-ARIA attributes\n    let orientation\n    if (!this.$attrs.role || this.$attrs.role === 'separator') {\n      orientation = this.vertical ? 'vertical' : 'horizontal'\n    }\n    return h('hr', {\n      class: {\n        'v-divider': true,\n        'v-divider--inset': this.inset,\n        'v-divider--vertical': this.vertical,\n        ...this.themeClasses,\n      },\n      attrs: {\n        role: 'separator',\n        'aria-orientation': orientation,\n        ...this.$attrs,\n      },\n      on: this.$listeners,\n    })\n  },\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/download.50cc38ca.svg\";"],"sourceRoot":""}