{"version":3,"sources":["webpack:///./src/views/forms/AllAttributeForms.vue?785c","webpack:///./src/views/forms/AllAttributeForms.vue?9ad0","webpack:///src/views/forms/AllAttributeForms.vue","webpack:///./src/views/forms/AllAttributeForms.vue?250a","webpack:///./src/views/forms/AllAttributeForms.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","_v","_s","$formsLabelPlural","newFormClick","$formsLabel","_e","loadingForms","tableData","Columns","Values","Rows","hiddenColumns","ellipsisButtonConfig","ellipsisButtonClicked","handleRowSelect","greetingMessage","$formsLabelWithPrefix","deletePromptMessage","showDeleteDialog","toggleDeleteDialog","deleteFormAndToggle","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","name","components","Loading","data","columns","ValueType","deleteFormID","deleteFormName","buttons","headerCheckboxToggled","computed","attributeFormsAvailable","attributeFormsList","watch","created","id","icon","Promise","promises","methods","buildTableData","dataList","deleteResult","deleteFormClick","editForm","params","formID","component"],"mappings":"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","file":"js/chunk-2fde5153.0b36b490.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!./AllAttributeForms.vue?vue&type=style&index=0&id=2dd3be42&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('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}}}),_c('div',{staticClass:\"vap-page-header\"},[_c('h1',{},[_vm._v(\"All \"+_vm._s(_vm.$formsLabelPlural))]),_c('div',{staticClass:\"btns-container\"},[(_vm.attributeFormsAvailable)?_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"id\":\"new-attribute-form-header-button\",\"classProp\":\"primary\"},on:{\"vasionButtonClicked\":_vm.newFormClick}},[_vm._v(\" New \"+_vm._s(_vm.$formsLabel)+\" \")]):_vm._e()],1)]),_c('div',{staticClass:\"vap-page-content\"},[(_vm.loadingForms === true)?_c('div'):(_vm.attributeFormsAvailable)?_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-forms-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 \"+_vm._s(_vm.$formsLabelWithPrefix)+\" to get started! \")]),_c('div',{staticClass:\"button-div\"},[_c('VasionButton',{attrs:{\"id\":\"new-form-button\",\"isFullWidth\":true,\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.newFormClick}},[_c('span',{staticClass:\"vasion-button-plus\"},[_vm._v(\"+\")]),_vm._v(\"New \"+_vm._s(_vm.$formsLabel)+\" \")])],1)],1)]),_c('VasionGeneralModal',{attrs:{\"id\":\"confirmFormDelete\",\"rejectButtonText\":'No',\"confirmButtonText\":'Yes',\"modalType\":'message',\"buttonGroup\":\"center\",\"message\":_vm.deletePromptMessage,\"sync\":_vm.showDeleteDialog},on:{\"noButtonClick\":function($event){return _vm.toggleDeleteDialog()},\"confirmButtonClick\":function($event){return _vm.deleteFormAndToggle()}}}),_c('VasionSnackbar',{attrs:{\"id\":\"all-attribute-forms-snackbar\",\"show-snackbar-bool\":_vm.showSnackbarBool,\"snackbar-image\":_vm.snackbarImage,\"snackbar-sub-title\":_vm.snackbarSubTitle,\"snackbar-title\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbarBool=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbarBool=$event}}})],1)}\nvar staticRenderFns = []\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 class=\"\">All {{ $formsLabelPlural }}</h1>\n      <div class=\"btns-container\">\n        <VasionButton v-if=\"attributeFormsAvailable\" id=\"new-attribute-form-header-button\" classProp=\"primary\"\n          class=\"last-btn\"\n          @vasionButtonClicked=\"newFormClick\">\n          New {{ $formsLabel }}\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div v-if=\"loadingForms === true\">\n        <!-- If this is not here, the no-forms-div flashes for a second while the form list loads - not great -->\n      </div>\n      <div v-else-if=\"attributeFormsAvailable\" 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-forms-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 {{ $formsLabelWithPrefix }} to get started!\n        </div>\n        <div class=\"button-div\">\n          <VasionButton\n            id=\"new-form-button\"\n            :isFullWidth=\"true\"\n            :classProp=\"'primary'\"\n            @vasionButtonClicked=\"newFormClick\"\n          >\n            <span class=\"vasion-button-plus\">+</span>New {{ $formsLabel }}\n          </VasionButton>\n        </div>\n      </div>\n    </div>\n    <VasionGeneralModal\n      id=\"confirmFormDelete\"\n      :rejectButtonText=\"'No'\"\n      :confirmButtonText=\"'Yes'\"\n      :modalType=\"'message'\"\n      buttonGroup=\"center\"\n      :message=\"deletePromptMessage\"\n      :sync=\"showDeleteDialog\"\n      @noButtonClick=\"toggleDeleteDialog()\"\n      @confirmButtonClick=\"deleteFormAndToggle()\"\n    />\n    <VasionSnackbar\n      id=\"all-attribute-forms-snackbar\"\n      :show-snackbar-bool.sync=\"showSnackbarBool\"\n      :snackbar-image=\"snackbarImage\"\n      :snackbar-sub-title=\"snackbarSubTitle\"\n      :snackbar-title=\"snackbarTitle\"\n    />\n  </div>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay';\nimport 'vue-loading-overlay/dist/vue-loading.css';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\n\nexport default {\n  name: 'AdminAllAttributeForms',\n  components: {\n    Loading,\n  },\n  data: function () {\n    return {\n      columns: {\n        Values: [],\n        ValueType: 'String',\n      },\n      deleteFormID: 0,\n      deleteFormName: '',\n      ellipsisButtonConfig: { buttons: [] },\n      greetingMessage: 'Hello!',\n      headerCheckboxToggled: false,\n      hiddenColumns: ['_FormID_'],\n      isLoading: false,\n      loaderBackgroundColor,\n      loaderColor,\n      loadingForms: true,\n      showDeleteDialog: false,\n      showSnackbarBool: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      tableData: {},\n    }\n  },\n  computed: {\n    attributeFormsAvailable() { return this.attributeFormsList && this.attributeFormsList.length > 0 },\n    attributeFormsList() { return this.$store.state.attributeForm.forms },\n    deletePromptMessage() { return `Are you sure you want to delete \"${this.deleteFormName}\"?` },\n  },\n  watch: {\n    attributeFormsList: function () { this.buildTableData() },\n  },\n  async created() {\n    this.columns.Values = [\n      '_FormID_',\n      '_VasionIcon_',\n      `${$formsLabel} Name`,\n      '_VasionEllipsisButton_',\n    ]\n    this.ellipsisButtonConfig.buttons = [\n      {\n        id: 'edit-form-button',\n        name: `Edit ${$formsLabel}`,\n        icon: 'VasionEditIcon',\n      },\n      {\n        id: 'delete-form-button',\n        name: `Delete ${$formsLabel}`,\n        icon: 'VasionDeleteIcon',\n      },\n    ]\n\n    const promises = await Promise.all([\n      this.$store.dispatch('attributeForm/getForms'),\n      this.$store.dispatch('common/getEmptyAppGreeting'),\n    ])\n    // eslint-disable-next-line prefer-destructuring\n    this.greetingMessage = promises[1]\n    this.loadingForms = false\n  },\n  methods: {\n    async buildTableData() {\n      const data = {\n        dataList: this.attributeFormsList,\n        columns: this.columns,\n      }\n\n      this.tableData = await this.$store.dispatch('attributeForm/setFormTableData', data)\n    },\n    async deleteFormAndToggle() {\n      this.toggleDeleteDialog()\n      if (this.deleteFormID <= 0) {\n        return\n      }\n\n      this.isLoading = true\n\n      const deleteResult = await this.$store.dispatch('attributeForm/deleteAttributeForm', this.deleteFormID)\n      if (deleteResult === '') {\n        this.snackbarTitle = 'Success!'\n        this.snackbarSubTitle = `The ${$formsLabel} was Deleted!`\n        this.snackbarImage = true\n      } else {\n        this.snackbarTitle = 'Failure'\n        this.snackbarSubTitle = deleteResult\n        this.snackbarImage = false\n      }\n\n      this.deleteFormID = 0\n      this.deleteFormName = ''\n      this.isLoading = false\n      this.showSnackbarBool = true\n    },\n    deleteFormClick(formID, formName) {\n      this.deleteFormID = formID\n      this.deleteFormName = formName\n      this.toggleDeleteDialog()\n    },\n    ellipsisButtonClicked(payload) {\n      if (payload?.item?.Values[0]) {\n        const formID = payload.item.Values[0]\n        const form = this.attributeFormsList.find(f => f.value === formID)\n\n        switch (payload.buttonId) {\n          case 'edit-form-button':\n            this.editForm(formID)\n            break;\n          case 'delete-form-button':\n            this.deleteFormClick(form.value, form.name)\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    async editForm(formID) { this.$router.push({ name: 'EditForm', params: { formID: formID } }) },\n    handleRowSelect(selectInfo) {\n      if (!selectInfo.Values || selectInfo.Values.length <= 1 || selectInfo.Values[0] <= 0) {\n        return\n      }\n\n      // eslint-disable-next-line\n      this.editForm(selectInfo.Values[0])\n    },\n    newFormClick() {\n      this.$store.dispatch('forms/clearEform')\n      this.$router.push({ name: 'NewForm' })\n    },\n    toggleDeleteDialog() { this.showDeleteDialog = !this.showDeleteDialog },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\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-forms-div {\n  margin-top: 60px;\n}\n\n.grid-div {\n  max-height: calc(100vh - 186px);\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!./AllAttributeForms.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!./AllAttributeForms.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AllAttributeForms.vue?vue&type=template&id=2dd3be42&scoped=true&\"\nimport script from \"./AllAttributeForms.vue?vue&type=script&lang=js&\"\nexport * from \"./AllAttributeForms.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AllAttributeForms.vue?vue&type=style&index=0&id=2dd3be42&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  \"2dd3be42\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}