{"version":3,"sources":["webpack:///./src/views/newsletter-template/List.vue?b8db","webpack:///src/views/newsletter-template/List.vue","webpack:///./src/views/newsletter-template/List.vue?5d14","webpack:///./src/views/newsletter-template/List.vue","webpack:///../../../src/components/VTextarea/VTextarea.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","jsonDialog","creating","createTemplate","headers","list","listLoading","scopedSlots","_u","key","fn","i","name","params","nstemplate","item","id","_s","length","preview","duplicateTemplate","toDelete","confirmDelete","deleteTemplate","model","value","callback","$$v","expression","nextToken","loadList","_e","json","staticRenderFns","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VContainer","VDataTable","VDialog","VIcon","VImg","VRow","VSkeletonLoader","VTextarea","baseMixins","props","autoGrow","noResize","rowHeight","type","Number","default","validator","v","isNaN","parseFloat","rows","parseInt","computed","classes","noResizeHandle","watch","val","lazyValue","$nextTick","mounted","setTimeout","methods","calculateInputHeight","input","$refs","height","minHeight","Math","genInput","onInput","onKeyDown","isFocused","e"],"mappings":"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","file":"js/newsletter-templates.44a757b4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-row',{staticClass:\"mb-3\",attrs:{\"no-gutters\":\"\",\"justify\":\"space-between\",\"align\":\"center\"}},[_c('h2',{staticClass:\"text-h2\"},[_vm._v(\"Newsletter templates\")]),_c('div',[_c('span',{staticClass:\"mr-1\"},[_c('action-button',{attrs:{\"icon\":\"$json\",\"tooltip\":\"Create template from Unlayer JSON\",\"color\":\"secondary\",\"fab\":\"\",\"small\":\"\",\"dark\":\"\"},on:{\"click\":function($event){_vm.jsonDialog=true}}})],1),_c('action-button',{attrs:{\"icon\":\"$add\",\"tooltip\":\"Create empty template\",\"color\":\"primary\",\"fab\":\"\",\"small\":\"\",\"dark\":\"\",\"loading\":_vm.creating},on:{\"click\":_vm.createTemplate}})],1)]),(_vm.list)?_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.list,\"loading\":_vm.listLoading,\"show-expand\":\"\"},scopedSlots:_vm._u([{key:\"item.name\",fn:function(i){return [_c('router-link',{attrs:{\"to\":{ name: 'newsletter-template', params: { nstemplate: i.item.id } }}},[_vm._v(_vm._s(i.item.name))])]}},{key:\"item.public\",fn:function(i){return [(i.item.public)?_c('tooltip-icon',{attrs:{\"icon\":\"$ok\",\"tooltip\":\"Public\",\"color\":\"success\"}}):_c('tooltip-icon',{attrs:{\"icon\":\"$nok\",\"tooltip\":\"Hidden\",\"color\":\"warning\"}})]}},{key:\"expanded-item\",fn:function(i){return [_c('td',{attrs:{\"colspan\":i.headers.length}},[_c('v-container',[(i.item.preview)?_c('v-img',{attrs:{\"width\":\"500\",\"src\":i.item.preview}}):_c('span',[_vm._v(\"No preview available\")])],1)],1)]}},{key:\"item.actions\",fn:function(i){return [_c('action-button',{attrs:{\"icon\":\"$edit\",\"tooltip\":\"Edit template\",\"to\":{ name: 'newsletter-template', params: { nstemplate: i.item.id } }}}),_c('action-button',{attrs:{\"icon\":\"$copy\",\"tooltip\":\"Duplicate template\"},on:{\"click\":function($event){return _vm.duplicateTemplate(i.item.id)}}}),_c('action-button',{attrs:{\"icon\":\"$remove\",\"tooltip\":\"Delete template\"},on:{\"click\":function($event){_vm.toDelete= i.item.id; _vm.confirmDelete = true;}}})]}}],null,false,2316785038)}):_c('v-skeleton-loader',{attrs:{\"type\":\"table\"}}),_c('confirm-dialog',{on:{\"confirm\":function($event){return _vm.deleteTemplate(_vm.toDelete)}},model:{value:(_vm.confirmDelete),callback:function ($$v) {_vm.confirmDelete=$$v},expression:\"confirmDelete\"}},[_vm._v(\"Are you sure you want to delete the template?\")]),(_vm.nextToken != null)?_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.loadList}},[_vm._v(\"Load more\")]):_vm._e(),_c('v-dialog',{model:{value:(_vm.jsonDialog),callback:function ($$v) {_vm.jsonDialog=$$v},expression:\"jsonDialog\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\"Import Unlayer JSON\")]),_c('v-card-text',[_c('v-textarea',{attrs:{\"placeholder\":\"Paste JSON here\",\"rows\":\"20\"},model:{value:(_vm.json),callback:function ($$v) {_vm.json=$$v},expression:\"json\"}})],1),_c('v-card-actions',[_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"primary\",\"loading\":_vm.creating},on:{\"click\":_vm.createTemplate}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"$add\")]),_vm._v(\"Create\")],1),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.jsonDialog=false}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"$close\")]),_vm._v(\"Cancel\")],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-row class=\"mb-3\" no-gutters justify=\"space-between\" align=\"center\">\n    <h2 class=\"text-h2\">Newsletter templates</h2>\n    <div>\n    <span class=\"mr-1\"><!-- The span is required because the class on action button is applied to the tooltip and not to the button -->\n    <action-button @click=\"jsonDialog=true\" icon=\"$json\" tooltip=\"Create template from Unlayer JSON\" color=\"secondary\" fab small dark />\n    </span>\n    <action-button @click=\"createTemplate\" icon=\"$add\" tooltip=\"Create empty template\" color=\"primary\" fab small dark :loading=\"creating\" />\n    </div>\n    </v-row>\n    <v-data-table v-if=\"list\" :headers=\"headers\" :items=\"list\" :loading=\"listLoading\" show-expand>\n      <template v-slot:item.name=\"i\">\n        <router-link :to=\"{ name: 'newsletter-template', params: { nstemplate: i.item.id } }\">{{ i.item.name }}</router-link>\n      </template>\n      <template v-slot:item.public=\"i\">\n        <tooltip-icon v-if=\"i.item.public\" icon=\"$ok\" tooltip=\"Public\" color=\"success\" />\n        <tooltip-icon v-else icon=\"$nok\" tooltip=\"Hidden\" color=\"warning\" />\n      </template>\n      <template v-slot:expanded-item=\"i\">\n         <td :colspan=\"i.headers.length\">\n        <v-container>\n          <v-img width=\"500\" v-if=\"i.item.preview\" :src=\"i.item.preview\" />\n          <span v-else>No preview available</span>\n        </v-container>\n         </td>\n      </template>\n      <template v-slot:item.actions=\"i\">\n        <action-button icon=\"$edit\" tooltip=\"Edit template\" :to=\"{ name: 'newsletter-template', params: { nstemplate: i.item.id } }\" />\n        <action-button icon=\"$copy\" tooltip=\"Duplicate template\" @click=\"duplicateTemplate(i.item.id)\" />\n        <action-button icon=\"$remove\" tooltip=\"Delete template\" @click=\"toDelete= i.item.id; confirmDelete = true;\" />\n      </template>\n    </v-data-table>\n    <v-skeleton-loader v-else\n      type=\"table\"\n    ></v-skeleton-loader>\n    <confirm-dialog v-model=\"confirmDelete\" @confirm=\"deleteTemplate(toDelete)\">Are you sure you want to delete the template?</confirm-dialog>\n    <v-btn color=\"primary\" v-if=\"nextToken != null\" @click=\"loadList\">Load more</v-btn>\n    <v-dialog v-model=\"jsonDialog\">\n      <v-card>\n        <v-card-title>Import Unlayer JSON</v-card-title>\n        <v-card-text>\n          <v-textarea placeholder=\"Paste JSON here\" rows=\"20\" v-model=\"json\" />\n        </v-card-text>\n        <v-card-actions>\n          <v-btn text color=\"primary\" @click=\"createTemplate\" :loading=\"creating\"><v-icon left>$add</v-icon>Create</v-btn>\n          <v-btn text @click=\"jsonDialog=false\"><v-icon left>$close</v-icon>Cancel</v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n    </v-container>\n</template>\n\n<script>\n\n  import { mapState } from \"vuex\";\n\n  export default {\n    name: 'NewsletterTemplateList',\n    data() {\n      return {\n        toDelete: null,\n        confirmDelete: false,\n        listLoading: false,\n        creating: false,\n        jsonDialog: false,\n        json: null,\n        headers: [\n          { text: 'Name', value: 'name' },\n          { text: 'Public', value: 'public' },\n          { text: 'Preview', value: 'data-table-expand' },\n          { text: 'Actions', value: 'actions' },\n          \n        ]\n      };\n    },\n    computed: {\n      ...mapState('nstemplates', ['list', 'nextToken', 'listDirty', 'publicOnly']),\n    },\n    methods: {\n      getPreviewImage(key) {\n        return this.$store.getters['nstemplates/getPreviewImage'](key);\n      },\n      loadList() {\n          this.$store.dispatch('nstemplates/list', { nextToken: this.nextToken });\n      },\n      deleteTemplate(id) {\n        this.listLoading = true;\n        this.$store.dispatch('nstemplates/remove', { id }).then(() => { this.listLoading = false; this.confirmDelete = false; });\n      },\n      createTemplate() {\n        this.creating = true;\n        this.$store.dispatch('nstemplates/create', { name: 'New template', unlayerData: this.json }).then((r) => { this.creating = false; this.$router.push({name: 'newsletter-template', params: { nstemplate: r.id }}) });\n      },\n      duplicateTemplate(id) {\n        this.creating = true;\n        this.$store.dispatch('nstemplates/duplicate', { id, localizedTitle: this.$t('common.copy.title') }).then((r) => { this.creating = false; this.$router.push({name: 'newsletter-template', params: { nstemplate: r.id }}) });\n      },\n    },\n    mounted() {\n      if(!this.list || this.listDirty || this.publicOnly) {\n      this.loadList();\n      }\n    }\n  }\n</script>\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!./List.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!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=962479fa&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VContainer,VDataTable,VDialog,VIcon,VImg,VRow,VSkeletonLoader,VTextarea})\n","// Styles\nimport './VTextarea.sass'\n\n// Extensions\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport Vue from 'vue'\n\ninterface options extends Vue {\n  $refs: {\n    input: HTMLTextAreaElement\n  }\n}\n\nconst baseMixins = mixins<options &\n  InstanceType<typeof VTextField>\n>(\n  VTextField\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-textarea',\n\n  props: {\n    autoGrow: Boolean,\n    noResize: Boolean,\n    rowHeight: {\n      type: [Number, String],\n      default: 24,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseInt(v, 10)),\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-textarea': true,\n        'v-textarea--auto-grow': this.autoGrow,\n        'v-textarea--no-resize': this.noResizeHandle,\n        ...VTextField.options.computed.classes.call(this),\n      }\n    },\n    noResizeHandle (): boolean {\n      return this.noResize || this.autoGrow\n    },\n  },\n\n  watch: {\n    autoGrow (val: boolean) {\n      this.$nextTick(() => {\n        val\n          ? this.calculateInputHeight()\n          : this.$refs.input?.style.removeProperty('height')\n      })\n    },\n    lazyValue () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n    rowHeight () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      this.autoGrow && this.calculateInputHeight()\n    }, 0)\n  },\n\n  methods: {\n    calculateInputHeight () {\n      const input = this.$refs.input\n      if (!input) return\n\n      input.style.height = '0'\n      const height = input.scrollHeight\n      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight)\n      // This has to be done ASAP, waiting for Vue\n      // to update the DOM causes ugly layout jumping\n      input.style.height = Math.max(minHeight, height) + 'px'\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.tag = 'textarea'\n      delete input.data!.attrs!.type\n      input.data!.attrs!.rows = this.rows\n\n      return input\n    },\n    onInput (e: Event) {\n      VTextField.options.methods.onInput.call(this, e)\n      this.autoGrow && this.calculateInputHeight()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      // Prevents closing of a\n      // dialog when pressing\n      // enter\n      if (this.isFocused && e.keyCode === 13) {\n        e.stopPropagation()\n      }\n\n      this.$emit('keydown', e)\n    },\n  },\n})\n"],"sourceRoot":""}