{"version":3,"sources":["webpack:///./src/components/common/EditableInput.vue?d8f2","webpack:///./src/assets/icons/delete.svg","webpack:///./src/views/admin/NieuweFactuur.vue","webpack:///./src/components/common/options/VATRateDropdown.vue","webpack:///src/components/common/options/VATRateDropdown.vue","webpack:///./src/components/common/options/VATRateDropdown.vue?00ab","webpack:///./src/components/common/options/VATRateDropdown.vue?77bd","webpack:///./src/components/common/options/BillingTypeDropdown.vue","webpack:///src/components/common/options/BillingTypeDropdown.vue","webpack:///./src/components/common/options/BillingTypeDropdown.vue?f592","webpack:///./src/components/common/options/BillingTypeDropdown.vue?1c1f","webpack:///./src/components/common/options/SupplierDropdown.vue","webpack:///src/components/common/options/SupplierDropdown.vue","webpack:///./src/components/common/options/SupplierDropdown.vue?ac5e","webpack:///./src/components/common/options/SupplierDropdown.vue?2aab","webpack:///src/views/admin/NieuweFactuur.vue","webpack:///./src/views/admin/NieuweFactuur.vue?3d33","webpack:///./src/views/admin/NieuweFactuur.vue?2cfc","webpack:///./src/components/common/EditableInput.vue","webpack:///src/components/common/EditableInput.vue","webpack:///./src/components/common/EditableInput.vue?c61a","webpack:///./src/components/common/EditableInput.vue?df93","webpack:///./src/views/admin/NieuweFactuur.vue?b6cd","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/assets/icons/edit.svg"],"names":["module","exports","_c","attrs","_vm","on","staticClass","model","value","valid","callback","$$v","expression","leverancier","priceExbtw","vatRate","notitie","invoiceUploaded","ref","staticStyle","_v","scopedSlots","key","fn","isBetaald","staticRenderFns","_self","VATRates","txt_vatRate","name","props","mixins","beforeMount","data","computed","watch","methods","onValueChanged","component","billingTypes","txt_billingType","billingType","suppliers","rules","txt_supplier","supplier","deep","handler","components","EditableInput","VATRateDropdown","BillingTypeDropdown","SupplierDropdown","deleteIcon","invoiceTitle","roadTrips","account","roadtrip","filename","mounted","console","updateTitle","uploadPDF","resetFileSelected","previewFile","deletePdf","saveInvoice","invoiceRequest","post","headers","templateClass","editText","text","editIcon","$event","editTitle","textInput","altText","title","BindsAttrs","RegistrableProvide","extend","provide","form","this","inheritAttrs","disabled","Boolean","lazyValidation","readonly","inputs","watchers","errorBag","val","errors","Object","values","includes","$emit","immediate","watchInput","input","watcher","$watch","$set","_uid","shouldValidate","hasOwnProperty","validate","filter","length","reset","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","render","h","novalidate","attrs$","submit","e","$slots","default"],"mappings":"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","file":"js/chunk-8b1616e8.9b512175.js","sourcesContent":["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!./EditableInput.vue?vue&type=style&index=0&id=3dcdb174&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/delete.2f9571b0.svg\";","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',{attrs:{\"cols\":\"7\"}},[_c('EditableInput',{attrs:{\"textInput\":_vm.invoiceTitle,\"templateClass\":`display-1 editable-header`,\"altText\":_vm.invoiceTitle},on:{\"updated\":_vm.updateTitle}})],1),_c('v-spacer'),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('BillingTypeDropdown',{attrs:{\"billingType\":_vm.billingType},on:{\"changed\":function($event){_vm.billingType = $event}}})],1)],1),_c('v-form',{ref:\"form\",staticClass:\"ma-2\",attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Account \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"placeholder\":\"Kies account\",\"dense\":\"\"},model:{value:(_vm.account),callback:function ($$v) {_vm.account=$$v},expression:\"account\"}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Roadtrip \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_c('v-select',{attrs:{\"offset-y\":\"\",\"items\":_vm.roadTrips,\"placeholder\":\"Kies roadtrip\",\"dense\":\"\"},model:{value:(_vm.roadtrip),callback:function ($$v) {_vm.roadtrip=$$v},expression:\"roadtrip\"}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Leverancier* \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_c('SupplierDropdown',{attrs:{\"supplier\":_vm.leverancier},on:{\"changed\":function($event){_vm.leverancier = $event}}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Prijs ex btw* \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"rules\":[_vm.rules.required],\"required\":\"\",\"dense\":\"\"},model:{value:(_vm.priceExbtw),callback:function ($$v) {_vm.priceExbtw=$$v},expression:\"priceExbtw\"}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Btw-tarief* \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_c('VATRateDropdown',{attrs:{\"vatRate\":_vm.vatRate},on:{\"changed\":function($event){_vm.vatRate = $event}}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Notitie \")]),_c('v-col',{staticClass:\"ma-auto pa-0\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"dense\":\"\"},model:{value:(_vm.notitie),callback:function ($$v) {_vm.notitie=$$v},expression:\"notitie\"}})],1)],1),(_vm.invoiceUploaded)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-3\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Bestand \")]),_c('v-col',{staticClass:\"ma-auto pa-0 uploaded-pdf\",attrs:{\"cols\":\"6\"}},[_c('p',_vm._b({},'p',_vm.filename,false),[_vm._v(_vm._s(_vm.filename))]),_c('v-spacer'),_c('div',[_c('img',{staticClass:\"delete-icon\",attrs:{\"src\":_vm.deleteIcon,\"alt\":\"Delete\"},on:{\"click\":function($event){return _vm.deletePdf()}}})])],1)],1):_vm._e(),_c('input',{ref:\"file\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\".pdf\"},on:{\"change\":_vm.previewFile}}),(!_vm.invoiceUploaded)?_c('v-btn',{staticClass:\"mt-5 mb-5\",attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.uploadPDF()}}},[_vm._v(\" Upload pdf \"),_c('v-icon',{attrs:{\"right\":\"\",\"dark\":\"\"}},[_vm._v(\" mdi-cloud-upload \")])],1):_vm._e(),_c('v-spacer')],1)],1),_c('div',{staticClass:\"bottom-section ma-2\"},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12 py-0\"}},[_c('v-checkbox',{scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\" De factuur is betaald \")])]},proxy:true}]),model:{value:(_vm.isBetaald),callback:function ($$v) {_vm.isBetaald=$$v},expression:\"isBetaald\"}})],1),_c('v-col',{staticClass:\"pt-0\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.saveInvoice()}}},[_vm._v(\" Opslaan \")])],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-select',{attrs:{\"items\":_vm.VATRates,\"item-text\":\"item2\",\"item-value\":\"item1\",\"rules\":[_vm.rules.required],\"required\":\"\",\"return-object\":\"\",\"placeholder\":\"Kies btw-tarief\",\"dense\":\"\"},model:{value:(_vm.txt_vatRate),callback:function ($$v) {_vm.txt_vatRate=$$v},expression:\"txt_vatRate\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-select\r\n            v-model=\"txt_vatRate\"\r\n            :items=\"VATRates\"\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            return-object\r\n            placeholder=\"Kies btw-tarief\"\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\nexport default {\r\n    name: 'VATRateDropdown',\r\n    props: \r\n    {\r\n        vatRate: Number\r\n    },\r\n    mixins: [DataMixin],\r\n    beforeMount()\r\n    {\r\n        if (this.supplier)\r\n        {\r\n            this.txt_vatRate = this.supplierTypes.find(x => x.item1 == this.vatRate);\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            txt_vatRate: {},\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            VATRates: state => state.menuHelper.VATRates\r\n        })\r\n    },\r\n    watch: {\r\n        txt_vatRate: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_vatRate.item1);\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!./VATRateDropdown.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!./VATRateDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VATRateDropdown.vue?vue&type=template&id=3b0a2046&\"\nimport script from \"./VATRateDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./VATRateDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-select',{attrs:{\"items\":_vm.billingTypes,\"item-text\":\"item2\",\"item-value\":\"item1\",\"return-object\":\"\",\"offset-y\":\"\",\"placeholder\":\"Type uitgave\",\"dense\":\"\"},model:{value:(_vm.txt_billingType),callback:function ($$v) {_vm.txt_billingType=$$v},expression:\"txt_billingType\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n         <v-select \r\n            v-model=\"txt_billingType\"\r\n            :items=\"billingTypes\"\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            return-object\r\n            offset-y\r\n            placeholder=\"Type uitgave\"\r\n            dense></v-select>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n    name: 'BillingTypeDropdown',\r\n    props: \r\n    {\r\n        billingType: Number\r\n    },\r\n    beforeMount()\r\n    {\r\n        this.txt_billingType = this.billingTypes.find(x => x.item1 == this.billingType);\r\n    },\r\n    data() {\r\n        return {\r\n            txt_billingType: {},\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            billingTypes: state => state.menuHelper.billingTypes\r\n        })\r\n    },\r\n    watch: {\r\n        txt_billingType: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_billingType.item1);\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!./BillingTypeDropdown.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!./BillingTypeDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BillingTypeDropdown.vue?vue&type=template&id=4ab311fc&\"\nimport script from \"./BillingTypeDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./BillingTypeDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-select',{attrs:{\"items\":_vm.suppliers,\"offset-y\":\"\",\"item-text\":\"item2\",\"item-value\":\"item1\",\"auto-select-first\":\"\",\"rules\":[_vm.rules.required],\"required\":\"\",\"placeholder\":\"Kies leverancier\",\"dense\":\"\"},model:{value:(_vm.txt_supplier),callback:function ($$v) {_vm.txt_supplier=$$v},expression:\"txt_supplier\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-select \r\n            v-model=\"txt_supplier\"\r\n            :items=\"suppliers\"\r\n            offset-y\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            auto-select-first\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            placeholder=\"Kies leverancier\"\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: 'SupplierTypeDropdown',\r\n    props: \r\n    {\r\n        supplier: String\r\n    },\r\n    mixins: [DataMixin, MenuHelperMixin],\r\n    beforeMount()\r\n    {\r\n        this.txt_supplier = this.supplier;\r\n    },\r\n    data() {\r\n        return {\r\n            txt_supplier: {},\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState({\r\n            suppliers: state => state.menuHelper.suppliers\r\n        })\r\n    },\r\n    watch: {\r\n        supplier: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_supplier = this.supplier;\r\n            }\r\n        },\r\n        txt_supplier: 'onValueChanged'\r\n    },\r\n    methods:\r\n    {\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_supplier);\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!./SupplierDropdown.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!./SupplierDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SupplierDropdown.vue?vue&type=template&id=7e0c5a00&\"\nimport script from \"./SupplierDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./SupplierDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"px-2\">\r\n        <v-container>\r\n            <v-row no-gutters>\r\n                <v-col cols=\"7\">\r\n                    <EditableInput \r\n                    @updated=\"updateTitle\"\r\n                    :textInput=\"invoiceTitle\" \r\n                    :templateClass=\"`display-1 editable-header`\"\r\n                    :altText=\"invoiceTitle\" />\r\n                </v-col>\r\n                <v-spacer></v-spacer>\r\n                <v-col cols=\"4\">\r\n                    <BillingTypeDropdown :billingType=\"billingType\" @changed=\"billingType = $event\" />\r\n                </v-col>\r\n            </v-row>\r\n        <v-form ref=\"form\" class=\"ma-2\"\r\n                v-model=\"valid\"\r\n                lazy-validation>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Account\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                        <v-text-field\r\n                            placeholder=\"Kies account\"\r\n                            v-model=\"account\"\r\n                            dense></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Roadtrip\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                            <v-select\r\n                            offset-y\r\n                            v-model=\"roadtrip\"\r\n                            :items=\"roadTrips\"\r\n                            placeholder=\"Kies roadtrip\"\r\n                            dense></v-select>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Leverancier*\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                        <SupplierDropdown :supplier=\"leverancier\" @changed=\"leverancier = $event\" />\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Prijs ex btw*\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                        <v-text-field\r\n                            :rules=\"[rules.required]\"\r\n                            required\r\n                            v-model=\"priceExbtw\"\r\n                            dense></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Btw-tarief*\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                        <VATRateDropdown :vatRate=\"vatRate\" @changed=\"vatRate = $event\" />\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Notitie\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0\">\r\n                        <v-text-field\r\n                            v-model=\"notitie\"\r\n                            dense></v-text-field>\r\n                    </v-col>\r\n                </v-row>\r\n\r\n                <v-row no-gutters v-if=\"invoiceUploaded\">\r\n                    <v-col cols=\"6\" class=\"my-3\">\r\n                        Bestand\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"ma-auto pa-0 uploaded-pdf\">\r\n                        <p v-bind=\"filename\">{{filename}}</p>\r\n                        <v-spacer></v-spacer>\r\n                        <div>\r\n                            <img class=\"delete-icon\" :src=\"deleteIcon\" alt=\"Delete\" @click=\"deletePdf()\" />\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n                <input type=\"file\" ref=\"file\" style=\"display: none\" accept=\".pdf\" @change=\"previewFile\">\r\n                <v-btn color=\"primary\" block @click=\"uploadPDF()\" class=\"mt-5 mb-5\" v-if=\"!invoiceUploaded\">\r\n                    Upload pdf\r\n                    <v-icon\r\n                        right\r\n                        dark>\r\n                        mdi-cloud-upload\r\n                    </v-icon>\r\n                </v-btn>\r\n                <v-spacer></v-spacer>\r\n            </v-form>\r\n        </v-container>\r\n        <div class=\"bottom-section ma-2\">\r\n            <v-container>\r\n                <v-row>\r\n                    <v-col cols=\"12 py-0\">\r\n                        <v-checkbox v-model=\"isBetaald\">\r\n                            <template v-slot:label>\r\n                                <div>\r\n                                De factuur is betaald\r\n                                </div>\r\n                            </template>\r\n                        </v-checkbox>\r\n                    </v-col>\r\n                    <v-col class=\"pt-0\">\r\n                        <v-btn color=\"primary\" block @click=\"saveInvoice()\" >\r\n                        Opslaan\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n      </div>\r\n</template>\r\n\r\n<script>\r\nimport EditableInput from '@/components/common/EditableInput';\r\nimport VATRateDropdown from '@/components/common/options/VATRateDropdown';\r\nimport BillingTypeDropdown from '@/components/common/options/BillingTypeDropdown';\r\nimport SupplierDropdown from '@/components/common/options/SupplierDropdown';\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\n\r\nexport default {\r\n    name: 'NieuweFactuur',\r\n    components: \r\n    {\r\n        EditableInput,\r\n        VATRateDropdown,\r\n        BillingTypeDropdown,\r\n        SupplierDropdown\r\n    },\r\n    data: () => ({\r\n        deleteIcon: require('@/assets/icons/delete.svg'),\r\n        invoiceTitle: \"Nieuwe factuur\",\r\n        roadTrips: \r\n        [\r\n            \"Tulpenrit\",\r\n            \"Zeeland\"\r\n        ],\r\n        valid: true,\r\n        account: null,\r\n        billingType: null,\r\n        roadtrip: null,\r\n        leverancier: null,\r\n        priceExbtw: null,\r\n        vatRate: null,\r\n        notitie: null,\r\n        isBetaald: false,\r\n        filename: \".pdf\",\r\n        invoiceUploaded: false\r\n    }),\r\n    mixins: [DataMixin, FormatMixin],\r\n    mounted () \r\n    {\r\n        console.log(this.$route.params);\r\n        const date = this.$route.params.trip.slice(-10);\r\n        const title = this.$route.params.trip.slice(0, -11);\r\n        console.log(date);\r\n        console.log(title);\r\n\r\n        // TODO: auto select the roadtrip droddown based from the trip url param \r\n    },\r\n    methods: \r\n    {\r\n        updateTitle(title)\r\n        {\r\n           this.invoiceTitle = title;\r\n        },\r\n        uploadPDF()\r\n        {\r\n            this.resetFileSelected();\r\n            this.$refs.file.click();\r\n           \r\n        },\r\n        resetFileSelected()\r\n        {\r\n            if (this.$refs.file != null)\r\n            {\r\n                this.$refs.file.value = null;\r\n            }\r\n        },\r\n        previewFile()\r\n        {\r\n            this.filename = this.$refs.file.files[0].name;\r\n            this.invoiceUploaded = true;\r\n        },\r\n        deletePdf()\r\n        {\r\n            this.invoiceUploaded = false;\r\n        },\r\n        saveInvoice()\r\n        {\r\n            const valid = this.$refs.form.validate();\r\n            if(valid)\r\n             {\r\n                let invoiceRequest = new FormData();\r\n                invoiceRequest.append('Title', this.invoiceTitle);\r\n                invoiceRequest.append('PriceExVAT', Number(this.priceExbtw));\r\n                invoiceRequest.append('ExpenseType', this.billingType);\r\n                invoiceRequest.append('VATRate', this.vatRate);\r\n                invoiceRequest.append('Note', this.notitie);\r\n\r\n                // todo: add to UI?\r\n                invoiceRequest.append('Received', this.getToday());\r\n                invoiceRequest.append('Paid', this.getToday());\r\n\r\n                invoiceRequest.append('AccountId', this.account);\r\n                invoiceRequest.append('Roadtrip', this.roadtrip);\r\n                invoiceRequest.append('Supplier', this.leverancier);\r\n                \r\n                invoiceRequest.append('PdfFile', this.$refs.file.files[0]);\r\n\r\n                this.axios\r\n                .post(\"expense/admin/SaveInvoice\", invoiceRequest,\r\n                {\r\n                    headers: {\r\n                        'Content-Type': 'multipart/form-data'\r\n                    }\r\n                })\r\n            }\r\n\r\n            // TODO: Add user notif that is is saved.\r\n\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n.uploaded-pdf \r\n{\r\n    display: inline-flex;\r\n    position: relative;\r\n}\r\n\r\n.delete-icon \r\n{\r\n    width: 20px;\r\n    height: 20px;\r\n    margin: 3px;\r\n    cursor: pointer;\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!./NieuweFactuur.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!./NieuweFactuur.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NieuweFactuur.vue?vue&type=template&id=7401e033&scoped=true&\"\nimport script from \"./NieuweFactuur.vue?vue&type=script&lang=js&\"\nexport * from \"./NieuweFactuur.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NieuweFactuur.vue?vue&type=style&index=0&id=7401e033&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  \"7401e033\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"editable-input\",class:_vm.templateClass},[(!_vm.editText)?_c('div',{staticClass:\"ma-0\"},[_vm._v(_vm._s(_vm.text)+\" \"),_c('img',{staticClass:\"icon edit-icon\",attrs:{\"src\":_vm.editIcon,\"alt\":_vm.altText},on:{\"click\":function($event){return _vm.editTitle()}}})]):_vm._e(),(_vm.editText)?_c('v-text-field',{ref:\"title\",staticClass:\"pa-0 ma-0\",attrs:{\"flat\":\"\",\"readonly\":_vm.editText == false,\"append-outer-icon\":_vm.editText ? 'mdi-check' : ''},on:{\"click:append-outer\":function($event){return _vm.editTitle()}},nativeOn:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.editTitle()}},model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v},expression:\"text\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :class=\"templateClass\" class=\"editable-input\">\r\n        <div v-if=\"!editText\" class=\"ma-0\">{{text}}\r\n            <img class=\"icon edit-icon\" :src=\"editIcon\" :alt=\"altText\" @click=\"editTitle()\">\r\n        </div>\r\n        <v-text-field v-if=\"editText\"\r\n            ref=\"title\" flat\r\n            class=\"pa-0 ma-0\"\r\n            v-model=\"text\"\r\n            :readonly=\"editText == false\"\r\n            :append-outer-icon=\"editText ? 'mdi-check' : ''\"\r\n            @keydown.native.enter=\"editTitle()\"\r\n            @click:append-outer=\"editTitle()\"\r\n            ></v-text-field>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'EditableInput',\r\n    props: \r\n    {\r\n        textInput: String,\r\n        altText: String,\r\n        templateClass: String\r\n    },\r\n    beforeMount()\r\n    {\r\n        this.text = this.textInput;\r\n    },\r\n    data: () => ({\r\n        editIcon: require('@/assets/icons/edit.svg'),\r\n        editText: false,\r\n        text: \"\"\r\n    }),\r\n    watch: {\r\n        textInput: {\r\n            deep: true,\r\n            handler() {\r\n                this.text = this.textInput;\r\n            }\r\n        },\r\n    },\r\n    methods:\r\n    {\r\n        editTitle()\r\n        {\r\n            this.editText = !this.editText;\r\n            this.$nextTick(() => {\r\n                const title = this.$refs.title;\r\n\r\n                if (title)\r\n                {\r\n                    title.focus();\r\n                }\r\n                \r\n            })\r\n\r\n            if (!this.editText)\r\n            {\r\n                this.$emit('updated', this.text);\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.editable-input .edit-icon {\r\n   width: 20px; \r\n   height: 20px; \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!./EditableInput.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!./EditableInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditableInput.vue?vue&type=template&id=3dcdb174&\"\nimport script from \"./EditableInput.vue?vue&type=script&lang=js&\"\nexport * from \"./EditableInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditableInput.vue?vue&type=style&index=0&id=3dcdb174&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!./NieuweFactuur.vue?vue&type=style&index=0&id=7401e033&prod&scoped=true&lang=css&\"","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n","module.exports = __webpack_public_path__ + \"img/edit.10e04e80.svg\";"],"sourceRoot":""}