{"version":3,"sources":["webpack:///./src/views/fieldMapping/XMLFields.vue?92aa","webpack:///src/views/fieldMapping/XMLFields.vue","webpack:///./src/views/fieldMapping/XMLFields.vue?24e0","webpack:///./src/views/fieldMapping/XMLFields.vue","webpack:///./src/views/fieldMapping/XMLFields.vue?5932"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","newConfigurationClick","_e","configurationsAvailable","tableData","loadingConfigurations","ColumnValues","hiddenColumns","tableRowsOrdered","ellipsisButtonConfig","sortColumn","ellipsisButtonClicked","rowClickHandler","_s","greetingMessage","showDialog","$event","deletePromptMessage","toggleDialog","deleteConfigurationAndToggle","loaderColor","loaderBackgroundColor","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","name","components","Loading","data","configurations","deleteConfigurationID","deleteConfigurationName","displayConfigurationSelection","headerCheckboxToggled","sortingColumn","sortingDirection","computed","tableRows","created","methods","response","editConfiguration","id","refreshTable","Rows","Values","configurationTableData","configurationElement","ValueType","loadViewData","emptyAppGreetingPromise","xmlConfigListPromise","setDeleteValues","component"],"mappings":"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","file":"js/chunk-8ae58d44.c5e9f87f.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('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(\"XML Configurations\")]),_c('div',{staticClass:\"btns-container\"},[(_vm.configurationsAvailable)?_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"id\":\"new-configuration-header-button\",\"classProp\":\"primary\"},on:{\"vasionButtonClicked\":_vm.newConfigurationClick}},[_vm._v(\" New Configuration \")]):_vm._e()],1)]),_c('div',{staticClass:\"vap-page-content\"},[(_vm.configurationsAvailable && _vm.tableData && !_vm.loadingConfigurations)?_c('div',{staticClass:\"main-table-container vasion-html-table-default\"},[_c('VasionTable',{attrs:{\"headerColumns\":_vm.ColumnValues,\"hideColumns\":_vm.hiddenColumns,\"tableRows\":_vm.tableRowsOrdered,\"filterByColumnDefault\":1,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig,\"supportSorting\":true},on:{\"vasion-column-sort\":_vm.sortColumn,\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"vasion-selection\":_vm.rowClickHandler}})],1):(!_vm.loadingConfigurations)?_c('div',{staticClass:\"no-items-div\"},[_c('VasionEmptyForm'),_c('div',{staticClass:\"vasion-large-message\"},[_vm._v(\" \"+_vm._s(_vm.greetingMessage)+\" \")]),_c('div',{staticClass:\"vasion-page-subheader instructional-message-div\"},[_vm._v(\" It feels a little empty, create a XML Configuration to get started! \")]),_c('div',{staticClass:\"button-div\"},[_c('VasionButton',{attrs:{\"id\":\"new-configuration-button\",\"isFullWidth\":true,\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.newConfigurationClick}},[_c('span',{staticClass:\"vasion-button-plus\"},[_vm._v(\"+\")]),_vm._v(\"XML Configuration \")])],1)],1):_vm._e(),_c('md-dialog',{attrs:{\"id\":\"confirmConfigurationDelete\",\"md-active\":_vm.showDialog,\"md-click-outside-to-close\":false},on:{\"update:mdActive\":function($event){_vm.showDialog=$event},\"update:md-active\":function($event){_vm.showDialog=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.deletePromptMessage},on:{\"noButtonClick\":function($event){return _vm.toggleDialog()},\"yesButtonClick\":function($event){return _vm.deleteConfigurationAndToggle()}}})],1),_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.loadingConfigurations,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\",\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.loadingConfigurations=$event}}}),_c('VasionSnackbar',{attrs:{\"id\":\"xml-fields-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vap-page\">\n    <div class=\"vap-page-header\">\n      <h1>XML Configurations</h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          v-if=\"configurationsAvailable\"\n          id=\"new-configuration-header-button\"\n          class=\"last-btn\"\n          classProp=\"primary\"\n          @vasionButtonClicked=\"newConfigurationClick\"\n        >\n          New Configuration\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div v-if=\"configurationsAvailable && tableData && !loadingConfigurations\" class=\"main-table-container vasion-html-table-default\">\n        <VasionTable\n          :headerColumns=\"ColumnValues\"\n          :hideColumns=\"hiddenColumns\"\n          :tableRows=\"tableRowsOrdered\"\n          :filterByColumnDefault=\"1\"\n          :ellipsisButtonConfig=\"ellipsisButtonConfig\"\n          :supportSorting=\"true\"\n          @vasion-column-sort=\"sortColumn\"\n          @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n          @vasion-selection=\"rowClickHandler\"\n        />\n      </div>\n      <div v-else-if=\"!loadingConfigurations\" class=\"no-items-div\">\n        <VasionEmptyForm />\n        <div class=\"vasion-large-message\">\n          {{ greetingMessage }}\n        </div>\n        <div class=\"vasion-page-subheader instructional-message-div\">\n          It feels a little empty, create a XML Configuration to get started!\n        </div>\n        <div class=\"button-div\">\n          <VasionButton\n            id=\"new-configuration-button\"\n            :isFullWidth=\"true\"\n            :classProp=\"'primary'\"\n            @vasionButtonClicked=\"newConfigurationClick\"\n          >\n            <span class=\"vasion-button-plus\">+</span>XML Configuration\n          </VasionButton>\n        </div>\n      </div>\n      <md-dialog id=\"confirmConfigurationDelete\" :md-active.sync=\"showDialog\" :md-click-outside-to-close=\"false\">\n        <VasionConfirmationDialog :message=\"deletePromptMessage\" @noButtonClick=\"toggleDialog()\" @yesButtonClick=\"deleteConfigurationAndToggle()\" />\n      </md-dialog>\n      <Loading\n        class=\"vasion-loading-indicator\"\n        :active.sync=\"loadingConfigurations\"\n        :is-full-page=\"false\"\n        :color=\"loaderColor\"\n        loader=\"dots\"\n        :background-color=\"loaderBackgroundColor\"\n      />\n\n      <VasionSnackbar\n        id=\"xml-fields-snack\"\n        :showSnackbarBool=\"showSnackbar\"\n        :snackbarImage=\"snackbarImage\"\n        :snackbarSubTitle=\"snackbarSubTitle\"\n        :snackbarTitle=\"snackbarTitle\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { OrderByEnum } from '@/enums/orderByEnum.js'\nimport Loading from 'vue-loading-overlay';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport { formatDateTime } from '../../store/helperModules/common.module';\n\nexport default {\n  name: 'XMLFields',\n  components: {\n    Loading,\n  },\n  data: function () {\n    return {\n      ColumnValues: [],\n      configurations: [],\n      deleteConfigurationID: 0,\n      deleteConfigurationName: '',\n      displayConfigurationSelection: false,\n      greetingMessage: 'Hello!',\n      headerCheckboxToggled: false,\n      hiddenColumns: ['configurationID'],\n      loadingConfigurations: true,\n      loaderBackgroundColor,\n      loaderColor,\n      showDialog: false,\n      showSnackbar: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      sortingColumn: 1,\n      sortingDirection: OrderByEnum.Ascending,\n      tableData: {},\n    }\n  },\n  computed: {\n    configurationsAvailable() { return this.configurations.length > 0 },\n    deletePromptMessage() { return `Are you sure you want to delete \"${this.deleteConfigurationName}\"?` },\n    ellipsisButtonConfig() { return this.$store.state.security.ellipsisButtonConfig },\n    tableRowsOrdered() {\n      if (!(this.tableData.Rows && this.tableData.Rows.Values)){\n        return []\n      }\n\n      function compareCellData(column) {\n        return function (ItemA, ItemB) {\n          let ValueA = ItemA.Values[column] || ''\n          let ValueB = ItemB.Values[column] || ''\n          if (ValueA < ValueB) {\n            return -1\n          }\n          if (ValueA > ValueB) {\n            return 1\n          }\n          return 0\n        }\n      }\n\n      let tableRows = this.tableData.Rows.Values\n      if (this.sortingColumn >= 0) {\n        tableRows.sort(compareCellData(this.sortingColumn))\n        if (this.sortingDirection === OrderByEnum.Descending) {\n          tableRows.reverse()\n        }\n      }\n      return tableRows\n    },\n  },\n  async created() {\n    await this.loadViewData()\n  },\n  methods: {\n    async deleteConfigurationAndToggle() {\n      this.loadingConfigurations = true\n      this.toggleDialog()\n      const response = await this.$store.dispatch('admin/deleteXmlConfiguration', this.deleteConfigurationID)\n      await this.loadViewData()\n\n      if (response?.data?.ResultStatus === 1) {\n        this.snackbarImage = true\n        this.snackbarTitle = 'Delete Successful'\n        this.snackbarSubTitle = `Successfully deleted \"${this.deleteConfigurationName}\".`\n      } else {\n        this.snackbarImage = false\n        this.snackbarTitle = 'Error Deleting'\n        this.snackbarSubTitle = `There was an error deleting \"${this.deleteConfigurationName}\".\\nPlease contact your administrator if the problem persists.`\n      }\n      this.showSnackbar = true\n      this.deleteConfigurationID = 0\n      this.deleteConfigurationName = ''\n    },\n    async editConfiguration(configurationData) {\n      this.$store.commit('admin/setEditXmlConfig', configurationData)\n\n      this.$router.push({ name: 'EditXmlConfiguration'})\n    },\n    ellipsisButtonClicked(payload) {\n      if (payload?.item?.Values[0]) {\n        const [id, name] = payload.item.Values\n        switch (payload.buttonId) {\n          case 'edit-field-mapping-button':\n            this.editConfiguration(this.configurations.find(config => config.id === id))\n            break;\n          case 'delete-field-mapping-button':\n            this.deleteMessage = `Are you sure you want to delete \"${name}\"?`\n            this.setDeleteValues(id, name)\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    newConfigurationClick() {\n      this.$store.commit('admin/setEditXmlConfig', null)\n\n      this.$router.push({ name: 'EditXmlConfiguration'})\n    },\n    refreshTable() {\n      let configurationTableData = {\n        Rows: {\n          Values: [],\n        }\n      }\n\n      this.tableData.Rows = configurationTableData\n\n      configurationTableData.Rows.Values = this.configurations.map((configurationElement) => {\n        const dataRow = [\n          configurationElement.id,\n          configurationElement.name,\n          configurationElement.createdByName,\n          configurationElement.createdDate ? formatDateTime(configurationElement.createdDate, 'date') : '',\n          configurationElement.modifiedDate ? formatDateTime(configurationElement.modifiedDate, 'date') : '',\n          'VasionEllipsisIcon',\n        ]\n\n        const retElement = {\n          Values: dataRow,\n          ValueType: 'String',\n        }\n\n        return retElement\n      })\n\n      this.tableData = configurationTableData\n    },\n    rowClickHandler(data) {\n      if (!data || !data.Values || data.Values.length <= 0) return\n      this.editConfiguration(this.configurations.find(config => config.id === data.Values[0]))\n    },\n    async loadViewData() {\n      this.ColumnValues = [\n        'configurationID',\n        'Configuration Name',\n        'Created By',\n        'Created Date',\n        'Modified Date',\n        '_VasionEllipsisButton_',\n      ]\n      const emptyAppGreetingPromise = this.$store.dispatch('common/getEmptyAppGreeting')\n      const xmlConfigListPromise = this.$store.dispatch('admin/getXmlConfigurationList')\n\n      this.greetingMessage = await emptyAppGreetingPromise\n      this.configurations = (await xmlConfigListPromise).configurations\n      this.loadingConfigurations = false\n\n      this.$store.dispatch('attributeForm/getForms')\n      this.refreshTable()\n      await this.$store.dispatch('security/setEllipsisButtonConfig', 'xml-field-mapping')\n    },\n    setDeleteValues(configurationID, configurationName) {\n      this.deleteConfigurationID = configurationID\n      this.deleteConfigurationName = configurationName\n      this.toggleDialog()\n    },\n    sortColumn(payload) {\n      this.sortingColumn = this.ColumnValues.findIndex((element) => element === payload.columnName)\n      this.sortingDirection = payload.ascending ? OrderByEnum.Ascending : OrderByEnum.Descending\n    },\n    toggleDialog() { this.showDialog = !this.showDialog },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n\n.button-div {\n  margin: auto;\n  margin-top: 30px;\n  width: 288px;\n}\n\n.instructional-message-div {\n  margin-top: 24px;\n}\n\n.no-items-div {\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!./XMLFields.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!./XMLFields.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./XMLFields.vue?vue&type=template&id=73957300&scoped=true&\"\nimport script from \"./XMLFields.vue?vue&type=script&lang=js&\"\nexport * from \"./XMLFields.vue?vue&type=script&lang=js&\"\nimport style0 from \"./XMLFields.vue?vue&type=style&index=0&id=73957300&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  \"73957300\",\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!./XMLFields.vue?vue&type=style&index=0&id=73957300&prod&lang=scss&scoped=true&\""],"sourceRoot":""}