{"version":3,"sources":["webpack:///./src/views/networks/templates/NetworkTemplateForm.vue?f1d8","webpack:///src/views/networks/templates/NetworkTemplateForm.vue","webpack:///./src/views/networks/templates/NetworkTemplateForm.vue?665c","webpack:///./src/views/networks/templates/NetworkTemplateForm.vue","webpack:///./src/views/networks/templates/Create.vue?38f2","webpack:///src/views/networks/templates/Create.vue","webpack:///./src/views/networks/templates/Create.vue?d1fc","webpack:///./src/views/networks/templates/Create.vue"],"names":["name","components","EmailEditor","props","network","type","Object","default","template","data","form","createForm","s3Params","template_preview","template_preview_html","formType","mounted","init","editData","methods","editorReady","loadDesign","design","$refs","emailEditor","editor","_this","busy","$http","post","then","resp","setupUploadForm","catch","err","$bvModal","msgBoxOk","s3","options","url","formAttributes","action","maxFilesize","autoProcessQueue","maxFiles","acceptedFiles","saveTemplate","_this2","id","slug","_method","exportHtml","$emit","_vm","this","_c","_self","staticClass","staticStyle","attrs","_v","_s","$t","model","value","callback","$$v","$set","expression","ref","on","$event","DefaultLayout","NetworkTemplateForm","String","computed","appendData","watch","newV","refresh","get","response","_e","$router","push"],"mappings":"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","file":"assets/js/chunk-2d0e946f.07ed9673.js","sourcesContent":["import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NetworkTemplateForm.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NetworkTemplateForm.vue?vue&type=script&lang=js\"","<template>\n  <div>\n    <div class=\"row input-section template-form\">\n      <div class=\"col-12\">\n        <div class=\"row p-0\">\n          <!-- Breadcrumbs -->\n          <nav aria-label=\"breadcrumb\" class=\"col-md-6 col-lg-6 col-sm-6 pt-2\" style=\"padding-left: unset;\">\n            <ol class=\"breadcrumb align-middle\">\n              <li class=\"breadcrumb-item\">\n                <a :href=\"'/networks/' + network.slug + '/templates'\" class=\"text-primary fw-bold\">\n                  {{ $t('templates') }}\n                </a>\n              </li>\n              <li class=\"breadcrumb-item\">\n                <a class=\"text-secondary fw-bold\">\n                  <span v-if=\"formType == 'create'\">{{ $t('Index.create-template') }}</span>\n                  <span v-else>{{ $t('update-template') }}</span>\n                </a>\n              </li>\n            </ol>\n          </nav>\n        </div>\n        <b-form-input id=\"title\" v-model=\"form.name\" data-test=\"title\" :placeholder=\"$t('network.networkForm.title')\" class=\"my-2\"></b-form-input>\n\n        <EmailEditor ref=\"emailEditor\" v-model=\"form.template\" style=\"height: 700px; width: 100%;\" @ready=\"editorReady\" />\n\n        <div class=\"ml-2\">\n          <button id=\"save_template\" data-test=\"save_template\" class=\"btn btn-primary mt-4\" @click=\"saveTemplate()\">\n            {{ $t('network.messages.saveTemplate') }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { EmailEditor } from 'vue-email-editor';\n\nexport default {\n  name: 'EmailTemplateForm',\n  components: {\n    EmailEditor,\n  },\n  props: {\n    network: {\n      type: Object,\n      default: null,\n    },\n    template: {\n      type: Object,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      form: this.createForm(),\n      s3Params: {},\n      template_preview: false,\n      template_preview_html: '',\n      formType: this.template ? 'edit' : 'create',\n    };\n  },\n  mounted() {\n    this.init();\n    if (this.template) {\n      this.form = this.editData();\n    }\n  },\n  methods: {\n    // called when the editor has finished loading\n    editorReady() {\n      if (this.formType === 'edit') {\n        var loadDesign = this.template.template.design;\n        if (loadDesign) {\n          this.$refs.emailEditor.editor.loadDesign(loadDesign);\n        }\n      }\n    },\n    init() {\n      this.busy = true;\n      this.$http\n        .post('s3/upload-params')\n        .then(resp => {\n          this.setupUploadForm(resp.data);\n          // upload seutp is done!\n          this.busy = false;\n        })\n        .catch(err => {\n          this.$bvModal.msgBoxOk('S3 Upload initialization failed. Please check console for details or refresh the page to try again.');\n          console.log('get s3 upload params failed', err);\n          this.busy = false;\n        });\n    },\n    setupUploadForm(s3) {\n      // see option documentation here: https://github.com/thetutlage/vue-clip\n      this.options = {\n        url: s3.formAttributes.action,\n        maxFilesize: this.maxFilesize || 500, // 500 MB\n        autoProcessQueue: true,\n        maxFiles: this.maxFiles || 10,\n      };\n      if (this.acceptedFiles) this.options.acceptedFiles = this.acceptedFiles;\n\n      this.s3Params = s3;\n    },\n    // check the route parameter and the store, and refresh it if needed\n    createForm() {\n      return {\n        name: '',\n        template: '',\n      };\n    },\n    editData() {\n      let $template = this.template;\n      return {\n        name: $template.name,\n      };\n    },\n    saveTemplate() {\n      let url = (url = this.template ? 'networks/templates/' + this.template.id : 'networks/' + this.network.slug + '/templates');\n      this.form._method = this.formType === 'edit' ? 'PUT' : 'POST';\n      this.$refs.emailEditor.editor.exportHtml(data => {\n        this.form.template = data;\n        this.$http.post(url, this.form).then(() => {\n          this.$emit('network-template-form-submit');\n        });\n      });\n    },\n  },\n};\n</script>","import { render, staticRenderFns } from \"./NetworkTemplateForm.vue?vue&type=template&id=653b12ea\"\nimport script from \"./NetworkTemplateForm.vue?vue&type=script&lang=js\"\nexport * from \"./NetworkTemplateForm.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('div',{staticClass:\"row input-section template-form\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row p-0\"},[_c('nav',{staticClass:\"col-md-6 col-lg-6 col-sm-6 pt-2\",staticStyle:{\"padding-left\":\"unset\"},attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb align-middle\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-primary fw-bold\",attrs:{\"href\":'/networks/' + _vm.network.slug + '/templates'}},[_vm._v(\" \"+_vm._s(_vm.$t('templates'))+\" \")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-secondary fw-bold\"},[(_vm.formType == 'create')?_c('span',[_vm._v(_vm._s(_vm.$t('Index.create-template')))]):_c('span',[_vm._v(_vm._s(_vm.$t('update-template')))])])])])])]),_c('b-form-input',{staticClass:\"my-2\",attrs:{\"id\":\"title\",\"data-test\":\"title\",\"placeholder\":_vm.$t('network.networkForm.title')},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),_c('EmailEditor',{ref:\"emailEditor\",staticStyle:{\"height\":\"700px\",\"width\":\"100%\"},on:{\"ready\":_vm.editorReady},model:{value:(_vm.form.template),callback:function ($$v) {_vm.$set(_vm.form, \"template\", $$v)},expression:\"form.template\"}}),_c('div',{staticClass:\"ml-2\"},[_c('button',{staticClass:\"btn btn-primary mt-4\",attrs:{\"id\":\"save_template\",\"data-test\":\"save_template\"},on:{\"click\":function($event){return _vm.saveTemplate()}}},[_vm._v(\" \"+_vm._s(_vm.$t('network.messages.saveTemplate'))+\" \")])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Create.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Create.vue?vue&type=script&lang=js\"","<template>\n  <DefaultLayout v-if=\"appendData\">\n    <div v-if=\"busy\" class=\"row text-center p-2\">\n      <i class=\"fas fa-5x fa-spinner\"></i>\n      <p id=\"cancel-label\">{{ $t('network.messages.fetchingNetworkDetails') }}</p>\n    </div>\n\n    <div v-if=\"!busy\" class=\"row my-4 p-2\">\n      <div class=\"container\">\n        <NetworkTemplateForm\n          :network=\"network\"\n          :template=\"template\"\n          class=\"mt-5\"\n          @network-template-form-submit=\"$router.push('/networks/' + slug + '/templates')\"\n        />\n      </div>\n    </div>\n  </DefaultLayout>\n</template>\n<script>\nimport DefaultLayout from '@/views/layouts/default/';\nimport NetworkTemplateForm from './NetworkTemplateForm.vue';\n\nexport default {\n  name: 'EmailTemplate',\n  components: {\n    DefaultLayout,\n    NetworkTemplateForm,\n  },\n  props: {\n    slug: {\n      type: String,\n      default: null,\n    },\n    id: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      busy: true,\n      network: null,\n      template: null,\n    };\n  },\n  computed: {\n    appendData() {\n      if (this.id !== null) {\n        return this.network && this.template;\n      } else {\n        return this.network;\n      }\n    },\n  },\n  watch: {\n    slug(newV) {\n      if (newV != this.network.slug) this.refresh();\n    },\n  },\n  mounted() {\n    this.refresh();\n  },\n  methods: {\n    // check the route parameter and the store, and refresh it if needed\n    refresh() {\n      if (this.network == null || this.network.slug != this.slug) {\n        // refresh it!\n        this.busy = true;\n        this.$http.get('networks/' + this.slug).then(resp => {\n          this.network = resp.data;\n          this.busy = false;\n        });\n      }\n      if (this.id) {\n        // refresh it!\n        this.busy = true;\n        this.$http.get('networks/' + this.slug + '/templates/' + this.id).then(response => {\n          this.template = response.data.template;\n          this.busy = false;\n        });\n      }\n    },\n  },\n};\n</script>","import { render, staticRenderFns } from \"./Create.vue?vue&type=template&id=2773d4c5\"\nimport script from \"./Create.vue?vue&type=script&lang=js\"\nexport * from \"./Create.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 (_vm.appendData)?_c('DefaultLayout',[(_vm.busy)?_c('div',{staticClass:\"row text-center p-2\"},[_c('i',{staticClass:\"fas fa-5x fa-spinner\"}),_c('p',{attrs:{\"id\":\"cancel-label\"}},[_vm._v(_vm._s(_vm.$t('network.messages.fetchingNetworkDetails')))])]):_vm._e(),(!_vm.busy)?_c('div',{staticClass:\"row my-4 p-2\"},[_c('div',{staticClass:\"container\"},[_c('NetworkTemplateForm',{staticClass:\"mt-5\",attrs:{\"network\":_vm.network,\"template\":_vm.template},on:{\"network-template-form-submit\":function($event){return _vm.$router.push('/networks/' + _vm.slug + '/templates')}}})],1)]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"sourceRoot":""}