{"version":3,"sources":["webpack:///./src/components/common/LoadingIcon.vue?1dcc","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/views/admin/Leverancier.vue?a818","webpack:///./src/views/admin/Leverancier.vue","webpack:///src/views/admin/Leverancier.vue","webpack:///./src/views/admin/Leverancier.vue?23f0","webpack:///./src/views/admin/Leverancier.vue?c284","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/common/options/SupplierTypeDropdown.vue","webpack:///src/components/common/options/SupplierTypeDropdown.vue","webpack:///./src/components/common/options/SupplierTypeDropdown.vue?2896","webpack:///./src/components/common/options/SupplierTypeDropdown.vue?7a9a"],"names":["mixins","BindsAttrs","RegistrableProvide","extend","name","provide","form","this","inheritAttrs","props","disabled","Boolean","lazyValidation","readonly","value","data","inputs","watchers","errorBag","watch","handler","val","errors","Object","values","includes","$emit","deep","immediate","methods","watchInput","input","watcher","$watch","$set","_uid","valid","shouldValidate","hasOwnProperty","validate","filter","length","reset","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","render","h","staticClass","attrs","novalidate","attrs$","on","submit","e","$slots","default","_c","_vm","ref","_v","supplierType","expression","$event","components","LoadingIcon","SupplierTypeDropdown","isLoading","note","accountId","computed","suppliers","mounted","getSupplierBaseInformation","then","catch","updateSupplier","component","staticRenderFns","imgClass","_self","supplierTypes","model","callback","txt_supplier","supplier","beforeMount","onValueChanged"],"mappings":"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","file":"js/chunk-474c3914.b4b4802d.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!./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&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","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!./Leverancier.vue?vue&type=style&index=0&id=5bbc4f1a&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isAdmin)?_c('div',{staticClass:\"px-2 container-with-fixed-bottom\"},[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),_c('div',{staticClass:\"inner-container\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"headline mb-2\"},[_vm._v(\"Leveranciergegevens\")])])],1),_c('v-form',{ref:\"form\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"header px-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title\"},[_vm._v(_vm._s(_vm.getSupplierName(_vm.accountId)))]),_c('v-spacer')],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Type \")]),_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_c('SupplierTypeDropdown',{attrs:{\"supplier\":_vm.supplierType},on:{\"changed\":function($event){_vm.supplierType = $event}}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_vm._v(\" Note \")]),_c('v-col',{staticClass:\"ma-auto py-2 px-0\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"flat\":\"\",\"rules\":[_vm.rules.required],\"required\":\"\"},model:{value:(_vm.note),callback:function ($$v) {_vm.note=$$v},expression:\"note\"}})],1)],1)],1)],1)],1),_c('div',{staticClass:\"fixed-bottom-section\"},[_c('v-container',[_c('v-row',[_c('v-col',{staticClass:\"12 pt-0 mx-2\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.updateSupplier()}}},[_vm._v(\" Opslaan \")])],1)],1)],1)],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"isAdmin\" class=\"px-2 container-with-fixed-bottom\">\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <div class=\"inner-container\">\r\n            <v-container>\r\n                <v-row no-gutters>\r\n                    <v-col>\r\n                        <p class=\"headline mb-2\">Leveranciergegevens</p>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-form ref=\"form\">\r\n                    <v-row no-gutters>\r\n                        <v-col cols=\"12\" class=\"header px-0 pt-3\">\r\n                            <span class=\"header-title\">{{getSupplierName(accountId)}}</span>\r\n                            <v-spacer></v-spacer>\r\n                        </v-col>\r\n                    </v-row>\r\n                    <v-row no-gutters>\r\n                        <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                            Type\r\n                        </v-col>\r\n                        <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                            <SupplierTypeDropdown :supplier=\"supplierType\" @changed=\"supplierType = $event\" />\r\n                        </v-col>\r\n                    </v-row>\r\n                    <v-row no-gutters>\r\n                        <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                            Note\r\n                        </v-col>\r\n                        <v-col cols=\"6\" class=\"ma-auto py-2 px-0\">\r\n                            <v-text-field flat\r\n                                class=\"ma-0 pa-0\"\r\n                                :rules=\"[rules.required]\"\r\n                                required\r\n                                v-model=\"note\"></v-text-field>\r\n                        </v-col>\r\n                    </v-row>\r\n                </v-form>\r\n            </v-container>\r\n        </div>\r\n        <div class=\"fixed-bottom-section\">\r\n            <v-container>\r\n                <v-row>\r\n                    <v-col class=\"12 pt-0 mx-2\">\r\n                        <v-btn color=\"primary\" block @click=\"updateSupplier()\">\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 { 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 MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nimport SupplierTypeDropdown from '@/components/common/options/SupplierTypeDropdown';\r\n\r\nexport default {\r\n    name: 'Leverancier',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        SupplierTypeDropdown\r\n    },\r\n    data: () => ({\r\n        isLoading: false,\r\n        supplierType: 0,\r\n        note: \"\",\r\n        accountId: \"\"\r\n    }),\r\n    computed: {\r\n        ...mapState('authorizedModule', ['isAdmin']),\r\n        ...mapState({\r\n            suppliers: state => state.menuHelper.suppliers\r\n        }),\r\n    },\r\n    mixins: [DataMixin, RouteMixin, MenuHelperMixin],\r\n    mounted () \r\n    {\r\n        this.accountId = this.$route.params.accountId;\r\n        this.getSupplierBaseInformation();\r\n    },\r\n    methods: \r\n    {\r\n        getSupplierBaseInformation()\r\n        {\r\n            this.$store.dispatch('supplierModule/getSupplierFromAccount', this.accountId)\r\n            .then(data => {\r\n                this.supplierType = data.supplierType,\r\n                this.note = data.note,\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() =>\r\n            {\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n        updateSupplier(){\r\n            const valid = this.$refs.form.validate();\r\n            if(!valid)\r\n            {\r\n                return;\r\n            }\r\n\r\n            let request = {\r\n                supplierType: this.supplierType,\r\n                note: this.note,\r\n                accountId: this.accountId\r\n            }\r\n\r\n            this.$store.dispatch('supplierModule/updateSupplier', request)\r\n            .then(() => {\r\n                this.isLoading = false;\r\n                // redirect to suppliers.\r\n                this.$store.commit('dialog/showDialog', 'Successfully updated supplier.');\r\n                this.goToSuppliers();\r\n            })\r\n            .catch(() =>\r\n            {\r\n                this.isLoading = false;\r\n                this.$store.commit('dialog/showDialog', 'Something went wrong. Updating supplier unsuccessful.');\r\n            });\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 15px;\r\n    height: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.v-input\r\n{\r\n    height: 25px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leverancier.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!./Leverancier.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Leverancier.vue?vue&type=template&id=5bbc4f1a&scoped=true&\"\nimport script from \"./Leverancier.vue?vue&type=script&lang=js&\"\nexport * from \"./Leverancier.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Leverancier.vue?vue&type=style&index=0&id=5bbc4f1a&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  \"5bbc4f1a\",\n  null\n  \n)\n\nexport default component.exports","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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-select',{attrs:{\"items\":_vm.supplierTypes,\"offset-y\":\"\",\"item-text\":\"item2\",\"item-value\":\"item1\",\"hide-details\":\"\",\"auto-select-first\":\"\",\"placeholder\":\"Kies type\",\"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=\"supplierTypes\"\r\n            offset-y\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            hide-details=\"\"\r\n            auto-select-first\r\n            placeholder=\"Kies type\"\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: Number\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            supplierTypes: state => state.menuHelper.supplierTypes\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!./SupplierTypeDropdown.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!./SupplierTypeDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SupplierTypeDropdown.vue?vue&type=template&id=990a3236&\"\nimport script from \"./SupplierTypeDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./SupplierTypeDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}