{"version":3,"sources":["webpack:///./src/components/Base/BaseBreadcrumb.vue?654e","webpack:///./src/components/Base/BaseBreadcrumb.vue?80c2","webpack:///./src/components/Base/BaseBreadcrumb.vue?2bb0","webpack:///./src/components/Base/BaseBreadcrumb.vue","webpack:///./src/components/FormGroup.vue?be7e","webpack:///./src/components/FormGroup.vue?5735","webpack:///./src/components/FormGroup.vue?a65d","webpack:///./src/components/FormGroup.vue","webpack:///./src/views/CategoryImages/CategoryImagesUpload.vue?7b87","webpack:///./src/views/CategoryImages/CategoryImagesUpload.vue?b2dd","webpack:///./src/views/CategoryImages/CategoryImagesUpload.vue?826b","webpack:///./src/views/CategoryImages/CategoryImagesUpload.vue","webpack:///./src/mixins/errorHandlingApiResponse.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","baseWithItems","staticRenderFns","name","props","items","type","Array","default","text","$t","computed","to","component","_t","_v","_s","_e","optional","Boolean","on","$event","preventDefault","submit","_l","category","key","id","slot","navisionFilter","displayName","ref","refInFor","fileAdded","target","files","domProps","mixins","errorHandlingApiResponse","components","BasePage","FormGroup","BaseBreadcrumb","data","form","categories","state","sort","a","b","localeCompare","created","$store","dispatch","methods","file","reader","FileReader","readAsDataURL","onload","fileBase64","result","Object","values","isEmpty","updateCategoryImages","images","map","x","then","catch","error","getSnackbarText","status","$refs","fileinputs","forEach","reset","statuscode","message","t"],"mappings":"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","file":"js/chunk-80b531ba.f3747139aee04a08038a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-breadcrumb',{staticClass:\"bg-white d-print-none\",attrs:{\"items\":_vm.baseWithItems}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\nexport default {\n  name: \"BaseBreadcrumb\",\n  props: {\n    items: {\n      type: Array,\n      default: () => [\n        {\n          text: this.$t(\"Locatie.title\")\n        }\n      ]\n    }\n  },\n  computed: {\n    baseWithItems() {\n      return [\n        {\n          text: this.$t(\"shared.home\"),\n          to: { name: \"Home\" }\n        },\n        ...this.items\n      ];\n    }\n  }\n};\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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseBreadcrumb.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseBreadcrumb.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BaseBreadcrumb.vue?vue&type=template&id=03bcfc46&scoped=true&\"\nimport script from \"./BaseBreadcrumb.vue?vue&type=script&lang=ts&\"\nexport * from \"./BaseBreadcrumb.vue?vue&type=script&lang=ts&\"\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  \"03bcfc46\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-group form-row justify-content-center mb-1 mb-md-3\"},[_c('div',{staticClass:\"col-12 col-md-5 col-form-label pb-0\"},[_vm._t(\"label\"),(_vm.optional)?_c('span',{staticClass:\"form-text text-muted d-inline\"},[_vm._v(\" - \"+_vm._s(_vm.$t(\"shared.optioneel\")))]):_vm._e()],2),_c('div',{staticClass:\"col-12 col-md-5\"},[_vm._t(\"input\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nexport default {\n  name: \"FormGroup\",\n  props: {\n    optional: {\n      type: Boolean,\n      default: false\n    }\n  }\n};\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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormGroup.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormGroup.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./FormGroup.vue?vue&type=template&id=2c841218&scoped=true&\"\nimport script from \"./FormGroup.vue?vue&type=script&lang=ts&\"\nexport * from \"./FormGroup.vue?vue&type=script&lang=ts&\"\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  \"2c841218\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-page',[_c('div',{staticClass:\"container\"},[_c('base-breadcrumb',{attrs:{\"items\":[\n        {\n          text: this.$t('Settings.app_settings'),\n          to: { name: 'Settings' }\n        },\n        {\n          text: this.$t('Settings.categorieAfbeelding_upload')\n        }\n      ]}}),_c('h1',{staticClass:\"mt-4\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"CategoryImagesUpload.title\"))+\" \")]),_c('form',{staticClass:\"mt-5\",on:{\"submit\":function($event){$event.preventDefault();return _vm.submit()}}},[_vm._l((_vm.categories),function(category){return _c('form-group',{key:category.id},[_c('label',{attrs:{\"slot\":\"label\",\"for\":category.id},slot:\"label\"},[_c('span',{staticClass:\"form-text text-muted d-inline\"},[_vm._v(\" \"+_vm._s(category.navisionFilter)+\" -\")]),_vm._v(\" \"+_vm._s(category.displayName)+\" \")]),_c('b-form-file',{ref:\"fileinputs\",refInFor:true,attrs:{\"slot\":\"input\",\"placeholder\":_vm.$t('shared.kies_bestand'),\"browse-text\":_vm.$t('shared.kies_bestand_button'),\"accept\":\"image/jpeg, image/png\"},on:{\"change\":function($event){return _vm.fileAdded(category.id, $event.target.files[0])}},slot:\"input\"})],1)}),_c('input',{staticClass:\"btn btn-primary mt-3 float-right\",attrs:{\"type\":\"submit\"},domProps:{\"value\":_vm.$t('shared.opslaan')}}),_c('div',{staticClass:\"clearfix\"})],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { mapState } from \"vuex\";\nimport FormGroup from \"../../components/FormGroup.vue\";\nimport { apiClient } from \"@/services/api-client\";\nimport BasePage from \"@/components/Base/BasePage.vue\";\nimport BaseBreadcrumb from \"@/components/Base/BaseBreadcrumb.vue\";\nimport { errorHandlingApiResponse } from \"@/mixins/errorHandlingApiResponse\";\n\nexport default {\n  name: \"ItemCategoriesConfig\",\n  mixins: [errorHandlingApiResponse],\n  components: { BasePage, FormGroup, BaseBreadcrumb },\n  data() {\n    return {\n      form: {}\n    };\n  },\n  computed: {\n    ...mapState({\n      categories: (state: any) =>\n        state.categories.items.sort((a, b) =>\n          a.navisionFilter.localeCompare(b.navisionFilter)\n        )\n    })\n  },\n  created() {\n    this.$store.dispatch(\"categoriesInitialized\");\n  },\n  methods: {\n    fileAdded(id, file) {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        this.form[id] = {\n          id,\n          fileBase64: reader.result\n        };\n      };\n    },\n    submit() {\n      if (Object.values(this.form).isEmpty()) {\n        return;\n      }\n\n      apiClient\n        .updateCategoryImages({\n          images: Object.values(this.form).map((x: any) => {\n            return {\n              id: x.id,\n              fileBase64: x.fileBase64\n            };\n          })\n        })\n        .then()\n        .catch(error => {\n          errorHandlingApiResponse.methods.getSnackbarText(error.status);\n        });\n\n      this.form = {};\n      this.$refs.fileinputs.forEach(x => x.reset());\n      this.$store.dispatch(\"snackbarAdded\", {\n        text: this.$t(\"CategoryImagesUpload.opdracht_verstuurd\"),\n        type: \"success\"\n      });\n    }\n  }\n};\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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CategoryImagesUpload.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CategoryImagesUpload.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./CategoryImagesUpload.vue?vue&type=template&id=2996d463&scoped=true&\"\nimport script from \"./CategoryImagesUpload.vue?vue&type=script&lang=ts&\"\nexport * from \"./CategoryImagesUpload.vue?vue&type=script&lang=ts&\"\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  \"2996d463\",\n  null\n  \n)\n\nexport default component.exports","import { i18n } from \"@/plugins/i18n\";\nimport { apiClient } from \"@/services/api-client\";\nimport store from \"@/store/store\";\n\nexport const errorHandlingApiResponse = {\n  methods: {\n    //Gebruik deze methode voor algemene http error afhandeling.\n    // Voeg een nieuwe methode toe voor speciefieke afhandeling maar verdeeld over meedere componenten\n    // Voor component specifieke afhandeling handel dit in de component zelf af.\n\n    getSnackbarText(statuscode: number) {\n      var type = \"danger\";\n      var message = i18n.t(\"error.server_fout\");\n\n      switch (statuscode) {\n        case 401:\n          message = i18n.t(\"error.geen_toegang\");\n          break;\n        case 500:\n          message = i18n.t(\"error.server_fout\");\n          break;\n        case 504:\n          message = i18n.t(\"error.server_timed_out\");\n          break;\n        default:\n          break;\n      }\n\n      store.dispatch(\"snackbarAdded\", {\n        text: message,\n        type: type\n      });\n\n      return message;\n    }\n  }\n};\n"],"sourceRoot":""}