{"version":3,"sources":["webpack:///./src/views/capture/BarcodeConfiguration.vue?00cf","webpack:///./src/views/capture/BarcodeConfiguration.vue?f521","webpack:///src/views/capture/BarcodeConfiguration.vue","webpack:///./src/views/capture/BarcodeConfiguration.vue?6ef4","webpack:///./src/views/capture/BarcodeConfiguration.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","_v","createNewClicked","_e","whiteScreen","isDataAvailable","tableData","Columns","Values","Rows","hiddenColumns","ellipsisButtonConfig","ellipsisButtonClicked","rowClickHandler","showDeleteDialog","deleteMessage","deleteConfig","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","name","components","Loading","data","barcodeList","columns","ValueType","deleteConfigId","deleteConfigName","computed","buttons","id","icon","created","list","type","methods","params","barcodeId","response","editBarcode","barcodeData","updateTableData","component"],"mappings":"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","file":"js/chunk-4da44754.6cc9208a.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!./BarcodeConfiguration.vue?vue&type=style&index=0&id=6e1ddc54&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',{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(\"Barcode Configuration\")]),_c('div',{staticClass:\"btns-container\"},[(_vm.isDataAvailable)?_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"classProp\":\"primary\"},on:{\"vasionButtonClicked\":function($event){return _vm.createNewClicked()}}},[_vm._v(\" New Barcode Config \")]):_vm._e()],1)]),_c('div',{staticClass:\"vap-page-content\"},[(_vm.whiteScreen === true)?_c('div'):(_vm.isDataAvailable === true && _vm.tableData.Columns)?_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,\"filterByColumnDefault\":1,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"vasion-selection\":_vm.rowClickHandler}})],1):_c('div',{staticClass:\"no-items-div\"},[_c('div',{staticClass:\"vasion-page-subheader instructional-message-div\"},[_vm._v(\" No data to show. \")]),_c('div',{staticClass:\"button-div\"},[_c('VasionButton',{attrs:{\"isFullWidth\":true,\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.createNewClicked()}}},[_c('span',{staticClass:\"vasion-button-plus\"},[_vm._v(\" + \")]),_vm._v(\" ADD NEW \")])],1)])]),_c('md-dialog',{attrs:{\"id\":\"vasion-confirmation-div\",\"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.deleteMessage},on:{\"noButtonClick\":function($event){_vm.showDeleteDialog = !_vm.showDeleteDialog},\"yesButtonClick\":function($event){return _vm.deleteConfig()}}})],1),_c('VasionSnackbar',{attrs:{\"id\":\"barcode-config-snack\",\"showSnackbarBool\":_vm.showSnackbarBool,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_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      :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>Barcode Configuration</h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          v-if=\"isDataAvailable\"\n          class=\"last-btn\"\n          classProp=\"primary\"\n          @vasionButtonClicked=\"createNewClicked()\"\n        >\n          New Barcode Config\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div v-if=\"whiteScreen === true\">\n      <!-- Show white space while waiting for data to load -->\n      </div>\n      <div v-else-if=\"isDataAvailable === true && tableData.Columns\" class=\"main-table-container vasion-html-table-default\">\n        <VasionTable\n          :headerColumns=\"tableData.Columns.Values\"\n          :tableRows=\"tableData.Rows.Values\"\n          :hideColumns=\"hiddenColumns\"\n          :filterByColumnDefault=\"1\"\n          :ellipsisButtonConfig=\"ellipsisButtonConfig\"\n          @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n          @vasion-selection=\"rowClickHandler\"\n        />\n      </div>\n      <div v-else class=\"no-items-div\">\n        <div class=\"vasion-page-subheader instructional-message-div\">\n          No data to show.\n        </div>\n        <div class=\"button-div\">\n          <VasionButton :isFullWidth=\"true\" :classProp=\"'primary'\" @vasionButtonClicked=\"createNewClicked()\">\n            <span class=\"vasion-button-plus\"> + </span> ADD NEW\n          </VasionButton>\n        </div>\n      </div>\n    </div>\n    <md-dialog id=\"vasion-confirmation-div\" :md-active.sync=\"showDeleteDialog\" :md-click-outside-to-close=\"false\">\n      <VasionConfirmationDialog :message=\"deleteMessage\" @noButtonClick=\"showDeleteDialog = !showDeleteDialog\" @yesButtonClick=\"deleteConfig()\" />\n    </md-dialog>\n    <VasionSnackbar\n      id=\"barcode-config-snack\"\n      :showSnackbarBool.sync=\"showSnackbarBool\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"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: 'BarcodeConfiguration',\n  components: {\n    Loading,\n  },\n  data: function () {\n    return {\n      barcodeList: [],\n      columns: {\n        Values: [\n          '_AipID_',\n          'Name',\n          'Object',\n          '_VasionEllipsisButton_',\n        ],\n        ValueType: 'String',\n      },\n      deleteConfigId: '',\n      deleteConfigName: '',\n      deleteMessage: '',\n      hiddenColumns: ['_AipID_'],\n      isLoading: false,\n      loaderBackgroundColor,\n      loaderColor,\n      showDeleteDialog: false,\n      showSnackbarBool: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      tableData: {},\n      whiteScreen: true,\n    }\n  },\n  computed: {\n    ellipsisButtonConfig() {\n      return {\n        buttons: [\n          {\n            id: 'edit-barcode-configuration-button',\n            name: 'Edit',\n            icon: 'VasionEditIcon',\n          },\n          {\n            id: 'delete-barcode-configuration-button',\n            name: 'Delete',\n            icon: 'VasionDeleteIcon',\n          },\n        ],\n      }\n    },\n    isDataAvailable() { return this.barcodeList && this.barcodeList.length > 0 },\n  },\n  async created() {\n    this.isLoading = true\n    this.$store.dispatch('capture/setBarcodeData', {})\n    this.barcodeList = await this.$store.dispatch('capture/getAllBarcodeIndex')\n    this.whiteScreen = false\n\n    const data = {\n      list: this.barcodeList,\n      columns: this.columns,\n      type: 'BarcodeConfig',\n    }\n    this.tableData = await this.$store.dispatch('capture/setTableData', data)\n    this.isLoading = false\n    this.updateTableData()\n  },\n  methods: {\n    createNewClicked() { this.$router.push({ name: 'EditBarcode', params: { barcodeId: 0 } }) },\n    async deleteConfig() {\n      this.isLoading = true\n      const response = await this.$store.dispatch('common/deleteBarcodeConfig', this.deleteConfigId)\n      this.updateTableData()\n      this.showDeleteDialog = false\n\n      this.snackbarTitle = response ? `\"${this.deleteConfigName}\" Deleted Successfully` : 'Error'\n      this.snackbarSubTitle = response ? 'The Barcode Configuration has been removed' : 'Config not deleted'\n      this.snackbarImage = response\n      this.showSnackbarBool = true;\n    },\n    async editBarcode(barcodeId) {\n      this.isLoading = true\n      const barcodeData = this.barcodeList.find(barcode => barcode.ID === barcodeId)\n      await this.$store.dispatch('capture/setBarcodeData', barcodeData)\n      this.isLoading = false\n      this.$router.push({ name: 'EditBarcode' })\n    },\n    ellipsisButtonClicked(payload) {\n      if (payload?.item?.Values[0]) {\n        const [id, name] = payload.item.Values\n        switch (payload.buttonId) {\n          case 'edit-barcode-configuration-button':\n            this.editBarcode(id)\n            break;\n          case 'delete-barcode-configuration-button':\n            this.deleteMessage = `Are you sure you want to delete \"${name}\"?`\n            this.deleteConfigId = id\n            this.deleteConfigName = name\n            this.showDeleteDialog = true\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    rowClickHandler(data) {\n      if (!data || !data.Values || data.Values.length <= 0) return\n      this.editBarcode(data.Values[0])\n    },\n    async updateTableData() {\n      this.isLoading = true\n      this.barcodeList = await this.$store.dispatch('capture/getAllBarcodeIndex')\n      this.whiteScreen = false\n\n      const data = {\n        list: this.barcodeList,\n        columns: this.columns,\n        type: 'BarcodeConfig',\n      }\n      this.tableData = await this.$store.dispatch('capture/setTableData', data)\n      this.isLoading = false\n    },\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!./BarcodeConfiguration.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!./BarcodeConfiguration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarcodeConfiguration.vue?vue&type=template&id=6e1ddc54&scoped=true&\"\nimport script from \"./BarcodeConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./BarcodeConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BarcodeConfiguration.vue?vue&type=style&index=0&id=6e1ddc54&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  \"6e1ddc54\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}