{"version":3,"sources":["webpack:///./src/views/fieldMapping/DatabaseLookups.vue?95f9","webpack:///./src/views/fieldMapping/DatabaseLookups.vue?079b","webpack:///src/views/fieldMapping/DatabaseLookups.vue","webpack:///./src/views/fieldMapping/DatabaseLookups.vue?9223","webpack:///./src/views/fieldMapping/DatabaseLookups.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","toggleLookupSelection","_e","directives","name","rawName","value","expression","newAttributeFormClick","newSalesForceFormClick","lookupsAvailable","tableData","loadingLookups","ColumnValues","hiddenColumns","Rows","Values","ellipsisButtonConfig","ellipsisButtonClicked","rowClickHandler","_s","greetingMessage","showDeleteDialog","$event","deletePromptMessage","toggleDeleteDialog","deleteLookupAndToggle","staticRenderFns","data","deleteLookupId","deleteLookupName","displayLookupSelection","headerCheckboxToggled","computed","lookupList","created","$formsLabel","Promise","promises","methods","editLookup","lookupType","params","lookupId","console","id","refreshTable","lookupElement","ValueType","setDeleteValues","component"],"mappings":"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","file":"js/chunk-496c0a82.b422854d.js","sourcesContent":["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!./DatabaseLookups.vue?vue&type=style&index=0&id=64f97dde&prod&lang=scss&scoped=true&\"","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(\"Configure Lookups\")]),_c('div',{staticClass:\"btns-container\"},[_c('div',{staticClass:\"md-layout-item vasion-flex-end\",attrs:{\"id\":\"lookup-selection\"}},[(_vm.lookupsAvailable)?_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"id\":\"new-lookup-header-button\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.toggleLookupSelection}},[_vm._v(\" New Lookup \")]):_vm._e(),(_vm.displayLookupSelection)?_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.toggleLookupSelection),expression:\"toggleLookupSelection\"}],attrs:{\"id\":\"lookup-picker\"}},[_c('div',{staticClass:\"group-row\"},[_c('VasionButton',{attrs:{\"classProp\":\"text-black\"},on:{\"vasionButtonClicked\":_vm.newAttributeFormClick}},[_c('label',[_vm._v(\"Database Lookup\")])]),_c('VasionButton',{attrs:{\"classProp\":\"text-black\"},on:{\"vasionButtonClicked\":_vm.newSalesForceFormClick}},[_c('label',[_vm._v(\"SalesForce Lookup\")])])],1)]):_vm._e()],1)])]),_c('div',{staticClass:\"vap-page-content\"},[(_vm.lookupsAvailable && _vm.tableData && !_vm.loadingLookups)?_c('div',{staticClass:\"main-table-container vasion-html-table-default\"},[_c('VasionTable',{attrs:{\"headerColumns\":_vm.ColumnValues,\"hideColumns\":_vm.hiddenColumns,\"tableRows\":_vm.tableData.Rows && _vm.tableData.Rows.Values,\"filterByColumnDefault\":1,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"vasion-selection\":_vm.rowClickHandler}})],1):(!_vm.loadingLookups)?_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 Database lookup or a SalesForce lookup to get started! \")]),_c('div',{staticClass:\"button-div\"},[_c('VasionButton',{attrs:{\"id\":\"new-lookup-button\",\"isFullWidth\":true,\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.newAttributeFormClick}},[_c('span',{staticClass:\"vasion-button-plus\"},[_vm._v(\"+\")]),_vm._v(\"Database Lookup \")]),_c('VasionButton',{attrs:{\"id\":\"new-salesforce-button\",\"isFullWidth\":true,\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.newSalesForceFormClick}},[_c('span',{staticClass:\"vasion-button-plus\"},[_vm._v(\"+\")]),_vm._v(\"SalesForce Lookup \")])],1)],1):_vm._e()]),_c('md-dialog',{attrs:{\"id\":\"confirmLookupDelete\",\"md-active\":_vm.showDeleteDialog,\"md-click-outside-to-close\":false},on:{\"update:mdActive\":function($event){_vm.showDeleteDialog=$event},\"update:md-active\":function($event){_vm.showDeleteDialog=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.deletePromptMessage},on:{\"noButtonClick\":function($event){return _vm.toggleDeleteDialog()},\"yesButtonClick\":function($event){return _vm.deleteLookupAndToggle()}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vap-page\">\n    <div class=\"vap-page-header\">\n      <h1>Configure Lookups</h1>\n      <div class=\"btns-container\">\n        <div id=\"lookup-selection\" class=\"md-layout-item vasion-flex-end\">\n          <VasionButton\n            v-if=\"lookupsAvailable\"\n            id=\"new-lookup-header-button\"\n            :classProp=\"'primary'\"\n            class=\"last-btn\"\n            @vasionButtonClicked=\"toggleLookupSelection\"\n          >\n            New Lookup\n          </VasionButton>\n          <div\n            v-if=\"displayLookupSelection\"\n            id=\"lookup-picker\"\n            v-click-outside=\"toggleLookupSelection\"\n          >\n            <div class=\"group-row\">\n              <VasionButton\n                classProp=\"text-black\"\n                @vasionButtonClicked=\"newAttributeFormClick\"\n              >\n                <label>Database Lookup</label>\n              </VasionButton>\n              <VasionButton\n                classProp=\"text-black\"\n                @vasionButtonClicked=\"newSalesForceFormClick\"\n              >\n                <label>SalesForce Lookup</label>\n              </VasionButton>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div v-if=\"lookupsAvailable && tableData && !loadingLookups\" class=\"main-table-container vasion-html-table-default\">\n        <VasionTable\n          :headerColumns=\"ColumnValues\"\n          :hideColumns=\"hiddenColumns\"\n          :tableRows=\"tableData.Rows && tableData.Rows.Values\"\n          :filterByColumnDefault=\"1\"\n          :ellipsisButtonConfig=\"ellipsisButtonConfig\"\n          @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n          @vasion-selection=\"rowClickHandler\"\n        />\n      </div>\n      <div v-else-if=\"!loadingLookups\" 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 Database lookup or a SalesForce lookup to get started!\n        </div>\n        <div class=\"button-div\">\n          <VasionButton\n            id=\"new-lookup-button\"\n            :isFullWidth=\"true\"\n            :classProp=\"'primary'\"\n            @vasionButtonClicked=\"newAttributeFormClick\"\n          >\n            <span class=\"vasion-button-plus\">+</span>Database Lookup\n          </VasionButton>\n          <VasionButton\n            id=\"new-salesforce-button\"\n            :isFullWidth=\"true\"\n            :classProp=\"'primary'\"\n            @vasionButtonClicked=\"newSalesForceFormClick\"\n          >\n            <span class=\"vasion-button-plus\">+</span>SalesForce Lookup\n          </VasionButton>\n        </div>\n      </div>\n    </div>\n    <md-dialog id=\"confirmLookupDelete\" :md-active.sync=\"showDeleteDialog\" :md-click-outside-to-close=\"false\">\n      <VasionConfirmationDialog :message=\"deletePromptMessage\" @noButtonClick=\"toggleDeleteDialog()\" @yesButtonClick=\"deleteLookupAndToggle()\" />\n    </md-dialog>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DatabaseLookups',\n  data: function () {\n    return {\n      ColumnValues: [],\n      deleteLookupId: 0,\n      deleteLookupName: '',\n      displayLookupSelection: false,\n      greetingMessage: 'Hello!',\n      headerCheckboxToggled: false,\n      hiddenColumns: ['lookupID'],\n      loadingLookups: true,\n      showDeleteDialog: false,\n      tableData: {},\n    }\n  },\n  computed: {\n    deletePromptMessage() { return `Are you sure you want to delete \"${this.deleteLookupName}\"?` },\n    ellipsisButtonConfig() { return this.$store.state.security.ellipsisButtonConfig },\n    lookupsAvailable() { return this.lookupList && this.lookupList.length > 0 },\n    lookupList() { return this.$store.state.fieldMapping.lookupList },\n  },\n  async created() {\n    this.ColumnValues = [\n      'lookupID',\n      'Lookup Name',\n      `Fill Data in ${$formsLabel}`,\n      'Lookup Type',\n      'Default Lookup',\n      '_VasionEllipsisButton_',\n    ]\n\n    const promises = await Promise.all([\n      this.$store.dispatch('fieldMapping/getDatabaseLookups', true),\n      this.$store.dispatch('common/getEmptyAppGreeting'),\n    ])\n    // eslint-disable-next-line prefer-destructuring\n    this.greetingMessage = promises[1]\n    this.loadingLookups = false\n\n    this.$store.dispatch('attributeForm/getForms')\n    this.$store.dispatch('fieldMapping/getDatabaseConnections')\n\n    this.refreshTable()\n    await this.$store.dispatch('security/setEllipsisButtonConfig', 'field-mapping')\n  },\n  methods: {\n    async deleteLookupAndToggle() {\n      if (this.deleteLookupId > 0) {\n        if (await this.$store.dispatch('fieldMapping/deleteDatabaseLookup', this.deleteLookupId)) {\n          await this.$store.dispatch('fieldMapping/getDatabaseLookups', true)\n          await this.refreshTable()\n        }\n      }\n      this.deleteLookupId = 0\n      this.deleteLookupName = ''\n      this.toggleDeleteDialog()\n    },\n    async editLookup(lookupId, lookupType) {\n      switch (lookupType){\n        case 'Database':\n          this.$router.push({ name: 'EditDatabaseLookup', params: { lookupId: lookupId } })\n          break;\n        case 'SalesForce':\n          this.$router.push({ name: 'EditSalesForceLookup', params: { lookupId: lookupId } })\n          break;\n        default:\n          console.warn(`Unknown lookup type: ${lookupType}`)\n          break;\n      }\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.editLookup(id, payload.item.Values[3])\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    newAttributeFormClick() { this.$router.push({ name: 'EditDatabaseLookup', params: { lookupId: 0 } }) },\n    newSalesForceFormClick() { this.$router.push({ name: 'EditSalesForceLookup', params: { lookupId: 0 } }) },\n    refreshTable() {\n      this.tableData.Rows = {\n        Values: [],\n      }\n\n      this.tableData.Rows.Values = this.lookupList.map((lookupElement) => {\n        const dataRow = [\n          lookupElement.id,\n          lookupElement.name,\n          lookupElement.attributeFormName,\n          lookupElement.lookupType === 'Database' ? 'Database' : 'SalesForce',\n          lookupElement.defaultLookup ? 'Yes' : 'No',\n          'VasionEllipsisIcon',\n        ]\n\n        const retElement = {\n          Values: dataRow,\n          ValueType: 'String',\n        }\n\n        return retElement\n      })\n    },\n    rowClickHandler(data) {\n      if (!data || !data.Values || data.Values.length <= 0) return\n      this.editLookup(data.Values[0], data.Values[3])\n    },\n    setDeleteValues(lookupId, lookupName) {\n      this.deleteLookupId = lookupId\n      this.deleteLookupName = lookupName\n      this.toggleDeleteDialog()\n    },\n    toggleDeleteDialog() { this.showDeleteDialog = !this.showDeleteDialog },\n    toggleLookupSelection() { this.displayLookupSelection = !this.displayLookupSelection },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n\n#lookup-selection {\n  position: relative;\n  & #lookup-picker {\n    @include Text;\n    position: absolute;\n    background-color: $white;\n    border-radius: 4px;\n    box-shadow: 0 3px 5px 0 $shadow;\n    top: 45px;\n    right: 4px;\n    z-index: 40;\n  }\n}\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!./DatabaseLookups.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!./DatabaseLookups.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DatabaseLookups.vue?vue&type=template&id=64f97dde&scoped=true&\"\nimport script from \"./DatabaseLookups.vue?vue&type=script&lang=js&\"\nexport * from \"./DatabaseLookups.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DatabaseLookups.vue?vue&type=style&index=0&id=64f97dde&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  \"64f97dde\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}