{"version":3,"sources":["webpack:///./src/views/forms/Drafts.vue?7200","webpack:///src/views/forms/Drafts.vue","webpack:///./src/views/forms/Drafts.vue?8996","webpack:///./src/views/forms/Drafts.vue","webpack:///./src/views/forms/Drafts.vue?2d7f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","_m","tableData","Columns","Values","Rows","hiddenColumns","ellipsisButtonConfig","ellipsisButtonClicked","handleRowSelect","_v","deleteMessage","showDeleteDialog","deleteDraft","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","name","components","Loading","data","columns","ValueType","deleteDraftId","drafts","computed","watch","created","methods","buildTableData","sourceData","item","moment","rows","response","editDraft","params","formName","formID","draftId","formId","component"],"mappings":"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","file":"js/chunk-70504347.7f72a110.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\",\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_vm._m(0),_c('div',{staticClass:\"vap-page-content\"},[(_vm.tableData)?_c('div',{staticClass:\"main-table-container vasion-html-table-default\"},[_c('VasionTable',{attrs:{\"headerColumns\":_vm.tableData.Columns.Values,\"tableRows\":_vm.tableData.Rows.Values,\"hideColumns\":_vm.hiddenColumns,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"vasion-selection\":_vm.handleRowSelect}})],1):_c('div',{staticClass:\"no-intems-dive\"},[_c('div',{staticClass:\"vasion-page-subheader instructional-message-div\"},[_vm._v(\" It appears that you currently do not have any drafts saved. \")])])]),_c('VasionGeneralModal',{attrs:{\"id\":\"draft-delete-confirmation\",\"confirmButtonText\":'YES',\"rejectButtonText\":'NO',\"modalType\":'message',\"buttonGroup\":'center',\"message\":_vm.deleteMessage,\"sync\":_vm.showDeleteDialog},on:{\"confirmButtonClick\":_vm.deleteDraft,\"noButtonClick\":function($event){_vm.showDeleteDialog = !_vm.showDeleteDialog}}}),_c('VasionSnackbar',{attrs:{\"id\":\"snackbar-form-draft\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(\"Form Drafts\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vap-page\">\n    <Loading\n      class=\"vasion-loading-indicator\"\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      :color=\"loaderColor\"\n      loader=\"dots\"\n      :background-color=\"loaderBackgroundColor\"\n    />\n    <div class=\"vap-page-header\">\n      <h1>Form Drafts</h1>\n    </div>\n    <div class=\"vap-page-content\">\n      <div v-if=\"tableData\" class=\"main-table-container vasion-html-table-default\">\n        <VasionTable\n          :headerColumns=\"tableData.Columns.Values\"\n          :tableRows=\"tableData.Rows.Values\"\n          :hideColumns=\"hiddenColumns\"\n          :ellipsisButtonConfig=\"ellipsisButtonConfig\"\n          @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n          @vasion-selection=\"handleRowSelect\"\n        />\n      </div>\n      <div v-else class=\"no-intems-dive\">\n        <div class=\"vasion-page-subheader instructional-message-div\">\n          It appears that you currently do not have any drafts saved.\n        </div>\n      </div>\n    </div>\n    <VasionGeneralModal\n      id=\"draft-delete-confirmation\"\n      :confirmButtonText=\"'YES'\"\n      :rejectButtonText=\"'NO'\"\n      :modalType=\"'message'\"\n      :buttonGroup=\"'center'\"\n      :message=\"deleteMessage\"\n      :sync=\"showDeleteDialog\"\n      @confirmButtonClick=\"deleteDraft\"\n      @noButtonClick=\"showDeleteDialog = !showDeleteDialog\"\n    />\n    <VasionSnackbar\n      id=\"snackbar-form-draft\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n<script>\nimport Loading from 'vue-loading-overlay';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport moment from 'moment'\n\nexport default {\n  name: 'Drafts',\n  components: {\n    Loading,\n  },\n  data: function () {\n    return {\n      columns: {\n        Values: [],\n        ValueType: 'String',\n      },\n      deleteDraftId: 0,\n      deleteMessage: '',\n      drafts: [],\n      hiddenColumns: ['_ID_', '_FormID_'],\n      isLoading: false,\n      loaderBackgroundColor,\n      loaderColor,\n      showDeleteDialog: false,\n      showSnackbar: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      tableData: null,\n    }\n  },\n  computed: {\n    ellipsisButtonConfig() { return this.$store.state.security.ellipsisButtonConfig },\n  },\n  watch: {\n  },\n  async created() {\n    this.isLoading = true\n\n    await this.$store.dispatch('security/setEllipsisButtonConfig', 'form-drafts')\n\n    this.drafts = await this.$store.dispatch('forms/getEFormDrafts')\n\n    this.columns.Values = [\n      '_ID_',\n      '_FormID_',\n      'Draft Name',\n      'Form Name',\n      'Created Date',\n      'Modified Date',\n      '_VasionEllipsisButton_',\n    ]\n\n    this.tableData = await this.buildTableData(this.columns, this.drafts)\n\n    this.isLoading = false\n  },\n  methods: {\n    async buildTableData(columns, sourceData) {\n      const rows = await sourceData.map(item => {\n        const values = [\n          item.ID,\n          item.EFormID,\n          item.Name,\n          item.EFormName,\n          moment(item.CreatedDate).format(\"M/D/YYYY, h:mm A\"),\n          moment(item.ModifiedDate).format(\"M/D/YYYY, h:mm A\"),\n          'VasionEllipsisIcon',\n        ]\n        return { Values: values, ValueType: \"String\" }\n      })\n\n      const tableData = {\n        Columns: columns,\n        Rows: {\n          Values: rows\n        }\n      }\n\n      return tableData\n    },\n    async deleteDraft() {\n      this.showDeleteDialog = false\n      this.isLoading = true\n      this.$amplitude.trackEvent('Form Draft Deleted', {} )\n      const response = await this.$store.dispatch('forms/deleteEFormDraftById', this.deleteDraftId)\n\n      if (response && response?.Value) {\n        this.snackbarTitle = \"Form Draft\"\n        this.snackbarSubTitle = \"The form draft was successfully deleted.\"\n        this.snackbarImage = true\n        this.showSnackbar = true\n        this.drafts = await this.$store.dispatch('forms/getEFormDrafts')\n        this.tableData = await this.buildTableData(this.columns, this.drafts)\n        this.deleteDraftId = 0\n      } else {\n        this.snackbarTitle = \"Form Draft\"\n        this.snackbarSubTitle = response?.ResultMessage ? response?.ResultMessage : `An error occurred during deletion of the draft form.`\n        this.snackbarImage = false\n        this.showSnackbar = true\n      }\n      this.isLoading = false\n    },\n    editDraft(formName, formID, draftId) {\n      this.$store.dispatch('forms/clearEform')\n      this.$amplitude.trackEvent('Form Draft Edited', {} )\n      // Implementation of the editing screen is required\n      this.$router.push({ name: 'MyDraftForm', params: { formName, formID, draftId } })\n    },\n    ellipsisButtonClicked(payload) {\n      if (payload?.buttonId && payload?.item?.Values) {\n        const [draftId, formId, name] = payload.item.Values\n        switch (payload.buttonId) {\n          case 'edit-form-draft-button':\n            this.editDraft(name, formId, draftId)\n            break;\n          case 'delete-form-draft-button':\n            this.deleteMessage = `Are you sure you want to delete \"${name}\"?`\n            this.deleteDraftId = draftId\n            this.showDeleteDialog = true\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    handleRowSelect(data) {\n      const [draftId, formID, formName] = data.Values\n      this.editDraft(formName, formID, draftId)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.inner-div {\n  padding-top: 16px;\n  margin-right: 8px;\n  margin-left: 16px;\n  text-align: center;\n}\n\n.instructional-message-div {\n  margin-top: 24px;\n}\n\n\n.no-intems-dive {\n  margin-top: 60px;\n}\n\n.grid-div {\n  height: calc(100vh - 224px);\n  overflow: auto;\n  text-align: left;\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!./Drafts.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!./Drafts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Drafts.vue?vue&type=template&id=64850d24&scoped=true&\"\nimport script from \"./Drafts.vue?vue&type=script&lang=js&\"\nexport * from \"./Drafts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Drafts.vue?vue&type=style&index=0&id=64850d24&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  \"64850d24\",\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!./Drafts.vue?vue&type=style&index=0&id=64850d24&prod&lang=scss&scoped=true&\""],"sourceRoot":""}