{"version":3,"sources":["webpack:///./src/components/Settings/MailSettings/ModalMailAddresses.vue?4190","webpack:///./src/components/Settings/MailSettings/ModalMailAddresses.vue","webpack:///src/components/Settings/MailSettings/ModalMailAddresses.vue","webpack:///./src/components/Settings/MailSettings/ModalMailAddresses.vue?e970","webpack:///./src/components/Settings/MailSettings/ModalMailAddresses.vue?8dd8"],"names":["render","_vm","this","_c","_self","attrs","isSaving","isSavingSuccess","isSavingError","onClickCancel","saveMailAddresses","showModal","on","scopedSlots","_u","key","fn","staticClass","mMailAddresses","length","_l","address","index","Key","_v","_s","$event","removeMailAddress","_e","directives","name","rawName","value","newEmailAddress","expression","domProps","type","indexOf","_k","keyCode","addEmailAddress","apply","arguments","target","composing","proxy","staticRenderFns","components","props","mailKey","String","default","mailadresses","Array","Boolean","Function","required","data","JSON","parse","stringify","computed","created","methods","splice","push","$emit","addresses","join","component"],"mappings":"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","file":"js/chunk-e1d256c4.js?id=da716ab7624db37acdc3","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!./ModalMailAddresses.vue?vue&type=style&index=0&id=4c56dc1e&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ui-component-modal',{attrs:{\"modalTitle\":\"Manage mail addresses\",\"isSaving\":_vm.isSaving,\"isSavingSuccess\":_vm.isSavingSuccess,\"isSavingError\":_vm.isSavingError,\"hideFooterButtons\":_vm.isSavingError || _vm.isSavingSuccess,\"onClickCancel\":_vm.onClickCancel,\"onClickSave\":_vm.saveMailAddresses,\"showModal\":_vm.showModal},on:{\"closeModal\":_vm.onClickCancel},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('table',{staticClass:\"table is-striped\"},[(_vm.mMailAddresses.length > 0)?_c('tbody',_vm._l((_vm.mMailAddresses),function(address,index){return _c('tr',{key:address.Key},[_c('td',[_vm._v(_vm._s(address))]),_c('td',[_c('a',{staticClass:\"has-icon has-text-danger\",on:{\"click\":function($event){return _vm.removeMailAddress(index)}}},[_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'trash-alt']}})],1)])])])}),0):_vm._e(),_c('tfoot',[_c('tr',[_c('td',{attrs:{\"colspan\":\"2\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newEmailAddress),expression:\"newEmailAddress\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.newEmailAddress)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.addEmailAddress.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.newEmailAddress=$event.target.value}}}),_c('a',{staticClass:\"button is-primary\",on:{\"click\":_vm.addEmailAddress}},[_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'plus']}})],1),_c('span',[_vm._v(\"Add\")])])])])])])]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ui-component-modal\n    modalTitle=\"Manage mail addresses\"\n    :isSaving=\"isSaving\"\n    :isSavingSuccess=\"isSavingSuccess\"\n    :isSavingError=\"isSavingError\"\n    :hideFooterButtons=\"isSavingError || isSavingSuccess\"\n    :onClickCancel=\"onClickCancel\"\n    :onClickSave=\"saveMailAddresses\"\n    :showModal=\"showModal\"\n    @closeModal=\"onClickCancel\"\n  >\n    <template v-slot:content>\n      <table class=\"table is-striped\">\n        <tbody v-if=\"mMailAddresses.length > 0\">\n          <tr v-for=\"(address, index) in mMailAddresses\" :key=\"address.Key\">\n            <td>{{ address }}</td>\n            <td>\n              <a\n                @click=\"removeMailAddress(index)\"\n                class=\"has-icon has-text-danger\"\n              >\n                <span class=\"icon\">\n                  <font-awesome-icon :icon=\"['fas', 'trash-alt']\" />\n                </span>\n              </a>\n            </td>\n          </tr>\n        </tbody>\n        <tfoot>\n          <tr>\n            <td colspan=\"2\">\n              <input\n                type=\"text\"\n                v-model=\"newEmailAddress\"\n                @keyup.enter=\"addEmailAddress\"\n                class=\"input\"\n              />\n              <a @click=\"addEmailAddress\" class=\"button is-primary\">\n                <span class=\"icon\">\n                  <font-awesome-icon :icon=\"['fas', 'plus']\" />\n                </span>\n                <span>Add</span>\n              </a>\n            </td>\n          </tr>\n        </tfoot>\n      </table>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nexport default {\n  components: {},\n\n  props: {\n    mailKey: {\n      type: String,\n      default: '',\n    },\n\n    mailadresses: {\n      type: Array,\n      default: function () {\n        return []\n      },\n    },\n\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      isSaving: false,\n      isSavingSuccess: false,\n      isSavingError: false,\n      mMailAddresses: JSON.parse(JSON.stringify(this.mailadresses)),\n      newEmailAddress: '',\n    }\n  },\n\n  computed: {},\n\n  created() {},\n\n  methods: {\n    removeMailAddress(index) {\n      this.mMailAddresses.splice(index, 1)\n    },\n\n    addEmailAddress() {\n      this.mMailAddresses.push(this.newEmailAddress)\n      this.newEmailAddress = ''\n    },\n\n    saveMailAddresses() {\n      this.$emit('updateMailAddress', {\n        mailKey: this.mailKey,\n        addresses: this.mMailAddresses.join(','),\n      })\n\n      this.onClickCancel()\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.modal {\n  z-index: 102;\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!./ModalMailAddresses.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!./ModalMailAddresses.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalMailAddresses.vue?vue&type=template&id=4c56dc1e&scoped=true\"\nimport script from \"./ModalMailAddresses.vue?vue&type=script&lang=js\"\nexport * from \"./ModalMailAddresses.vue?vue&type=script&lang=js\"\nimport style0 from \"./ModalMailAddresses.vue?vue&type=style&index=0&id=4c56dc1e&prod&lang=scss&scoped=true\"\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  \"4c56dc1e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}