{"version":3,"sources":["webpack:///./src/components/systemSettings/ConfigureImage.vue?276e","webpack:///./src/views/admin/systemSettings/ImageLibrary.vue?ddf4","webpack:///./src/views/admin/systemSettings/ImageLibrary.vue?bebe","webpack:///./src/components/systemSettings/ConfigureImage.vue?401c","webpack:///src/components/systemSettings/ConfigureImage.vue","webpack:///./src/components/systemSettings/ConfigureImage.vue?769a","webpack:///./src/components/systemSettings/ConfigureImage.vue","webpack:///src/views/admin/systemSettings/ImageLibrary.vue","webpack:///./src/views/admin/systemSettings/ImageLibrary.vue?e28d","webpack:///./src/views/admin/systemSettings/ImageLibrary.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","on","$event","_m","editImageClick","_v","imageList","length","tableData","Columns","Values","Rows","hiddenColumns","ellipsisButtonConfig","ellipsisButtonClicked","rowClickHandler","configureImageTitle","showConfigureImageDialog","cancelConfigureImageClick","selectedImage","onImageSaved","showDeleteDialog","deletePromptMessage","toggleDeleteDialog","imageDeleteConfirmation","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","formFieldErrors","name","val","clearFieldError","model","value","callback","$$v","expression","imageReceived","imageUploaderActive","changeImageClick","_e","base64String","ref","beforeAddFile","serverOptions","filePondLabel","afterFileProcessed","applyTimestamp","toggleApplyTimestamp","cancelClick","saveButtonAvailable","saveClick","showDirtyStateDialog","toggleDirtyStateDialog","confirmationOfCancel","snackbar","show","image","subtitle","title","$set","components","Loading","FilePond","props","imageToModify","type","require","data","fileToUpload","process","revert","computed","formDataChanged","imageId","created","methods","clearFieldErrors","Object","errorText","payloadToSave","ImageId","ImageName","Base64Image","ApplyTimeStamp","saveImageResponse","removeHandler","load","processHandler","toBase64","stringOffset","indexOfStringOffset","progress","abort","console","component","ConfigureImage","columns","ValueType","imageName","imagesLoading","sortTableAscending","sortTableBy","promise1","promise2","Promise","deleteImageClick","response","refreshTable","dataList"],"mappings":"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A,QAEA,GALAK,SAKA,eAEA,sCAMA,OALA,YACA7B,QACAC,SACAE,cACAD,sCACA,2BAIA,qEA1DA,IA6DA4B,4BACA,qBACAC,KAGAC,0BAAA,sLAEAC,kBAAA,OAUA,OAVA,yBACAC,aACAC,+BACA,OACA,8CACAA,aAIAC,aACAL,UAAA,kBAEA,CACAM,sBACA,OACAA,OAGA,qCAEAC,mBAAA,0DAEA,kEAxBAN,GAyBAxC,gCACA,0CAEAK,kCACA,wDC/SuW,I,wBCQnW0C,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QC0DA,GACflE,oBACAgC,YACAC,YACAkC,kBAEA5B,gBACA,OACA6B,SACAzF,mFACA0F,oBAEAxF,4BACAgE,UACAyB,aACAC,iBACAvG,aACAC,mBACAmB,iBACAF,4BACAI,oBACAI,gBACAC,iBACAC,oBACAC,iBACA2E,sBACAC,mBACAhG,eAGAkE,UACA1D,+BACA,2EAEAM,+BACA,iFAEAT,gCACA,wDAEAP,qBACA,wDAGAuE,mBAAA,4JAEA,OADA4B,uDACAC,wEAAA,SACAC,mBAAA,OACA,mCACA,2DALA,IAOA7B,SACA5D,qCACA,sBACA,kCAEA0F,6BACA,kBACA,sBACA,2BAEAxG,0BAAA,gEACA,qBACA,kCAEAU,kCAAA,MACA,qEACA,uBACA,sDAEA,mBACA,wBACA,uBACA,MACA,0BACA,yBACA,MACA,QACA,SAIAU,mCAAA,4JACA,4BAEA,8BACA,+BACA,wEAAAqF,UACAA,kFAAA,gCACA,4DAIA,OAHA,0CACA,8DACA,mBACA,4BACA,iDAEA,kDACA,sDACA,mBACA,0BAIA,YACA,0DAtBA,IAwBAC,wBAAA,0JAIA,OAHAxC,GACAyC,qBACAZ,mBACA,SACA,4EACA,yDANA,IAQApF,4BACA,uCACA,kBACA,sDACA,yBAEAQ,8BACA,8CAEAH,wBAAA,oJAOA,OANA,8BACA,eAEA,kBACA,mBACA,0BACA,qEAEA,4DAEA,2DAXA,MCxMoX,ICQhX,G,UAAY,eACd,EACA9B,EACAuC,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-3544d4b3.5230241d.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!./ConfigureImage.vue?vue&type=style&index=0&id=cd8efce4&prod&lang=scss&scoped=true&\"","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!./ImageLibrary.vue?vue&type=style&index=0&id=0b8489e4&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:\"vasion-calc-height vasion-white-background\"},[_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\"},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_c('div',{staticClass:\"section-container\"},[_c('div',{staticClass:\"section-header md-layout\"},[_vm._m(0),_c('div',{staticClass:\"md-layout-item vasion-flex-end\"},[_c('VasionButton',{attrs:{\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.editImageClick()}}},[_vm._v(\" New Image \")])],1)]),(_vm.imagesLoading)?_c('div'):(_vm.imageList && _vm.imageList.length > 0 && _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,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"vasion-selection\":_vm.rowClickHandler}})],1):_c('div',[_vm._v(\"No images found.\")])]),_c('VasionGeneralModal',{attrs:{\"id\":\"configure-image-dialog\",\"modalType\":\"slot\",\"modalTitle\":_vm.configureImageTitle,\"sync\":_vm.showConfigureImageDialog,\"hideButtons\":true,\"showTopRightCloseButton\":false},on:{\"noButtonClick\":_vm.cancelConfigureImageClick}},[_c('ConfigureImage',{attrs:{\"imageToModify\":_vm.selectedImage},on:{\"on-image-saved\":_vm.onImageSaved,\"cancel-click\":_vm.cancelConfigureImageClick}})],1),_c('md-dialog',{attrs:{\"id\":\"confirm-image-delete\",\"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.imageDeleteConfirmation()}}})],1),_c('VasionSnackbar',{attrs:{\"id\":\"image-library-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"md-layout-item\"},[_c('h1',{staticClass:\"vasion-page-title\"},[_vm._v(\"Image Library\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-div\"},[_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\"},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_c('div',{staticClass:\"form-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"title\":\"Name\",\"inputType\":\"top-white\",\"required\":\"\",\"isInErrorState\":_vm.formFieldErrors.name},on:{\"input\":function (val) { return (val ? _vm.clearFieldError('name') : null); }},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}}),(_vm.imageReceived && !_vm.imageUploaderActive)?_c('div',{staticClass:\"text-center\"},[_c('VasionButton',{attrs:{\"id\":\"change-image-button\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.changeImageClick()}}},[_vm._v(\" Change image \")])],1):_vm._e(),(_vm.imageReceived && !_vm.imageUploaderActive)?_c('div',{staticClass:\"img-container\"},[_c('img',{staticClass:\"existing-image\",attrs:{\"src\":(\"data:image/png;base64,\" + _vm.base64String),\"alt\":(\"Image \" + _vm.name)}})]):_vm._e(),(!_vm.imageReceived || _vm.imageUploaderActive)?_c('div',{staticClass:\"upload-container\"},[_c('file-pond',{ref:\"pond\",staticClass:\"new-document\",attrs:{\"acceptedFileTypes\":['image/jpeg', 'image/tiff', 'image/bmp', 'image/png'],\"beforeAddFile\":_vm.beforeAddFile,\"server\":_vm.serverOptions,\"label-idle\":_vm.filePondLabel,\"allowRemove\":true},on:{\"processfile\":_vm.afterFileProcessed}})],1):_vm._e(),_c('div',{staticClass:\"md-layout\"},[_c('div',{staticClass:\"checkbox-div\"},[_c('VasionCheckbox',{attrs:{\"id\":\"apply-timestamp\",\"name\":\"applyTimestamp\",\"checked\":_vm.applyTimestamp},on:{\"change\":function($event){return _vm.toggleApplyTimestamp()}}},[_vm._v(\" Apply Timestamp \")])],1)]),_c('div',{staticClass:\"bottom-div\"},[_c('VasionButton',{attrs:{\"id\":\"cancel-button\",\"classProp\":'primary-light'},on:{\"vasionButtonClicked\":function($event){return _vm.cancelClick()}}},[_vm._v(\" CANCEL \")]),_c('VasionButton',{attrs:{\"id\":\"ok-button\",\"isDisabled\":!_vm.saveButtonAvailable,\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.saveClick()}}},[_vm._v(\" SAVE \")])],1)],1),_c('md-dialog',{attrs:{\"id\":\"dirty-state-dialog\",\"md-active\":_vm.showDirtyStateDialog,\"md-click-outside-to-close\":false},on:{\"update:mdActive\":function($event){_vm.showDirtyStateDialog=$event},\"update:md-active\":function($event){_vm.showDirtyStateDialog=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":'Your changes have not been saved, are you sure you want to cancel?'},on:{\"noButtonClick\":function($event){return _vm.toggleDirtyStateDialog()},\"yesButtonClick\":function($event){return _vm.confirmationOfCancel()}}})],1),_c('VasionSnackbar',{attrs:{\"showSnackbarBool\":_vm.snackbar.show,\"snackbarImage\":_vm.snackbar.image,\"snackbarSubTitle\":_vm.snackbar.subtitle,\"snackbarTitle\":_vm.snackbar.title},on:{\"update:showSnackbarBool\":function($event){return _vm.$set(_vm.snackbar, \"show\", $event)},\"update:show-snackbar-bool\":function($event){return _vm.$set(_vm.snackbar, \"show\", $event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main-div\">\n    <Loading\n      class=\"vasion-loading-indicator\"\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      :color=\"loaderColor\"\n      loader=\"dots\"\n    />\n    <div class=\"form-div\">\n      <VasionInput\n        v-model=\"name\"\n        title=\"Name\"\n        class=\"input-style\"\n        inputType=\"top-white\"\n        required\n        :isInErrorState=\"formFieldErrors.name\"\n        @input=\"(val) => (val ? clearFieldError('name') : null)\"\n      />\n\n      <div v-if=\"imageReceived && !imageUploaderActive\" class=\"text-center\">\n        <VasionButton\n          id=\"change-image-button\"\n          :classProp=\"'primary'\"\n          @vasionButtonClicked=\"changeImageClick()\"\n        >\n          Change image\n        </VasionButton>\n      </div>\n      <div v-if=\"imageReceived && !imageUploaderActive\" class=\"img-container\">\n        <img\n          :src=\"`data:image/png;base64,${base64String}`\"\n          class=\"existing-image\"\n          :alt=\"`Image ${name}`\"\n        />\n      </div>\n\n      <div v-if=\"!imageReceived || imageUploaderActive\" class=\"upload-container\">\n        <file-pond\n          :acceptedFileTypes=\"['image/jpeg', 'image/tiff', 'image/bmp', 'image/png']\"\n          ref=\"pond\"\n          class=\"new-document\"\n          :beforeAddFile=\"beforeAddFile\"\n          :server=\"serverOptions\"\n          :label-idle=\"filePondLabel\"\n          :allowRemove=\"true\"\n          @processfile=\"afterFileProcessed\"\n        />\n      </div>\n\n      <div class=\"md-layout\">\n        <div class=\"checkbox-div\">\n          <VasionCheckbox\n            id=\"apply-timestamp\"\n            name=\"applyTimestamp\"\n            :checked=\"applyTimestamp\"\n            @change=\"toggleApplyTimestamp()\"\n          >\n            Apply Timestamp\n          </VasionCheckbox>\n        </div>\n      </div>\n\n      <div class=\"bottom-div\">\n        <VasionButton\n          id=\"cancel-button\"\n          :classProp=\"'primary-light'\"\n          @vasionButtonClicked=\"cancelClick()\"\n        >\n          CANCEL\n        </VasionButton>\n        <VasionButton\n          id=\"ok-button\"\n          :isDisabled=\"!saveButtonAvailable\"\n          :classProp=\"'primary'\"\n          @vasionButtonClicked=\"saveClick()\"\n        >\n          SAVE\n        </VasionButton>\n      </div>\n    </div>\n\n    <md-dialog id=\"dirty-state-dialog\" :md-active.sync=\"showDirtyStateDialog\" :md-click-outside-to-close=\"false\">\n      <VasionConfirmationDialog\n        :message=\"'Your changes have not been saved, are you sure you want to cancel?'\"\n        @noButtonClick=\"toggleDirtyStateDialog()\"\n        @yesButtonClick=\"confirmationOfCancel()\"\n      />\n    </md-dialog>\n\n    <VasionSnackbar\n      :showSnackbarBool.sync=\"snackbar.show\"\n      :snackbarImage=\"snackbar.image\"\n      :snackbarSubTitle=\"snackbar.subtitle\"\n      :snackbarTitle=\"snackbar.title\"\n    />\n  </div>\n</template>\n\n<script>\nimport Loading from \"vue-loading-overlay\";\nimport { loaderColor } from \"@/assets/js/styleConfig\";\nimport vueFilePond from \"vue-filepond\";\nimport \"filepond/dist/filepond.min.css\";\nimport \"filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css\";\nimport FilePondPluginImagePreview from \"filepond-plugin-image-preview\";\nimport FilePondPluginFileValidateType from \"filepond-plugin-file-validate-type\";\n\nimport { toBase64 } from \"@/store/helperModules/storage.module\";\n\nconst FilePond = vueFilePond(FilePondPluginImagePreview, FilePondPluginFileValidateType);\n\nexport default {\n  name: \"ConfigureImage\",\n  components: {\n    Loading,\n    FilePond,\n  },\n  props: {\n    imageToModify: {\n      type: Object,\n      default: () => {},\n      require: false,\n    },\n  },\n  data: function () {\n    return {\n      applyTimestamp: false,\n      imageUploaderActive: false,\n      fileToUpload: \"\",\n      filePondLabel: `<span class=\"filepond-drag\">Drag your Image (JPG, TIFF, BMP or PNG) file here</span>\n          <br/><br/>\n        <span class=\"filepond-label-action\">Or click to upload your image File</span>`,\n      formFieldErrors: {\n        name: false,\n        fileToUpload: false,\n      },\n      isLoading: false,\n      loaderColor: loaderColor,\n      name: \"\",\n      saveButtonAvailable: true,\n      serverOptions: {\n        process: this.processHandler,\n        revert: this.removeHandler,\n      },\n      showDirtyStateDialog: false,\n      snackbar: {\n        show: false,\n        image: false,\n        subtitle: \"\",\n        title: \"\",\n      },\n    };\n  },\n  computed: {\n    formDataChanged() {\n      let detectedChanges = false;\n      if (Object.keys(this.imageToModify).length > 0) {\n        if (this.name !== this.imageToModify.name) detectedChanges = true;\n        if (this.applyTimestamp !== this.imageToModify.applyTimestamp) detectedChanges = true;\n        if (this.fileToUpload.trim() !== \"\") detectedChanges = true;\n      }\n      return detectedChanges;\n    },\n    imageReceived() {\n      return Object.keys(this.imageToModify).length > 0;\n    },\n    imageId() {\n      return this.imageToModify.id ? this.imageToModify.id : 0;\n    },\n  },\n  created: function () {\n    this.errorText = \"\";\n    this.imageUploaderActive = false;\n\n    if (this.imageId <= 0) return;\n\n    this.name = this.imageToModify.name;\n    this.base64String = this.imageToModify.base64String;\n    this.applyTimestamp = this.imageToModify.applyTimestamp;\n  },\n  methods: {\n    afterFileProcessed() {\n      this.saveButtonAvailable = true;\n    },\n    beforeAddFile() {\n      this.saveButtonAvailable = false;\n    },\n    cancelClick() {\n      if (this.formDataChanged) {\n        this.toggleDirtyStateDialog();\n        return;\n      }\n      this.$emit(\"cancel-click\");\n    },\n    changeImageClick() {\n      this.imageUploaderActive = true;\n    },\n    clearFieldError(field) {\n      this.formFieldErrors[field] = false;\n    },\n    clearFieldErrors() {\n      Object.keys(this.formFieldErrors).map((key) => (this.formFieldErrors[key] = false));\n    },\n    confirmationOfCancel() {\n      this.toggleDirtyStateDialog();\n      this.$emit(\"cancel-click\");\n    },\n    async saveClick() {\n      this.isLoading = true;\n      this.clearFieldErrors();\n      let errorText = \"\";\n\n      if (this.name.trim() === \"\") {\n        this.formFieldErrors.name = true;\n        errorText += \"Image Name cannot be empty.\\n\";\n      }\n\n      if (this.imageUploaderActive && this.fileToUpload.trim() === \"\") {\n        this.formFieldErrors.fileToUpload = true;\n        errorText += \"An image must be selected.\\n\";\n      }\n\n      if (Object.values(this.formFieldErrors).some((x) => x)) {\n        errorText += \"Please fill out all required fields.\";\n      }\n\n      if (errorText) {\n        this.snackbar = {\n          show: true,\n          image: false,\n          title: \"Error\",\n          subtitle: errorText,\n        };\n        this.isLoading = false;\n        return;\n      }\n\n      let payloadToSave = {\n        ImageId: this.imageId,\n        ImageName: this.name,\n        Base64Image: this.fileToUpload,\n        ApplyTimeStamp: this.applyTimestamp,\n      };\n\n      if (this.imageReceived && !this.imageUploaderActive) {\n        payloadToSave.Base64Image = this.base64String;\n      }\n\n      const saveImageResponse = await this.$store.dispatch(\n        \"document/setAnnotationImage\",\n        payloadToSave\n      );\n\n      this.isLoading = false;\n\n      if (!saveImageResponse || saveImageResponse.Value === \"False\") {\n        this.snackbar = {\n          show: true,\n          image: false,\n          title: \"Error\",\n          subtitle: \"Unable to save the Image.\",\n        };\n        return;\n      }\n\n      this.$emit(\"on-image-saved\");\n    },\n    // eslint-disable-next-line consistent-return\n    removeHandler: function (source, load) {\n      this.fileToUpload = \"\";\n      load();\n    },\n    // eslint-disable-next-line consistent-return\n    processHandler: async function (fieldName, file, metadata, load, error, progress, abort) {\n      try {\n        this.fileToUpload = await toBase64(file);\n        const stringOffset = \";base64,\";\n        const indexOfStringOffset = this.fileToUpload.indexOf(stringOffset);\n        if (indexOfStringOffset >= 0) {\n          this.fileToUpload = this.fileToUpload.substring(\n            indexOfStringOffset + stringOffset.length\n          );\n        }\n\n        progress(true, 0, 1024);\n        load(file.name);\n\n        return {\n          abort: () => {\n            if (abort !== undefined) {\n              abort();\n            }\n          },\n        };\n      } catch (e) {\n        console.warn(e);\n      }\n    },\n    toggleApplyTimestamp() {\n      this.applyTimestamp = !this.applyTimestamp;\n    },\n    toggleDirtyStateDialog() {\n      this.showDirtyStateDialog = !this.showDirtyStateDialog;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/css/variables.scss\";\n.main-div {\n  width: 480px;\n}\n.bottom-div {\n  text-align: right;\n  vertical-align: middle;\n}\n.checkbox-div {\n  margin: 12px 0px;\n}\n.input-style {\n  margin: 5px 0px;\n}\n.img-container {\n  text-align: center;\n  img.existing-image {\n    margin: auto;\n    max-height: 180px;\n    border: 1px solid;\n  }\n}\n#dirty-state-dialog {\n  z-index: 20;\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!./ConfigureImage.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!./ConfigureImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfigureImage.vue?vue&type=template&id=cd8efce4&scoped=true&\"\nimport script from \"./ConfigureImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfigureImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfigureImage.vue?vue&type=style&index=0&id=cd8efce4&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  \"cd8efce4\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"vasion-calc-height vasion-white-background\">\n    <Loading\n      class=\"vasion-loading-indicator\"\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      :color=\"loaderColor\"\n      loader=\"dots\"\n    />\n    <div class=\"section-container\">\n      <div class=\"section-header md-layout\">\n        <div class=\"md-layout-item\">\n          <h1 class=\"vasion-page-title\">Image Library</h1>\n        </div>\n        <div class=\"md-layout-item vasion-flex-end\">\n          <VasionButton :classProp=\"'primary'\" @vasionButtonClicked=\"editImageClick()\">\n            New Image\n          </VasionButton>\n        </div>\n      </div>\n      <div v-if=\"imagesLoading\">\n        <!-- Show white space while waiting for data to load -->\n      </div>\n      <div\n        v-else-if=\"imageList && imageList.length > 0 && tableData.Columns\"\n        class=\"grid-div vasion-html-table-default\"\n      >\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=\"rowClickHandler\"\n        />\n      </div>\n      <div v-else>No images found.</div>\n    </div>\n\n    <VasionGeneralModal\n      id=\"configure-image-dialog\"\n      modalType=\"slot\"\n      :modalTitle=\"configureImageTitle\"\n      :sync=\"showConfigureImageDialog\"\n      :hideButtons=\"true\"\n      :showTopRightCloseButton=\"false\"\n      @noButtonClick=\"cancelConfigureImageClick\"\n    >\n      <ConfigureImage\n        :imageToModify=\"selectedImage\"\n        @on-image-saved=\"onImageSaved\"\n        @cancel-click=\"cancelConfigureImageClick\"\n      />\n    </VasionGeneralModal>\n\n    <md-dialog id=\"confirm-image-delete\" :md-active.sync=\"showDeleteDialog\" :md-click-outside-to-close=\"false\">\n      <VasionConfirmationDialog\n        :message=\"deletePromptMessage\"\n        @noButtonClick=\"toggleDeleteDialog()\"\n        @yesButtonClick=\"imageDeleteConfirmation()\"\n      />\n    </md-dialog>\n\n    <VasionSnackbar\n      id=\"image-library-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n<script>\nimport Loading from \"vue-loading-overlay\";\nimport { loaderColor } from \"@/assets/js/styleConfig\";\nimport ConfigureImage from \"@/components/systemSettings/ConfigureImage.vue\";\n\nexport default {\n  name: \"ImageLibrary\",\n  components: {\n    Loading,\n    ConfigureImage,\n  },\n  data: function () {\n    return {\n      columns: {\n        Values: [\"_ImageID_\", \"Name\", \"Thumbnail\", \"Apply Timestamp\", \"_VasionEllipsisButton_\"],\n        ValueType: \"String\",\n      },\n      hiddenColumns: [\"_ImageID_\"],\n      imageId: 0,\n      imageName: \"\",\n      imagesLoading: true,\n      isLoading: false,\n      loaderColor: loaderColor,\n      selectedImage: {},\n      showConfigureImageDialog: false,\n      showDeleteDialog: false,\n      showSnackbar: false,\n      snackbarImage: true,\n      snackbarSubTitle: \"\",\n      snackbarTitle: \"\",\n      sortTableAscending: true,\n      sortTableBy: \"Name\",\n      tableData: {},\n    };\n  },\n  computed: {\n    configureImageTitle() {\n      return Object.keys(this.selectedImage).length ? \"Edit Image\" : \"Create Image\";\n    },\n    deletePromptMessage() {\n      return `Are you sure you want to delete the \"${this.imageName}\" Image?`;\n    },\n    ellipsisButtonConfig() {\n      return this.$store.state.security.ellipsisButtonConfig;\n    },\n    imageList() {\n      return this.$store.state.document.annotationImageList;\n    },\n  },\n  async created() {\n    const promise1 = this.$store.dispatch(\"document/getAnnotationImageList\");\n    const promise2 = this.$store.dispatch(\"security/setEllipsisButtonConfig\", \"image-library\");\n    await Promise.all([promise1, promise2]);\n    this.imagesLoading = false;\n    await this.refreshTable();\n  },\n  methods: {\n    cancelConfigureImageClick() {\n      this.selectedImage = {};\n      this.showConfigureImageDialog = false;\n    },\n    deleteImageClick(image) {\n      this.imageId = image.id;\n      this.imageName = image.name;\n      this.toggleDeleteDialog();\n    },\n    editImageClick(image = {}) {\n      this.selectedImage = image;\n      this.showConfigureImageDialog = true;\n    },\n    ellipsisButtonClicked(payload) {\n      if (payload?.item?.Values[0]) {\n        const imageId = payload.item.Values[0];\n        const image = this.imageList.find((i) => i.id === imageId);\n\n        switch (payload.buttonId) {\n          case \"edit-image-button\":\n            this.editImageClick(image);\n            break;\n          case \"delete-image-button\":\n            this.deleteImageClick(image);\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    async imageDeleteConfirmation() {\n      this.toggleDeleteDialog();\n\n      if (this.imageId > 0) {\n        this.isLoading = true;\n        const response = await this.$store.dispatch(\"document/deleteAnnotationImage\", this.imageId);\n        if (response && response?.data?.Value === \"True\") {\n          await this.$store.dispatch(\"document/getAnnotationImageList\");\n          this.snackbarTitle = \"Image Delete Successful\";\n          this.snackbarSubTitle = `Deleted image: \"${this.imageName}\"`;\n          this.snackbarImage = true;\n          this.showSnackbar = true;\n          await this.refreshTable();\n        } else {\n          this.snackbarTitle = \"The image could not be deleted.\";\n          this.snackbarSubTitle = `Image: \"${this.imageName}\"`;\n          this.snackbarImage = false;\n          this.showSnackbar = true;\n        }\n      }\n\n      this.imageId = 0;\n      this.imageName = \"\";\n    },\n    async refreshTable() {\n      const data = {\n        dataList: this.imageList,\n        columns: this.columns,\n      };\n      this.tableData = await this.$store.dispatch(\"security/setImageTableData\", data);\n      this.isLoading = false;\n    },\n    rowClickHandler(data) {\n      if (!data || !data.Values || data.Values.length <= 0) return\n      const imageId = data.Values[0];\n      const image = this.imageList.find((i) => i.id === imageId);\n      this.editImageClick(image);\n    },\n    toggleDeleteDialog() {\n      this.showDeleteDialog = !this.showDeleteDialog;\n    },\n    async onImageSaved() {\n      this.showConfigureImageDialog = false;\n      this.isLoading = true;\n\n      this.showSnackbar = true;\n      this.snackbarImage = true;\n      this.snackbarTitle = \"Success\";\n      this.snackbarSubTitle = \"The image has been successfully saved.\";\n\n      await this.$store.dispatch(\"document/getAnnotationImageList\");\n\n      this.refreshTable();\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.section-container {\n  margin-left: 1rem;\n  margin-top: 1rem;\n  margin-right: 1rem;\n}\n.section-header {\n  min-height: 68px;\n}\n.grid-div {\n  height: calc(100vh - 140px);\n  overflow: auto;\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!./ImageLibrary.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!./ImageLibrary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageLibrary.vue?vue&type=template&id=0b8489e4&scoped=true&\"\nimport script from \"./ImageLibrary.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageLibrary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageLibrary.vue?vue&type=style&index=0&id=0b8489e4&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  \"0b8489e4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}