{"version":3,"sources":["webpack:///./src/views/admin/EmailTemplateContainer.vue?7f48","webpack:///src/views/admin/EmailTemplateContainer.vue","webpack:///./src/views/admin/EmailTemplateContainer.vue?6b57","webpack:///./src/views/admin/EmailTemplateContainer.vue","webpack:///./src/views/admin/EmailTemplateContainer.vue?39f6","webpack:///./src/views/admin/EmailTemplate.vue?83da","webpack:///src/views/admin/EmailTemplate.vue","webpack:///./src/views/admin/EmailTemplate.vue?4271","webpack:///./src/views/admin/EmailTemplate.vue","webpack:///./src/views/admin/EmailTemplate.vue?54e7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","updateIsDirty","attrs","showLeaveDialog","$event","clickedOutsideLeave","cancelLeave","doLeave","staticRenderFns","name","components","EmailTemplate","beforeRouteLeave","next","beforeRouteUpdate","data","isDirty","methods","path","toggleLeaveDialog","component","staticStyle","_v","_s","templateName","cancelClick","saveTemplate","addToBodyOnCursor","directives","rawName","value","expression","ref","domProps","updateBodySelectionStart","target","composing","body","_m","model","callback","$$v","updateSubjectSelectionStart","subject","indexForms","$formsLabel","toUpperCase","scopedSlots","_u","key","fn","slotItem","item","selectedForm","indexFieldsForForm","selectedField","getSelectedFieldNameTag","addToSubjectOnCursor","users","selectedUser","expHours","maxViews","maxDownloads","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","props","emitClose","type","required","position","templateID","userID","computed","selectedEmailTemplate","fieldArray","watch","beforeCreate","created","index","setTimeout","txtArea","arrayIndex","clearFields","navigateBack","templateNameWithNoSpaces","savePayload","docLinkExpirationHours","docLinkMaxViews","docLinkMaxDownloads","docLinkUserID","saveResult","setTemplateValues"],"mappings":"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","file":"js/chunk-2b87db13.382bd798.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-calc-height vasion-white-background\"},[_c('div',{staticClass:\"inner-div\"},[_c('EmailTemplate',{on:{\"isDirty\":_vm.updateIsDirty}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event},\"md-clicked-outside\":function($event){return _vm.clickedOutsideLeave()}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to leave? Changes have not been saved.\"},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vasion-calc-height vasion-white-background\">\n    <div class=\"inner-div\">\n      <EmailTemplate @isDirty=\"updateIsDirty\" />\n    </div>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showLeaveDialog\" @md-clicked-outside=\"clickedOutsideLeave()\">\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to leave? Changes have not been saved.\"\n        @noButtonClick=\"cancelLeave()\"\n        @yesButtonClick=\"doLeave()\"\n      />\n    </md-dialog>\n  </div>\n</template>\n\n<script>\n\nimport EmailTemplate from '@/views/admin/EmailTemplate.vue';\n\nexport default {\n  name: 'EmailTemplateContainer',\n  components: {\n    EmailTemplate,\n  },\n  beforeRouteLeave(to, from, next) {\n    if (this.isDirty && !this.routeTo) {\n      this.routeTo = to\n      this.toggleLeaveDialog()\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  // This protects the route from being changed if you click on a different email template in the left-hand menu.\n  // It appears it is called twice when navigating away, so the showLeaveDialog value is checked.\n  beforeRouteUpdate(to, from, next) {\n    if (this.isDirty && (!this.routeTo || this.showLeaveDialog)) {\n      this.routeTo = to\n      this.showLeaveDialog = true\n      next(false)\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  data: function () {\n    return {\n      isDirty: false,\n      showLeaveDialog: false,\n    }\n  },\n  methods: {\n    cancelLeave() {\n      this.routeTo = null\n      this.toggleLeaveDialog()\n    },\n    clickedOutsideLeave() { this.routeTo = null },\n    async doLeave() {\n      this.toggleLeaveDialog()\n      this.$router.push({ path: this.routeTo.path })\n    },\n    toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n    updateIsDirty(val) { this.isDirty = val },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  .inner-div {\n    padding: 10px 16px 10px 16px;\n  }\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!./EmailTemplateContainer.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!./EmailTemplateContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailTemplateContainer.vue?vue&type=template&id=b74530a0&scoped=true&\"\nimport script from \"./EmailTemplateContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailTemplateContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmailTemplateContainer.vue?vue&type=style&index=0&id=b74530a0&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  \"b74530a0\",\n  null\n  \n)\n\nexport default component.exports","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!./EmailTemplateContainer.vue?vue&type=style&index=0&id=b74530a0&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"main-div\":\"\"}},[_c('div',{staticClass:\"md-layout bottom-separator-div\"},[_c('div',{staticClass:\"md-layout-item vasion-page-title\"},[(_vm.templateName)?_c('span',{staticStyle:{\"color\":\"black\"}},[_vm._v(_vm._s(_vm.templateName))]):_c('span',[_vm._v(\"New Email Template\")])]),_c('div',{staticClass:\"md-layout-item vasion-flex-end shift-right\"},[_c('VasionButton',{attrs:{\"id\":\"save-template-button\",\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){return _vm.cancelClick()}}},[_vm._v(\" Cancel \")]),_c('VasionButton',{attrs:{\"id\":\"save-template-button\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.saveTemplate()}}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"md-layout design-div\"},[_c('div',{staticClass:\"document-tags-div\"},[_c('ul',{staticClass:\"vasion-ul\"},[_c('li',{attrs:{\"id\":\"document-notes\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Notes>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionDocumentNoteIcon')],1),_vm._v(\" Document Notes\")])]),_c('li',{attrs:{\"id\":\"workflow-notes\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Workflow Notes>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionWorkflowNoteIcon')],1),_vm._v(\" Workflow Comments\")])]),_c('li',{attrs:{\"id\":\"last-wf-comment\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Last WF Comment>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionWorkflowNoteIcon')],1),_vm._v(\" Last WF Comment\")])]),_c('hr',{staticClass:\"separator\"}),_c('li',{attrs:{\"id\":\"document-name\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Display Name>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionDocumentNameIcon')],1),_vm._v(\" Document Name\")])]),_c('li',{attrs:{\"id\":\"created-date\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Creation Date>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionCreatedDateIcon')],1),_vm._v(\" Created Date\")])]),_c('li',{attrs:{\"id\":\"document-tasks\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Tasks>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionDocumentTasksIcon')],1),_vm._v(\" Document Tasks\")])]),_c('li',{attrs:{\"id\":\"document-links\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Link>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionLinkIcon')],1),_vm._v(\" Document Link\")])]),_c('li',{attrs:{\"id\":\"document-fields\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Fields>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionInfoOutline')],1),_vm._v(\" Document Fields\")])]),_c('hr',{staticClass:\"separator\"}),_c('li',{attrs:{\"id\":\"begin-repeat\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Start Repeat Document>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionBeginRepeatIcon')],1),_vm._v(\" Begin Repeat\")])]),_c('li',{attrs:{\"id\":\"end-repeat\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<End Repeat Document>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionEndRepeatIcon')],1),_vm._v(\" End Repeat\")])])])]),_c('div',{staticClass:\"divider-div\"}),_c('div',{staticClass:\"md-layout-item body-div\"},[_c('div',{staticClass:\"body-text-area-div\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.body),expression:\"body\"}],ref:\"opts\",staticClass:\"vasion-textarea vasion-white-background\",attrs:{\"id\":\"body-text-area\"},domProps:{\"value\":(_vm.body)},on:{\"click\":_vm.updateBodySelectionStart,\"keyup\":_vm.updateBodySelectionStart,\"change\":function($event){_vm.isDirty = true},\"input\":function($event){if($event.target.composing){ return; }_vm.body=$event.target.value}}})])]),_c('div',{staticClass:\"divider-div\"}),_c('div',{staticClass:\"md-layout-item details-div\"},[_vm._m(0),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"template-name\",\"inputType\":\"top-white\",\"width\":\"100%\",\"title\":\"TEMPLATE NAME\",\"name\":\"template-name\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.templateName),callback:function ($$v) {_vm.templateName=$$v},expression:\"templateName\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('label',{staticClass:\"vasion-input-label-top\"},[_vm._v(\"EMAIL SUBJECT\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.subject),expression:\"subject\"}],ref:\"subject\",staticClass:\"vasion-textarea\",attrs:{\"id\":\"subject-text-area\"},domProps:{\"value\":(_vm.subject)},on:{\"click\":_vm.updateSubjectSelectionStart,\"keyup\":_vm.updateSubjectSelectionStart,\"change\":function($event){_vm.isDirty = true},\"input\":function($event){if($event.target.composing){ return; }_vm.subject=$event.target.value}}})]),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionDropList',{staticClass:\"attribute-droplist\",attrs:{\"dataArray\":_vm.indexForms,\"title\":(\"\" + (_vm.$formsLabel.toUpperCase())),\"inputType\":\"plain-list\",\"valueName\":\"value\",\"displayName\":\"name\",\"width\":\"100%\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedForm),callback:function ($$v) {_vm.selectedForm=$$v},expression:\"selectedForm\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionDropList',{staticClass:\"attribute-droplist\",attrs:{\"dataArray\":_vm.indexFieldsForForm,\"title\":\"FIELD\",\"inputType\":\"plain-list\",\"valueName\":\"value\",\"displayName\":\"name\",\"width\":\"100%\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedField),callback:function ($$v) {_vm.selectedField=$$v},expression:\"selectedField\"}})],1),_c('div',{staticClass:\"detail-attribute-div md-layout\"},[_c('VasionButton',{attrs:{\"id\":\"add-to-body-button\",\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){_vm.addToBodyOnCursor(_vm.getSelectedFieldNameTag())}}},[_vm._v(\" Add to Body \")]),_c('VasionButton',{attrs:{\"id\":\"add-to-subject-button\",\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){_vm.addToSubjectOnCursor(_vm.getSelectedFieldNameTag())}}},[_vm._v(\" Add to Subject \")])],1),_c('div',[_vm._m(1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionDropList',{staticClass:\"attribute-droplist\",attrs:{\"dataArray\":_vm.users,\"title\":\"OPEN AS\",\"inputType\":\"plain-list-search\",\"valueName\":\"value\",\"displayName\":\"name\",\"width\":\"100%\",\"openAbove\":true},on:{\"input\":function($event){_vm.isDirty = true}},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedUser),callback:function ($$v) {_vm.selectedUser=$$v},expression:\"selectedUser\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"expiration-hours\",\"inputType\":\"top-white\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value)\",\"width\":\"100%\",\"title\":\"EXPIRATION HOURS\",\"name\":\"expiration-hours\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.expHours),callback:function ($$v) {_vm.expHours=$$v},expression:\"expHours\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"max-views\",\"inputType\":\"top-white\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value)\",\"width\":\"100%\",\"title\":\"MAX VIEWS\",\"name\":\"max-views\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.maxViews),callback:function ($$v) {_vm.maxViews=$$v},expression:\"maxViews\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"max-downloads\",\"inputType\":\"top-white\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value)\",\"width\":\"100%\",\"title\":\"MAX DOWNLOADS\",\"name\":\"max-downloads\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.maxDownloads),callback:function ($$v) {_vm.maxDownloads=$$v},expression:\"maxDownloads\"}})],1)])])]),_c('VasionSnackbar',{attrs:{\"id\":\"email-template-snack\",\"showSnackbarBool\":_vm.showSnackbarBool,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbarBool=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbarBool=$event}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-page-subheader detail-attribute-div details-label\"},[_c('label',[_vm._v(\"Template Details\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-page-subheader detail-attribute-div details-label\"},[_c('label',[_vm._v(\"Document Link Settings\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div main-div>\n    <div class=\"md-layout bottom-separator-div\">\n      <div class=\"md-layout-item vasion-page-title\">\n        <span v-if=\"templateName\" style=\"color: black;\">{{ templateName }}</span>\n        <span v-else>New Email Template</span>\n      </div>\n      <div class=\"md-layout-item vasion-flex-end shift-right\">\n        <VasionButton id=\"save-template-button\" :classProp=\"'secondary'\" @vasionButtonClicked=\"cancelClick()\">\n          Cancel\n        </VasionButton>\n        <VasionButton id=\"save-template-button\" :classProp=\"'primary'\" @vasionButtonClicked=\"saveTemplate()\">\n          Save\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"md-layout design-div\">\n      <div class=\"document-tags-div\">\n        <ul class=\"vasion-ul\">\n          <li id=\"document-notes\" @click=\"addToBodyOnCursor('<<Document Notes>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionDocumentNoteIcon /></span>\n              Document Notes</span>\n          </li>\n          <li id=\"workflow-notes\" @click=\"addToBodyOnCursor('<<Workflow Notes>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionWorkflowNoteIcon /></span>\n              Workflow Comments</span>\n          </li>\n          <li id=\"last-wf-comment\" @click=\"addToBodyOnCursor('<<Last WF Comment>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionWorkflowNoteIcon /></span>\n              Last WF Comment</span>\n          </li>\n          <hr class=\"separator\">\n          <li id=\"document-name\" @click=\"addToBodyOnCursor('<<Document Display Name>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionDocumentNameIcon /></span>\n              Document Name</span>\n          </li>\n          <li id=\"created-date\" @click=\"addToBodyOnCursor('<<Document Creation Date>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionCreatedDateIcon /></span>\n              Created Date</span>\n          </li>\n          <li id=\"document-tasks\" @click=\"addToBodyOnCursor('<<Document Tasks>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionDocumentTasksIcon /></span>\n              Document Tasks</span>\n          </li>\n          <li id=\"document-links\" @click=\"addToBodyOnCursor('<<Document Link>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionLinkIcon /></span>\n              Document Link</span>\n          </li>\n          <li id=\"document-fields\" @click=\"addToBodyOnCursor('<<Document Fields>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionInfoOutline /></span>\n              Document Fields</span>\n          </li>\n          <hr class=\"separator\">\n          <li id=\"begin-repeat\" @click=\"addToBodyOnCursor('<<Start Repeat Document>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionBeginRepeatIcon /></span>\n              Begin Repeat</span>\n          </li>\n          <li id=\"end-repeat\" @click=\"addToBodyOnCursor('<<End Repeat Document>>')\">\n            <span class=\"li-background\"><span class=\"icon-bar\">\n              <VasionEndRepeatIcon /></span>\n              End Repeat</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"divider-div\" />\n      <div class=\"md-layout-item body-div\">\n        <div class=\"body-text-area-div\">\n          <textarea\n            id=\"body-text-area\"\n            ref=\"opts\"\n            v-model=\"body\"\n            class=\"vasion-textarea vasion-white-background\"\n            @click=\"updateBodySelectionStart\"\n            @keyup=\"updateBodySelectionStart\"\n            @change=\"isDirty = true\"\n          />\n        </div>\n      </div>\n      <div class=\"divider-div\" />\n      <div class=\"md-layout-item details-div\">\n        <div class=\"vasion-page-subheader detail-attribute-div details-label\">\n          <label>Template Details</label>\n        </div>\n        <div class=\"detail-attribute-div\">\n          <VasionInput\n            id=\"template-name\"\n            v-model=\"templateName\"\n            class=\"input-style\"\n            inputType=\"top-white\"\n            width=\"100%\"\n            title=\"TEMPLATE NAME\"\n            name=\"template-name\"\n            @input=\"isDirty = true\"\n          />\n        </div>\n        <div class=\"detail-attribute-div\">\n          <label class=\"vasion-input-label-top\">EMAIL SUBJECT</label>\n          <textarea\n            id=\"subject-text-area\"\n            ref=\"subject\"\n            v-model=\"subject\"\n            class=\"vasion-textarea\"\n            @click=\"updateSubjectSelectionStart\"\n            @keyup=\"updateSubjectSelectionStart\"\n            @change=\"isDirty = true\"\n          />\n        </div>\n        <div class=\"detail-attribute-div\">\n          <VasionDropList\n            v-slot=\"slotItem\"\n            v-model=\"selectedForm\"\n            :dataArray=\"indexForms\"\n            :title=\"`${$formsLabel.toUpperCase()}`\"\n            inputType=\"plain-list\"\n            valueName=\"value\"\n            displayName=\"name\"\n            width=\"100%\"\n            class=\"attribute-droplist\"\n          >\n            {{ slotItem.item.name }}\n          </VasionDropList>\n        </div>\n        <div class=\"detail-attribute-div\">\n          <VasionDropList\n            v-slot=\"slotItem\"\n            v-model=\"selectedField\"\n            :dataArray=\"indexFieldsForForm\"\n            title=\"FIELD\"\n            inputType=\"plain-list\"\n            valueName=\"value\"\n            displayName=\"name\"\n            width=\"100%\"\n            class=\"attribute-droplist\"\n          >\n            {{ slotItem.item.name }}\n          </VasionDropList>\n        </div>\n        <div class=\"detail-attribute-div md-layout\">\n          <VasionButton id=\"add-to-body-button\" :classProp=\"'secondary'\" @vasionButtonClicked=\"addToBodyOnCursor(getSelectedFieldNameTag())\">\n            Add to Body\n          </VasionButton>\n          <VasionButton id=\"add-to-subject-button\" :classProp=\"'secondary'\" @vasionButtonClicked=\"addToSubjectOnCursor(getSelectedFieldNameTag())\">\n            Add to Subject\n          </VasionButton>\n        </div>\n        <div>\n          <div class=\"vasion-page-subheader detail-attribute-div details-label\">\n            <label>Document Link Settings</label>\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"selectedUser\"\n              :dataArray=\"users\"\n              title=\"OPEN AS\"\n              inputType=\"plain-list-search\"\n              valueName=\"value\"\n              displayName=\"name\"\n              width=\"100%\"\n              class=\"attribute-droplist\"\n              :openAbove=\"true\"\n              @input=\"isDirty = true\"\n            >\n              {{ slotItem.item.name }}\n            </VasionDropList>\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionInput\n              id=\"expiration-hours\"\n              v-model=\"expHours\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              type=\"number\"\n              min=\"0\"\n              oninput=\"this.value = Math.abs(this.value)\"\n              width=\"100%\"\n              title=\"EXPIRATION HOURS\"\n              name=\"expiration-hours\"\n              @input=\"isDirty = true\"\n            />\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionInput\n              id=\"max-views\"\n              v-model=\"maxViews\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              type=\"number\"\n              min=\"0\"\n              oninput=\"this.value = Math.abs(this.value)\"\n              width=\"100%\"\n              title=\"MAX VIEWS\"\n              name=\"max-views\"\n              @input=\"isDirty = true\"\n            />\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionInput\n              id=\"max-downloads\"\n              v-model=\"maxDownloads\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              type=\"number\"\n              min=\"0\"\n              oninput=\"this.value = Math.abs(this.value)\"\n              width=\"100%\"\n              title=\"MAX DOWNLOADS\"\n              name=\"max-downloads\"\n              @input=\"isDirty = true\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <VasionSnackbar\n      id=\"email-template-snack\"\n      :showSnackbarBool.sync=\"showSnackbarBool\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'EmailTemplate',\n   props: {\n    emitClose: {\n      type: Boolean,\n      default: false,\n      required: false,\n    },\n  },\n  data: function () {\n    return {\n      body: '',\n      expHours: 0,\n      indexForms: [],\n      isDirty: false,\n      maxDownloads: 0,\n      maxViews: 0,\n      position: 0,\n      selectedUser: '',\n      selectedField: '',\n      selectedForm: '',\n      showSnackbarBool: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      subject: '',\n      templateID: 0,\n      templateName: '',\n      userID: 0,\n    }\n  },\n  computed: {\n    indexFieldsForForm() { return this.$store.state.common.indexFields ? this.$store.state.common.indexFields : [] },\n    selectedEmailTemplate() { return this.$store.state.admin.selectedEmailTemplate },\n    users() {\n      // the .slice is important below - otherwise we're adding [Force Login] directly to the store\n      const fieldArray = this.$store.state.common.users ? this.$store.state.common.users.slice() : []\n      if (fieldArray.findIndex(x => x.name === '[Force Login]') === -1) {\n        fieldArray.unshift({\n        name: '[Force Login]',\n        value: 0,\n      })\n      }\n      return fieldArray\n    },\n  },\n  watch: {\n    indexFieldsForForm: function () {\n      if (this.indexFieldsForForm && this.indexFieldsForForm.length > 0) {\n        // eslint-disable-next-line\n        this.selectedField = this.indexFieldsForForm[0]\n      } else {\n        this.selectedField = ''\n      }\n    },\n    isDirty() { this.$emit('isDirty', this.isDirty) },\n    selectedEmailTemplate() { this.setTemplateValues() },\n    selectedForm: function () {\n      const formID = this.selectedForm && this.selectedForm.value ? this.selectedForm.value : 0\n      this.$store.dispatch('common/getIndexFieldsForForm', formID)\n    },\n  },\n  async beforeCreate() {\n    await this.$store.dispatch('admin/setEmailSelectedEmailTemplate', this.$route.params.templateId)\n  },\n  created: async function () {\n    this.$store.dispatch('common/getIndexFieldsForForm', 0)\n    this.$store.dispatch('common/getUsers')\n\n    this.setTemplateValues()\n\n    this.indexForms = await this.$store.dispatch('attributeForm/getForms')\n\n    if (this.indexForms && this.indexForms.length > 0) {\n      // eslint-disable-next-line\n      this.selectedForm = this.indexForms[0]\n    }\n    if (this.users && this.users.length > 0) {\n      const index = this.arrayIndex(this.userID)\n      // eslint-disable-next-line\n      this.selectedUser = this.users[index]\n    }\n    if (!this.selectedUser) {\n      // eslint-disable-next-line\n      this.selectedUser = this.users[0]\n    }\n  },\n  methods: {\n    addToBodyOnCursor(message) {\n      this.isDirty = true\n      const txtArea = this.$refs.opts\n\n      if (this.position === 0) {\n        this.position = txtArea.selectionStart\n      }\n\n      this.body = [this.body.slice(0, this.position), message, this.body.slice(this.position)].join('');\n      this.position += message.length\n      setTimeout(() => {\n        txtArea.focus()\n        txtArea.setSelectionRange(this.position, this.position)\n      }, 0)\n    },\n    addToSubjectOnCursor(message) {\n      this.isDirty = true\n      const txtArea = this.$refs.subject\n\n      if (this.position === 0) {\n        this.position = txtArea.selectionStart\n      }\n\n      this.subject = [this.subject.slice(0, this.position), message, this.subject.slice(this.position)].join('');\n      this.position += message.length\n      setTimeout(() => {\n        txtArea.focus()\n        txtArea.setSelectionRange(this.position, this.position)\n      }, 0)\n    },\n    arrayIndex(fieldValue) { return this.users.findIndex(x => x.value === fieldValue) },\n    cancelClick() { this.navigateBack() },\n    clearFields() {\n      // This method may not be used explicitly inside the component, but a parent component may be using it\n      this.body = ''\n      this.subject = ''\n      this.templateName = ''\n      this.templateID = 0\n    },\n    getSelectedFieldNameTag() {\n      const fieldName = this.selectedField?.value ? this.selectedField.value : ''\n\n      if (fieldName === '') {\n        return fieldName\n      }\n\n      return `<${fieldName}> `\n    },\n    navigateBack() {\n      if (this.emitClose === true) {\n        this.$emit('editingComplete')\n      } else {\n        this.$router.push({ name: 'AllEmailTemplates' })\n      }\n    },\n    async saveTemplate() {\n      const templateNameWithNoSpaces = this.templateName.replace(/\\s/g, '')\n      if (this.templateName === '' || templateNameWithNoSpaces === '') {\n        this.snackbarTitle = 'ERROR'\n        this.snackbarSubTitle = 'Please enter a valid Template Name.'\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n        return\n      }\n      // const value = this.arrayIndex(this.selectedUser.value)\n      this.userID = this.selectedUser.value\n\n      const savePayload = {\n        templateID: this.templateID,\n        templateName: this.templateName,\n        subject: this.subject,\n        body: this.body,\n        docLinkExpirationHours: this.expHours,\n        docLinkMaxViews: this.maxViews,\n        docLinkMaxDownloads: this.maxDownloads,\n        docLinkUserID: this.userID,\n      }\n\n      const saveResult = await this.$store.dispatch('admin/saveEmailTemplate', savePayload)\n      if (!saveResult || saveResult.templateID === undefined) {\n        this.snackbarTitle = 'ERROR'\n        this.snackbarSubTitle = saveResult.Value\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n        return\n      }\n      this.$emit('isDirty', false)\n\n      this.snackbarTitle = 'Success!'\n      this.snackbarSubTitle = `Email Template successfully ${this.templateID == 0 ? 'created' : 'saved'}.`\n      this.snackbarImage = true\n      this.showSnackbarBool = true\n\n      setTimeout(() => {\n        this.navigateBack()\n      }, 1500)\n    },\n    setTemplateValues() {\n      if (this.selectedEmailTemplate && this.selectedEmailTemplate !== undefined) {\n        this.templateID = this.selectedEmailTemplate.templateID\n        this.templateName = this.selectedEmailTemplate.templateName\n        this.subject = this.selectedEmailTemplate.subject\n        this.body = this.selectedEmailTemplate.body\n        this.maxViews = this.selectedEmailTemplate.docLinkMaxViews\n        this.expHours = this.selectedEmailTemplate.docLinkExpirationHours\n        this.maxDownloads = this.selectedEmailTemplate.docLinkMaxDownloads\n        this.userID = this.selectedEmailTemplate.docLinkUserID\n        if (this.$route.params.copy) {\n          this.templateID = 0\n          this.templateName = `Copy of ${this.templateName}` \n        }\n      }\n    },\n    updateBodySelectionStart() { this.position = this.$refs.opts.selectionStart },\n    updateSubjectSelectionStart() { this.position = this.$refs.subject.selectionStart },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  .detail-attribute-div {\n    margin-bottom: 16px;\n  }\n\n  .details-label {\n    margin-bottom: 16px;\n  }\n\n  #body-text-area {\n    width: 100%;\n    height: 600px;\n  }\n\n  #subject-text-area {\n    width: 100%;\n    height: 70px;\n  }\n\n  .body-text-area-div {\n    padding: 15px;\n    overflow-y: scroll;\n    height: calc(100vh - 130px);\n  }\n\n  .design-div {\n    -webkit-flex: 1; /* Chrome */\n    flex: 1; /* NEW, */\n    overflow: auto;\n    background-color: $white;\n  }\n\n  .bottom-separator-div {\n    border-bottom: solid 1px $divider-light-grey;\n    padding-bottom: 5px;\n  }\n\n  .shift-right {\n    margin-right: -8px;\n  }\n\n  .title-div {\n    margin-bottom: 10px;\n  }\n\n  .document-tags-div {\n    width: 256px;\n    height: 100%;\n  }\n  .divider-div {\n    width: 1px;\n    background-color: $divider-light-grey;\n  }\n  .details-div {\n    width: 340px;\n    max-width: 340px;\n    padding: 16px;\n    padding-bottom: 0px;\n    overflow-y: scroll;\n    height: calc(100vh - 130px);\n  }\n  .body-div {\n    background-color: $grey-75;\n  }\n  .icon-bar {\n    margin: 12px 16px;\n  }\n  .li-background {\n    width: 278px;\n    height: 48px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: black;\n    padding: 7px 0 0 0px;\n    margin: 0 8px 1px 8px;\n    fill: $orange-300;\n    cursor: pointer;\n    @include Subtitle;\n  }\n  .separator {\n    border-color: #e4e5e6;\n    border-width: .5px;\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!./EmailTemplate.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!./EmailTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailTemplate.vue?vue&type=template&id=e8b41f2a&scoped=true&\"\nimport script from \"./EmailTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailTemplate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmailTemplate.vue?vue&type=style&index=0&id=e8b41f2a&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  \"e8b41f2a\",\n  null\n  \n)\n\nexport default component.exports","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!./EmailTemplate.vue?vue&type=style&index=0&id=e8b41f2a&prod&lang=scss&scoped=true&\""],"sourceRoot":""}