{"version":3,"sources":["webpack:///./src/components/Vouchers/ModalEditText.vue?c3ab","webpack:///./src/components/Vouchers/ModalEditText.vue","webpack:///src/components/Vouchers/ModalEditText.vue","webpack:///./src/components/Vouchers/ModalEditText.vue?cb0c","webpack:///./src/components/Vouchers/ModalEditText.vue?947e","webpack:///./src/components/UI/Message.vue","webpack:///src/components/UI/Message.vue","webpack:///./src/components/UI/Message.vue?5d20","webpack:///./src/components/UI/Message.vue?fb09"],"names":["render","_vm","this","_c","_self","attrs","$t","isSaving","isSavingSuccess","isSavingError","onClickCancel","saveVoucherText","showModal","on","scopedSlots","_u","key","fn","initialize","staticClass","_l","locationLanguages","locationLanguage","Language","class","selectedLanguage","$event","_v","_s","LanguageId","find","l","directives","name","rawName","value","mVoucher","Descriptions","d","Name","expression","domProps","target","composing","$set","model","Text","callback","$$v","_e","proxy","staticRenderFns","components","Message","props","type","Boolean","default","Function","required","LocationId","Number","data","vm","_vm$$store$getters$lo","_vm$$store$getters$lo2","$store","getters","computed","_objectSpread","mapGetters","mapState","created","_this","_asyncToGenerator","_regenerator","m","_callee","w","_context","n","cleanSource","voucher","setupVoucherDescriptions","a","methods","mapMutations","_this2","map","language","_description$Language","_description$Language2","_description$Name","_description$Text","description","VoucherId","Id","self","voucherProvider","saveVoucher","then","response","status","setVoucher","setTimeout","$emit","catch","e","finally","save","component","combindedClass","message","_t","String","size","c","length"],"mappings":"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","file":"js/chunk-f2b27bbc.js?id=ac18762d748a6656b5fb","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalEditText.vue?vue&type=style&index=0&id=4ebf6ec2&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ui-component-modal',{attrs:{\"modalTitle\":_vm.$t('Components.Vouchers.ModalEditText.Main_Title'),\"modalSize\":\"large\",\"isSaving\":_vm.isSaving,\"isSavingSuccess\":_vm.isSavingSuccess,\"isSavingError\":_vm.isSavingError,\"hideFooterButtons\":_vm.isSavingError || _vm.isSavingSuccess,\"onClickCancel\":_vm.onClickCancel,\"onClickSave\":_vm.saveVoucherText,\"showModal\":_vm.showModal},on:{\"closeModal\":_vm.onClickCancel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [(_vm.initialize)?_c('div',[_c('div',{staticClass:\"tabs is-boxed custom-scrollbar\"},[_c('ul',_vm._l((_vm.locationLanguages),function(locationLanguage){return _c('li',{key:locationLanguage.Language,class:{ 'is-active': locationLanguage.Language === _vm.selectedLanguage }},[_c('a',{on:{\"click\":function($event){_vm.selectedLanguage = locationLanguage.Language}}},[_vm._v(_vm._s(_vm.$t('LanguageLabels.Language' + locationLanguage.LanguageId)))])])}),0)]),_c('div',{key:'lang_' + _vm.selectedLanguage},[_c('p',{staticClass:\"has-margin-bottom has-text-weight-bold\"},[_vm._v(_vm._s(_vm.$t('LanguageLabels.Language' + _vm.locationLanguages.find(l => l.Language === _vm.selectedLanguage).LanguageId)))]),_c('div',{staticClass:\"field is-full\"},[_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.mVoucher.Descriptions.find(d => d.Language === _vm.selectedLanguage).Name),expression:\"mVoucher.Descriptions.find(d => d.Language === selectedLanguage).Name\"}],staticClass:\"input\",attrs:{\"type\":\"text\",\"placeholder\":'Voucher name'},domProps:{\"value\":(_vm.mVoucher.Descriptions.find(d => d.Language === _vm.selectedLanguage).Name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.mVoucher.Descriptions.find(d => d.Language === _vm.selectedLanguage), \"Name\", $event.target.value)}}})])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('ui-text-editor',{model:{value:(_vm.mVoucher.Descriptions.find(d => d.Language === _vm.selectedLanguage).Text),callback:function ($$v) {_vm.$set(_vm.mVoucher.Descriptions.find(d => d.Language === _vm.selectedLanguage), \"Text\", $$v)},expression:\"mVoucher.Descriptions.find(d => d.Language === selectedLanguage).Text\"}})],1)])])]):_vm._e()]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ui-component-modal\n    :modalTitle=\"$t('Components.Vouchers.ModalEditText.Main_Title')\"\n    modalSize=\"large\"\n    :isSaving=\"isSaving\"\n    :isSavingSuccess=\"isSavingSuccess\"\n    :isSavingError=\"isSavingError\"\n    :hideFooterButtons=\"isSavingError || isSavingSuccess\"\n    :onClickCancel=\"onClickCancel\"\n    :onClickSave=\"saveVoucherText\"\n    :showModal=\"showModal\"\n    @closeModal=\"onClickCancel\"\n  >\n    <template v-slot:content>\n      <div v-if=\"initialize\">\n        <div class=\"tabs is-boxed custom-scrollbar\">\n          <ul>\n            <li\n              v-for=\"locationLanguage in locationLanguages\"\n              :key=\"locationLanguage.Language\"\n              :class=\"{ 'is-active': locationLanguage.Language === selectedLanguage }\"\n            >\n              <a @click=\"selectedLanguage = locationLanguage.Language\">{{ $t('LanguageLabels.Language' + locationLanguage.LanguageId) }}</a>\n            </li>\n          </ul>\n        </div>\n        <div :key=\"'lang_' + selectedLanguage\">\n          <p class=\"has-margin-bottom has-text-weight-bold\">{{ $t('LanguageLabels.Language' + locationLanguages.find(l => l.Language === selectedLanguage).LanguageId) }}</p>\n          <div class=\"field is-full\">\n            <div class=\"control\">\n              <input\n                class=\"input\"\n                type=\"text\"\n                :placeholder=\"'Voucher name'\"\n                v-model=\"mVoucher.Descriptions.find(d => d.Language === selectedLanguage).Name\"\n              />\n            </div>\n          </div>\n          <div class=\"field\">\n            <div class=\"control\">\n              <ui-text-editor v-model=\"mVoucher.Descriptions.find(d => d.Language === selectedLanguage).Text\"></ui-text-editor>\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nimport { mapState, mapMutations, mapGetters } from 'vuex';\nimport voucherProvider from '@/providers/voucher';\nimport Message from '@/components/UI/Message';\nimport { cleanSource } from '../../utils/objectHelper';\n\nexport default {\n  components: {\n    Message,\n  },\n\n  props: {\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n\n    LocationId: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  data(vm) {\n    const selectedLanguage =\n      vm.$store.getters['locationStore/locationLanguages']?.[0]?.Language ?? '';\n    return {\n      initialize: false,\n      isSaving: false,\n      isSavingSuccess: false,\n      isSavingError: false,\n      mVoucher: null,\n      selectedLanguage,\n    };\n  },\n\n  computed: {\n    ...mapGetters('locationStore', ['locationLanguages']),\n    ...mapState('voucherStore', ['voucher']),\n  },\n\n  async created() {\n    this.mVoucher = cleanSource(this.voucher);\n    this.setupVoucherDescriptions();\n    this.initialize = true;\n  },\n\n  methods: {\n    ...mapMutations('voucherStore', ['setVoucher']),\n\n    setupVoucherDescriptions() {\n      this.mVoucher.Descriptions = this.locationLanguages.map((language) => {\n        const description = this.mVoucher.Descriptions.find(\n          (d) => d.LanguageId === language.LanguageId\n        );\n\n        return {\n          VoucherId: this.mVoucher.Id,\n          Language: description?.Language ?? language.Language,\n          LanguageId: description?.LanguageId ?? language.LanguageId,\n          Name: description?.Name ?? this.mVoucher.Name,\n          Text: description?.Text ?? '',\n        };\n      });\n    },\n\n    saveVoucherText() {\n      let self = this;\n\n      if (!self.isSaving) {\n        self.isSaving = true;\n        this.mVoucher.LocationId = this.LocationId;\n\n        voucherProvider.methods\n          .saveVoucher(self.mVoucher)\n          .then((response) => {\n            if (response.status === 200) {\n              self.isSavingSuccess = true;\n              self.setVoucher(response.data);\n\n              setTimeout(() => {\n                self.$emit('voucherEdited', response.data);\n                self.onClickCancel();\n              }, 1500);\n            }\n          })\n          .catch((e) => {\n            self.isSavingError = true;\n          })\n          .finally(() => {\n            self.isSaving = false;\n          });\n      }\n    },\n\n    save() {\n      let self = this;\n\n      if (!self.isSaving) {\n        self.isSaving = true;\n      }\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.input {\n  width: 100% !important;\n}\n</style>\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!./ModalEditText.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!./ModalEditText.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalEditText.vue?vue&type=template&id=4ebf6ec2\"\nimport script from \"./ModalEditText.vue?vue&type=script&lang=js\"\nexport * from \"./ModalEditText.vue?vue&type=script&lang=js\"\nimport style0 from \"./ModalEditText.vue?vue&type=style&index=0&id=4ebf6ec2&prod&lang=scss\"\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('article',{staticClass:\"message\",class:_vm.combindedClass},[_c('div',{staticClass:\"message-body\"},[(_vm.message)?[_vm._v(\" \"+_vm._s(_vm.message)+\" \")]:_vm._e(),_vm._t(\"content\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article\n    class=\"message\"\n    :class=\"combindedClass\"\n  >\n    <div class=\"message-body\">\n      <template v-if=\"message\">\n        {{ message }}\n      </template>\n      <slot name=\"content\"></slot>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  props: {\n    /**\n     * For what'll be shown inside of the message box.\n     */\n    message: {\n      type: String,\n      default: ''\n    },\n\n    size: {\n      type: String,\n      default: ''\n    },\n\n    /**\n     * type bepaalt het type weergave\n     * eq. is-info = for information style. It defines the style of the message\n     */\n    type: {\n      type: String,\n      default: 'is-info'\n    }\n  },\n  data() {\n    return {};\n  },\n\n  computed: {\n    combindedClass() {\n      let c = this.type;\n\n      if (this.size.length > 0) {\n        c = c + ' ' + this.size;\n      }\n\n      return c;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\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!./Message.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!./Message.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=509443f1&scoped=true\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.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  \"509443f1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}