{"version":3,"sources":["webpack:///./src/views/capture/BarcodeConfiguration.vue?9300","webpack:///src/views/capture/BarcodeConfiguration.vue","webpack:///./src/views/capture/BarcodeConfiguration.vue?48a1","webpack:///./src/views/capture/BarcodeConfiguration.vue","webpack:///./src/views/capture/BarcodeConfiguration.vue?6379"],"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","showDeleteDialog","deleteMessage","deleteConfig","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","name","components","Loading","data","barcodeList","columns","ValueType","deleteConfigId","deleteConfigName","computed","buttons","methods","payload","buttonId","editBarcode","id","component"],"mappings":"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","file":"js/chunk-601bfeea.130df5e9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vasion-white-background vasion-calc-height vld-parent\"},[_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:\"inner-div\"},[_c('div',{staticClass:\"md-layout\"},[_c('div',{staticClass:\"md-layout-item vasion-page-title\"},[_vm._v(\" Barcode Configuration \")]),_c('div',{staticClass:\"md-layout-item vasion-flex-end\"},[(_vm.isDataAvailable)?_c('VasionButton',{attrs:{\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.createNewClicked()}}},[_vm._v(\" New Barcode Config \")]):_vm._e()],1)]),(_vm.whiteScreen === true)?_c('div'):(_vm.isDataAvailable === true && _vm.tableData.Columns)?_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,\"filterByColumnDefault\":1,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked}})],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)])])],1),_c('md-dialog',{attrs:{\"id\":\"vasion-confirmation-div\",\"md-active\":_vm.showDeleteDialog},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>\n    <div class=\"vasion-white-background vasion-calc-height vld-parent\">\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=\"inner-div\">\n        <div class=\"md-layout\">\n          <div class=\"md-layout-item vasion-page-title\">\n            Barcode Configuration\n          </div>\n          <div class=\"md-layout-item vasion-flex-end\">\n            <VasionButton v-if=\"isDataAvailable\" :classProp=\"'primary'\" @vasionButtonClicked=\"createNewClicked()\">\n              New Barcode Config\n            </VasionButton>\n          </div>\n        </div>\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=\"grid-div 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          />\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    </div>\n    <md-dialog id=\"vasion-confirmation-div\" :md-active.sync=\"showDeleteDialog\">\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    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  .inner-div {\n    padding-top: 8px;\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-items-div {\n    margin-top: 60px;\n  }\n\n  .grid-div {\n    height: calc(100vh - 125px);\n    overflow: auto;\n    text-align: left;\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!./BarcodeConfiguration.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!./BarcodeConfiguration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarcodeConfiguration.vue?vue&type=template&id=51b6242a&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=51b6242a&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  \"51b6242a\",\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!./BarcodeConfiguration.vue?vue&type=style&index=0&id=51b6242a&lang=scss&scoped=true&\""],"sourceRoot":""}