{"version":3,"sources":["webpack:///./src/views/forms/AllAttributeForms.vue?2dbb","webpack:///src/views/forms/AllAttributeForms.vue","webpack:///./src/views/forms/AllAttributeForms.vue?88e6","webpack:///./src/views/forms/AllAttributeForms.vue","webpack:///./src/views/forms/AllAttributeForms.vue?f66f"],"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","headerCheckboxToggled","computed","attributeFormsAvailable","attributeFormsList","watch","methods","deleteFormClick","formID","formName","payload","buttonId","editForm","form","value","selectInfo","length","$store","dispatch","$router","push","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,UAAU,CAACE,YAAY,2BAA2BC,MAAM,CAAC,OAASP,EAAIQ,UAAU,gBAAe,EAAM,MAAQR,EAAIS,YAAY,OAAS,OAAO,mBAAmBT,EAAIU,uBAAuBC,GAAG,CAAC,gBAAgB,SAASC,GAAQZ,EAAIQ,UAAUI,MAAWR,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACN,EAAIa,GAAG,QAAQb,EAAIc,GAAGd,EAAIe,mBAAmB,OAAOX,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAAEN,EAA2B,wBAAEI,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,mCAAmC,UAAY,WAAWI,GAAG,CAAC,oBAAsBX,EAAIgB,eAAe,CAAChB,EAAIa,GAAG,QAAQb,EAAIc,GAAGd,EAAIiB,aAAa,OAAOjB,EAAIkB,MAAM,MAA2B,IAArBlB,EAAImB,aAAuBf,EAAG,OAAQJ,EAA2B,wBAAEI,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,cAAgBP,EAAIoB,UAAUC,QAAQC,OAAO,UAAYtB,EAAIoB,UAAUG,KAAKD,OAAO,YAActB,EAAIwB,cAAc,qBAAuBxB,EAAIyB,sBAAsBd,GAAG,CAAC,0BAA0BX,EAAI0B,sBAAsB,mBAAmB1B,EAAI2B,oBAAoB,GAAGvB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,mBAAmBA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAI4B,iBAAiB,OAAOxB,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACN,EAAIa,GAAG,oCAAoCb,EAAIc,GAAGd,EAAI6B,uBAAuB,uBAAuBzB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,kBAAkB,aAAc,EAAK,UAAY,WAAWI,GAAG,CAAC,oBAAsBX,EAAIgB,eAAe,CAACZ,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACN,EAAIa,GAAG,OAAOb,EAAIa,GAAG,OAAOb,EAAIc,GAAGd,EAAIiB,aAAa,QAAQ,IAAI,KAAKb,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,oBAAoB,iBAAmB,KAAK,kBAAoB,MAAM,UAAY,UAAU,YAAc,SAAS,QAAUP,EAAI8B,oBAAoB,KAAO9B,EAAI+B,kBAAkBpB,GAAG,CAAC,cAAgB,SAASC,GAAQ,OAAOZ,EAAIgC,sBAAsB,mBAAqB,SAASpB,GAAQ,OAAOZ,EAAIiC,0BAA0B7B,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,+BAA+B,qBAAqBP,EAAIkC,iBAAiB,iBAAiBlC,EAAImC,cAAc,qBAAqBnC,EAAIoC,iBAAiB,iBAAiBpC,EAAIqC,eAAe1B,GAAG,CAAC,0BAA0B,SAASC,GAAQZ,EAAIkC,iBAAiBtB,GAAQ,4BAA4B,SAASA,GAAQZ,EAAIkC,iBAAiBtB,OAAY,IACzlF0B,EAAkB,G,uHCqFtB,GACEC,KAAM,yBACNC,WAAY,CACVC,QAAJ,KAEEC,KAAM,WACJ,MAAO,CACLC,QAAS,CACPrB,OAAQ,GACRsB,UAAW,UAEbC,aAAc,EACdC,eAAgB,GAChBrB,qBAAsB,CAA5B,YACMG,gBAAiB,SACjBmB,uBAAuB,EACvBvB,cAAe,CAAC,YAChBhB,WAAW,EACXE,sBAAN,OACMD,YAAN,OACMU,cAAc,EACdY,kBAAkB,EAClBG,kBAAkB,EAClBC,eAAe,EACfC,iBAAkB,GAClBC,cAAe,GACfjB,UAAW,KAGf4B,SAAU,CACRC,wBADJ,WACA,kEACIC,mBAFJ,WAEA,8CACIpB,oBAHJ,WAGA,6EAEEqB,MAAO,CACLD,mBAAoB,WAAxB,wBAEE,QArCF,WAqCA,qKACA,kBACA,WACA,eAFA,UAGA,YAHA,SAIA,0BAEA,gCACA,CACA,sBACA,iCACA,uBAEA,CACA,wBACA,mCACA,0BAhBA,SAoBA,aACA,4CACA,kDAtBA,OAoBA,EApBA,OAyBA,uBACA,kBA1BA,8CA4BEE,QAAS,CACP,eADJ,WACA,qKACA,GACA,8BACA,mBAHA,SAMA,sDANA,OAMA,YANA,qDAQI,oBATJ,WASA,iKACA,yBACA,mBAFA,wDAMA,eANA,SAQA,sEARA,OAQA,EARA,OASA,QACA,2BACA,8DACA,qBAEA,0BACA,qBACA,oBAGA,iBACA,oBACA,eACA,sBAtBA,+CAwBIC,gBAjCJ,SAiCA,KACMpD,KAAK4C,aAAeS,EACpBrD,KAAK6C,eAAiBS,EACtBtD,KAAK+B,sBAEPN,sBAtCJ,SAsCA,SACM,GAAN,OAAU8B,QAAV,mDACQ,IAAR,mBACA,kEAEQ,OAAQA,EAAQC,UACd,IAAK,mBACHxD,KAAKyD,SAASJ,GACd,MACF,IAAK,qBACHrD,KAAKoD,gBAAgBM,EAAKC,MAAOD,EAAKpB,MACtC,MACF,QACE,SAIR,SAvDJ,SAuDA,6PACIZ,gBAxDJ,SAwDA,IACWkC,EAAWvC,QAAUuC,EAAWvC,OAAOwC,QAAU,GAAKD,EAAWvC,OAAO,IAAM,GAKnFrB,KAAKyD,SAASG,EAAWvC,OAAO,KAElCN,aAhEJ,WAiEMf,KAAK8D,OAAOC,SAAS,oBACrB/D,KAAKgE,QAAQC,KAAK,CAAxB,kBAEIlC,mBApEJ,WAoEA,gDC3N0W,I,wBCQtWmC,EAAY,eACd,EACApE,EACAuC,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E,2CCnBf,W","file":"js/chunk-57579b6a.3388d800.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-white-background vasion-calc-height\"},[_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:\"inner-div\"},[_c('div',{staticClass:\"md-layout\"},[_c('div',{staticClass:\"md-layout-item vasion-page-title\"},[_vm._v(\" All \"+_vm._s(_vm.$formsLabelPlural)+\" \")]),_c('div',{staticClass:\"md-layout-item vasion-flex-end\"},[(_vm.attributeFormsAvailable)?_c('VasionButton',{attrs:{\"id\":\"new-attribute-form-header-button\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.newFormClick}},[_vm._v(\" New \"+_vm._s(_vm.$formsLabel)+\" \")]):_vm._e()],1)]),(_vm.loadingForms === true)?_c('div'):(_vm.attributeFormsAvailable)?_c('div',{staticClass:\"grid-div 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=\"vasion-white-background vasion-calc-height\">\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=\"inner-div\">\n      <div class=\"md-layout\">\n        <div class=\"md-layout-item vasion-page-title\">\n          All {{ $formsLabelPlural }}\n        </div>\n        <div class=\"md-layout-item vasion-flex-end\">\n          <VasionButton\n            v-if=\"attributeFormsAvailable\"\n            id=\"new-attribute-form-header-button\"\n            :classProp=\"'primary'\"\n            @vasionButtonClicked=\"newFormClick\"\n          >\n            New {{ $formsLabel }}\n          </VasionButton>\n        </div>\n      </div>\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=\"grid-div 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';\n// Import stylesheet\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  @import '@/assets/css/variables.scss';\n\n  .button-div {\n    margin: auto;\n    margin-top: 30px;\n    width: 288px;\n  }\n\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  .main-div {\n    background-color: white;\n    width: 100%;\n  }\n\n  .no-forms-div {\n    margin-top: 60px;\n  }\n\n  .grid-div {\n    height: calc(100vh - 132px);\n    overflow: auto;\n    text-align: left;\n    margin-top: 7px;\n    padding-right: 7px;\n  }\n\n  .image-column {\n    max-width: 40px;\n    width: 40px;\n    fill: $grey-400;\n    padding-left: 15px;\n  }\n\n  .image-column-end {\n    max-width: 45px;\n    width: 45px;\n    fill: $grey-400;\n    padding-right: 15px;\n  }\n\n  .name-column {\n    width: 30%;\n  }\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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=ac194b2e&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=ac194b2e&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  \"ac194b2e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllAttributeForms.vue?vue&type=style&index=0&id=ac194b2e&lang=scss&scoped=true&\""],"sourceRoot":""}