{"version":3,"sources":["webpack:///./src/views/Document/TheFieldValidationAdvancedView.vue?9888","webpack:///src/views/Document/TheFieldValidationAdvancedView.vue","webpack:///./src/views/Document/TheFieldValidationAdvancedView.vue?5dba","webpack:///./src/views/Document/TheFieldValidationAdvancedView.vue","webpack:///./src/views/Document/TheFieldValidationAdvancedView.vue?3a1a"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","staticClass","cancel","_v","selectedFilter","filterCards","isDirty","invalidFields","length","save","allObjects","doDirtyObjectCheck","scopedSlots","_u","key","fn","slotItem","_s","item","Name","model","value","callback","$$v","selectedObject","expression","ref","allFieldsInObject","DisplayName","selectedFieldsToHide","ObjectID","$set","closePreview","documentImageKey","documentID","currentPageNumber","viewerWidth","viewerHeight","fileDetails","aipZones","selectedAIP","backgroundImageLoaded","pageCount","goToPage","_e","class","isPreviewOpen","_l","fieldValidationData","document","index","hiddenColumnIDs","cardClicked","fieldClicked","markClean","markDirty","markFieldAsNotValid","markFieldAsValid","updateFieldValues","showLeaveDialog","clickedOutsideLeave","cancelLeave","doLeave","showSnackbar","snackbarImage","snackbarText","snackbarTitle","staticRenderFns","name","components","Loading","VasionAsynchronousConfirmDialog","DocumentImage","VasionFieldValidationCard","VasionZoomTool","beforeRouteLeave","next","data","values","selectedDocumentIndex","aipZoneDocumentRanges","fieldValues","folderView","localBackRoute","computed","objectsList","ListID","fieldsList","FieldID","FieldName","custViewID","documentIDs","folderID","watch","mounted","created","i","rangeTally","color","RECT_COLOR_R","RECT_COLOR_G","RECT_COLOR_B","RECT_COLOR_A","disableSave","fill","ZoneHeight","ZoneWidth","ZoneX","ZoneY","Page","UniqueID","methods","zoomWidth","path","message","res","sameDocument","origColumn","zoneX","zoneY","prevAIP","generateUniqueID","getDocumentDetails","testIsGuid","canPerformWFAction","version","workflowStepID","loadCurrentDocument","documentDetails","console","refreshFieldValidationData","payload","DocumentIdString","folderViewDetails","reloadDocument","DocumentId","FormId","FieldValues","Values","Key","Value","result","toggleLeaveDialog","component"],"mappings":"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CAlD,qBAAA,6GACAS,2BAAA,mKAEA0C,OACArE,0BAAA,WACA,gBACA,sBAEA,yGACA,kDACA,sBAGAsE,mBAAA,oJACA,0EADA,IAGAC,mBAAA,oKAEA,OADA,eACA,kGAEA,kKAGA,kFACA,kBACA5E,2CACAW,6CACAwD,WAIA,gEACA,yDACA,6DACA,8EACA,OACA,kEACA1D,0BACA6D,sBACAD,uBAIA,0CArBAQ,IAAA,gHAAAA,IAAA,uBAuBAC,IAAA,sHAEA,0CACA,+GAEA,+EACA,SACA,yCACA,gBACAC,GACAC,kBACAC,mBACAC,kBACAC,mBACAC,oBAEA,MACA,aACAL,GACAC,mBACAC,mBACAC,iBACAC,mBACAC,oBAEA,MACA,UACAL,GACAC,mBACAC,kBACAC,kBACAC,mBACAC,oBAEA,MACA,QACAL,GACAC,iBACAC,kBACAC,mBACAC,mBACAC,oBAEA,MAEA,wBACAC,OACAC,wBACAC,sBACAC,cACAC,cACAC,kBACAC,+CAEA,4CACAb,QACA,0CAvDAD,IAAA,sMAAAA,IAAA,wBAyDA,gEAEA,0DAzFA,IA2FAe,SACAtE,kCAAA,0KACA,oDACAuE,qEACA,uFAHA,IAKA5D,wBAAA,uJACAyB,UAAA,gDAGA,OAFA,mBACA,oCACA,8EACA,wCACA,+DANA,IAQA3E,kBAAA,oKACA,sDACA,gBAAA+G,wBAAA,0CAFA,IAIApD,uBACA,kBACA,0BAEAD,+BAAA,mBACA5B,wBAAA,oJACA,mCACA,4FAFA,IAIArB,8BAAA,8JACA,0BACA,mDACA,sBACAuG,yGACA,OAFA,OAAAC,SAAA,kBAGAA,GAAA,iCAEA,6CARA,IAUArD,mBAAA,oJACA,sBACA,gBAAAmD,sBAAA,0CAFA,IAIA5D,yBAAA,kKAYA,GAXA+D,KACA,4CACAA,KACA,yCACA,2EAEAC,kDAAA,6CACAC,UACAC,UAEAC,gBACA,8CACA,sDACA,yGAdA,IAiBAnH,wBAAA,oJACA,6DADA,IAGAoH,+BACA,sBAEAC,+BAAA,0KACAC,kBAAA,mDACA,0DAMA,OANAC,SACA,YACA,8DACA,iEACA,aACA,4DACA,kBACA,sEACA,kEACA,4DAAA1F,aAAA2F,mCAAA,iCAEA,iDAAA3F,aAAA4F,iDAAA,2CAbA,IAgBAnF,qBACA,iDACA,yBACA,kFAGAoF,gCAAA,4KACA,iDAAA7F,eAAA,OAAA8F,SACA,uDACA,yDACA,0FACA,gEALA,IAOA1E,qBACA,iBAEAC,qBACA,iBAEAE,6BAEAwE,wCAEAzE,gCAEAyE,2CAEAC,sCAAA,gKAKA,OAJAC,GACAC,0CACAhG,0BACAC,6BACA,SACA,8DAEA,GAFA,6BAEA,wBACA,mDACA,kFACA,kBACAlB,2CACAW,6CACAwD,WAIA,QAEA,uEACA,+EAAA+C,SACA,kFAEA,sEACA,kFAAAA,SACA,6FA1BA,IA6BAC,6BAAA,0JAEA,OADA,0EACA,uBACA,kCAAAzD,SAEA,gCACA,2DAIA,0BACA,aAEA,wEACA,wEAEA,oIACA,wGAEA,6BACA,8DAEA,sBAEA,4FAxBA,IA0BApE,gBAAA,4JAgBA,OAfA0H,mCACA,6BACA,OACAI,aACAC,iCACAC,aACAC,yCACA,OACAC,WACAC,uBAMA,kDACA,kEAAAC,UACAA,GAAA,gBAEA,OADA,aACA,4BAEA,sCACA,0BACA,qDACA,kBACA,2CAEA,wBACA,+DACA,kBACA,8DA/BA,IAkCAC,6BAAA,4CACApF,8BACA,6CACA,oCCllBuX,I,wBCQnXqF,EAAY,eACd,EACA3J,EACA+E,GACA,EACA,KACA,WACA,MAIa,aAAA4E,E,2CCnBf,W","file":"js/chunk-43b83fdf.1bb0e479.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_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('main',[_c('div',{staticClass:\"header-div\"},[_c('div',{staticClass:\"header-left\"},[_c('VasionButton',{attrs:{\"id\":\"back-button\",\"classProp\":\"text-transparent\",\"isFullWidth\":false},on:{\"vasionButtonClicked\":function($event){return _vm.cancel()}}},[_c('div',{staticClass:\"align-text-and-icon\"},[_c('VasionChevronLeft'),_c('span',{staticClass:\"back-button-text\"},[_vm._v(\"Back\")])],1)])],1),_c('div',{staticClass:\"header-right\"},[_c('span',{staticClass:\"filter-title\"},[_vm._v(\"Filter By\")]),_c('VasionButton',{attrs:{\"id\":\"highConfidence\",\"name\":\"btnHighConfidence\",\"classProp\":_vm.selectedFilter === 'high' ? 'text-transparent-selected' : 'text-transparent',\"ripple\":false},on:{\"vasionButtonClicked\":function($event){return _vm.filterCards('high')}}},[_vm._v(\" High Confidence \")]),_c('VasionButton',{attrs:{\"id\":\"medConfidence\",\"name\":\"btnMedConfidence\",\"classProp\":_vm.selectedFilter === 'medium' ? 'text-transparent-selected' : 'text-transparent',\"ripple\":false},on:{\"vasionButtonClicked\":function($event){return _vm.filterCards('medium')}}},[_vm._v(\" Med Confidence \")]),_c('VasionButton',{attrs:{\"id\":\"lowConfidence\",\"name\":\"btnLowConfidence\",\"classProp\":_vm.selectedFilter === 'low' ? 'text-transparent-selected' : 'text-transparent',\"ripple\":false},on:{\"vasionButtonClicked\":function($event){return _vm.filterCards('low')}}},[_vm._v(\" Low Confidence \")]),_c('VasionButton',{staticClass:\"clear-button\",attrs:{\"id\":\"clear\",\"name\":\"btnClear\",\"title\":\"Clear\",\"classProp\":\"text-transparent\",\"ripple\":false},on:{\"vasionButtonClicked\":function($event){return _vm.filterCards('none')}}},[_vm._v(\" Clear \")]),_c('VasionButton',{attrs:{\"id\":\"btnSave\",\"name\":\"btnSave\",\"title\":\"Save\",\"classProp\":\"primary\",\"isDisabled\":!_vm.isDirty || _vm.invalidFields.length > 0},on:{\"vasionButtonClicked\":function($event){return _vm.save()}}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"second-header-div\"},[_c('div',{staticClass:\"second-header-left\"},[_c('VasionDropList',{attrs:{\"type\":\"plain-list\",\"width\":'370',\"displayName\":\"Name\",\"valueName\":\"ObjectID\",\"title\":\"OBJECT\",\"dataArray\":_vm.allObjects,\"checkCanUpdate\":_vm.doDirtyObjectCheck},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.Name)+\" \")]}}]),model:{value:(_vm.selectedObject),callback:function ($$v) {_vm.selectedObject=$$v},expression:\"selectedObject\"}})],1),_c('div',{staticClass:\"second-header-right\"},[_c('VasionDropList',{ref:\"objectFieldsToHide\",attrs:{\"type\":\"check-list\",\"width\":'100%',\"displayName\":\"DisplayName\",\"valueName\":\"FieldID\",\"title\":\"OBJECT FIELDS TO HIDE\",\"dataArray\":_vm.allFieldsInObject},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.DisplayName)+\" \")]}}]),model:{value:(_vm.selectedFieldsToHide[_vm.selectedObject.ObjectID]),callback:function ($$v) {_vm.$set(_vm.selectedFieldsToHide, _vm.selectedObject.ObjectID, $$v)},expression:\"selectedFieldsToHide[selectedObject.ObjectID]\"}})],1)]),_c('div',{attrs:{\"id\":\"body-area\"}},[(_vm.isPreviewOpen)?_c('div',{staticClass:\"document-display\"},[_c('div',{staticClass:\"preview-header\"},[_c('div',{staticClass:\"preview-button\"},[_c('VasionButton',{attrs:{\"id\":\"back-button\",\"classProp\":\"text-transparent\",\"isFullWidth\":false},on:{\"vasionButtonClicked\":function($event){return _vm.closePreview()}}},[_c('div',{staticClass:\"align-text-and-icon\"},[_c('VasionChevronLeft'),_c('span',{staticClass:\"preview-button-text\"},[_vm._v(\"Preview\")])],1)])],1),_c('div',{staticClass:\"zoom-tool\"},[_c('VasionZoomTool')],1)]),_c('div',{staticClass:\"document-image\",attrs:{\"id\":\"document-image-div\"}},[_c('DocumentImage',{key:_vm.documentImageKey,ref:\"mainImage\",attrs:{\"documentID\":_vm.documentID,\"pageNumber\":_vm.currentPageNumber,\"width\":_vm.viewerWidth,\"height\":_vm.viewerHeight,\"fileDetail\":_vm.fileDetails,\"largeDefaultLoadSize\":true,\"includeProcessedAIPZones\":true,\"context\":'AnnotationsAndAIPZones',\"aipZones\":_vm.aipZones,\"disableMoveAndSaveAnnotations\":true,\"selectedAIP\":_vm.selectedAIP},on:{\"backgroundImageLoaded\":_vm.backgroundImageLoaded}})],1),_c('div',{staticClass:\"preview-footer\"},[_c('VasionPager',{attrs:{\"currentPageNumber\":_vm.currentPageNumber,\"showPageSize\":false,\"totalPages\":_vm.pageCount},on:{\"pageChanged\":_vm.goToPage}})],1)]):_vm._e(),_c('div',{staticClass:\"field-validation-side\",class:{'full-width' : !_vm.isPreviewOpen}},_vm._l((_vm.fieldValidationData.Documents),function(document,index){return _c('VasionFieldValidationCard',{key:index,attrs:{\"cardData\":document,\"filter\":_vm.selectedFilter,\"hiddenColumnIDs\":_vm.hiddenColumnIDs,\"selectedObjectID\":_vm.selectedObject.ObjectID},on:{\"cardClicked\":_vm.cardClicked,\"fieldClicked\":_vm.fieldClicked,\"markClean\":_vm.markClean,\"markDirty\":_vm.markDirty,\"markFieldAsNotValid\":_vm.markFieldAsNotValid,\"markFieldAsValid\":_vm.markFieldAsValid,\"updateFieldValues\":_vm.updateFieldValues}})}),1)])]),_c('md-dialog',{attrs:{\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event},\"md-clicked-outside\":function($event){return _vm.clickedOutsideLeave()}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to leave? Changes have not been saved.\"},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1),_c('VasionSnackbar',{attrs:{\"id\":\"results-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarText,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}}),_c('VasionAsynchronousConfirmDialog',{ref:\"confirm\",attrs:{\"confirmText\":\"Yes\",\"cancelText\":\"No\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Loading\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      :color=\"loaderColor\"\n      loader=\"dots\"\n      :background-color=\"loaderBackgroundColor\"\n    />\n    <main>\n      <div class=\"header-div\">\n        <div class=\"header-left\">\n          <VasionButton\n            id=\"back-button\"\n            classProp=\"text-transparent\"\n            :isFullWidth=\"false\"\n            @vasionButtonClicked=\"cancel()\"        >\n              <div class=\"align-text-and-icon\">\n                <VasionChevronLeft />\n                <span class=\"back-button-text\">Back</span>\n              </div>\n          </VasionButton>\n        </div>\n        <div class=\"header-right\">\n          <span class=\"filter-title\">Filter By</span>\n          <VasionButton\n            id=\"highConfidence\"\n            name=\"btnHighConfidence\"\n            :classProp=\"selectedFilter === 'high' ? 'text-transparent-selected' : 'text-transparent'\"\n            :ripple=\"false\"\n            @vasionButtonClicked=\"filterCards('high')\"\n          >\n            High Confidence\n          </VasionButton>\n          <VasionButton\n            id=\"medConfidence\"\n            name=\"btnMedConfidence\"\n            :classProp=\"selectedFilter === 'medium' ? 'text-transparent-selected' : 'text-transparent'\"\n            :ripple=\"false\"\n            @vasionButtonClicked=\"filterCards('medium')\"\n          >\n            Med Confidence\n          </VasionButton>\n          <VasionButton\n            id=\"lowConfidence\"\n            name=\"btnLowConfidence\"\n            :classProp=\"selectedFilter === 'low' ? 'text-transparent-selected' : 'text-transparent'\"\n            :ripple=\"false\"\n          @vasionButtonClicked=\"filterCards('low')\"\n          >\n            Low Confidence\n          </VasionButton>\n          <VasionButton\n            id=\"clear\"\n            name=\"btnClear\"\n            title=\"Clear\"\n            classProp=\"text-transparent\"\n            :ripple=\"false\"\n            class=\"clear-button\"\n            @vasionButtonClicked=\"filterCards('none')\"\n          >\n            Clear\n          </VasionButton>\n          <VasionButton\n            id=\"btnSave\"\n            name=\"btnSave\"\n            title=\"Save\"\n            classProp=\"primary\"\n            :isDisabled=\"!isDirty || invalidFields.length > 0\"\n            @vasionButtonClicked=\"save()\"\n          >\n            Save\n          </VasionButton>\n        </div>\n      </div>\n      <div class=\"second-header-div\">\n        <div class=\"second-header-left\">\n          <VasionDropList\n            v-slot=\"slotItem\"\n            v-model=\"selectedObject\"\n            type=\"plain-list\"\n            :width=\"'370'\"\n            displayName=\"Name\"\n            valueName=\"ObjectID\"\n            title=\"OBJECT\"\n            :dataArray=\"allObjects\"\n            :checkCanUpdate=\"doDirtyObjectCheck\"\n          >\n            {{ slotItem.item.Name }}\n          </VasionDropList>\n        </div>\n        <div class=\"second-header-right\">\n          <VasionDropList\n            v-slot=\"slotItem\"\n            v-model=\"selectedFieldsToHide[selectedObject.ObjectID]\"\n            ref=\"objectFieldsToHide\"\n            type=\"check-list\"\n            :width=\"'100%'\"\n            displayName=\"DisplayName\"\n            valueName=\"FieldID\"\n            title=\"OBJECT FIELDS TO HIDE\"\n            :dataArray=\"allFieldsInObject\"\n          >\n            {{ slotItem.item.DisplayName }}\n          </VasionDropList>\n        </div>\n      </div>\n      <div id=\"body-area\">\n        <div class=\"document-display\" v-if=\"isPreviewOpen\">\n          <div class=\"preview-header\">\n            <div class=\"preview-button\">\n              <VasionButton\n                id=\"back-button\"\n                classProp=\"text-transparent\"\n                :isFullWidth=\"false\"\n                @vasionButtonClicked=\"closePreview()\">\n                <div class=\"align-text-and-icon\">\n                  <VasionChevronLeft />\n                  <span class=\"preview-button-text\">Preview</span>\n                </div>\n              </VasionButton>\n            </div>\n            <div class=\"zoom-tool\">\n              <VasionZoomTool />\n            </div>\n          </div>\n          <div id=\"document-image-div\" class=\"document-image\">\n            <DocumentImage\n              ref=\"mainImage\"\n              :documentID=\"documentID\"\n              :key=\"documentImageKey\"\n              :pageNumber=\"currentPageNumber\"\n              :width=\"viewerWidth\"\n              :height=\"viewerHeight\"\n              :fileDetail=\"fileDetails\"\n              :largeDefaultLoadSize=\"true\"\n              :includeProcessedAIPZones=\"true\"\n              :context=\"'AnnotationsAndAIPZones'\"\n              :aipZones=\"aipZones\"\n              :disableMoveAndSaveAnnotations=\"true\"\n              :selectedAIP=\"selectedAIP\"\n              @backgroundImageLoaded=\"backgroundImageLoaded\"\n            />\n          </div>\n          <div class=\"preview-footer\">\n            <VasionPager\n              :currentPageNumber=\"currentPageNumber\"\n              :showPageSize=\"false\"\n              :totalPages=\"pageCount\"\n              @pageChanged=\"goToPage\"\n            />\n          </div>\n        </div>\n        <div class=\"field-validation-side\" :class=\"{'full-width' : !isPreviewOpen}\">\n          <VasionFieldValidationCard\n            v-for=\"(document, index) in fieldValidationData.Documents\"\n            :key=\"index\"\n            :cardData=\"document\"\n            :filter=\"selectedFilter\"\n            :hiddenColumnIDs=\"hiddenColumnIDs\"\n            :selectedObjectID=\"selectedObject.ObjectID\"\n            @cardClicked=\"cardClicked\"\n            @fieldClicked=\"fieldClicked\"\n            @markClean=\"markClean\"\n            @markDirty=\"markDirty\"\n            @markFieldAsNotValid=\"markFieldAsNotValid\"\n            @markFieldAsValid=\"markFieldAsValid\"\n            @updateFieldValues=\"updateFieldValues\"\n          />\n        </div>\n      </div>\n    </main>\n    <md-dialog :md-active.sync=\"showLeaveDialog\" @md-clicked-outside=\"clickedOutsideLeave()\">\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to leave? Changes have not been saved.\"\n        @noButtonClick=\"cancelLeave()\"\n        @yesButtonClick=\"doLeave()\"\n      />\n    </md-dialog>\n\n    <VasionSnackbar\n      id=\"results-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarText\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n    <VasionAsynchronousConfirmDialog ref=\"confirm\" confirmText=\"Yes\" cancelText=\"No\" />\n  </div>\n</template>\n\n<script>\nimport VasionAsynchronousConfirmDialog from '@/components/shared/VasionAsynchronousConfirmDialog.vue'\nimport VasionFieldValidationCard from '@/components/shared/VasionFieldValidationCard.vue';\nimport Loading from 'vue-loading-overlay';\nimport { testIsGuid } from '@/store/helperModules/common.module'\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport DocumentImage from '@/components/document/DocumentImage.vue';\nimport VasionZoomTool from '@/components/shared/VasionZoomTool.vue';\nimport { getMeanConfidenceColor } from '@/enums/objectFieldMeanConfidenceLevels.js'\n\n// Import stylesheet\nimport 'vue-loading-overlay/dist/vue-loading.css';\n\nexport default {\n  name: 'TheFieldValidationAdvancedView',\n  components: {\n    Loading,\n    VasionAsynchronousConfirmDialog,\n    DocumentImage,\n    VasionFieldValidationCard,\n    VasionZoomTool\n  },\n  beforeRouteLeave(to, from, next) {\n    if (this.isDirty && !this.routeTo) {\n      this.routeTo = to\n      this.toggleLeaveDialog()\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  data: function() {\n    return {\n      aipZones: {\n        values: [],\n        selectedDocumentIndex: -1,\n        aipZoneDocumentRanges: {},\n      },\n      currentPageNumber: 1,\n      document: {},\n      documentImageKey: 0,\n      fieldValidationData: {},\n      fieldValues: [],\n      fileDetails: {},\n      folderView: null,\n      invalidFields: [],\n      isDirty: false,\n      isLoading: true,\n      isPreviewOpen: true,\n      loaderBackgroundColor,\n      loaderColor,\n      localBackRoute: '',\n      selectedFieldsToHide: [],\n      selectedObject: { ObjectID: 0 },\n      selectedFilter: 'none',\n      selectedAIP: '',\n      showLeaveDialog: false,\n      showSnackbar: false,\n      snackbarImage: false,\n      snackbarText: '',\n      snackbarTitle: '',\n      viewerHeight: 771,\n      viewerWidth: 400,\n    }\n  },\n  computed: {\n    allObjects() {\n      let objectsList = []\n      if (this?.fieldValidationData?.Objects) {\n        for (let i = 0; i < this.fieldValidationData.Objects.length; i++) {\n          objectsList.push({\n            Name: this.fieldValidationData.Objects[i].Name,\n            ObjectID: this.fieldValidationData.Objects[i].ID,\n            ListID: i,\n          })\n        }\n      }\n      return objectsList\n    },\n    allFieldsInObject() {\n      let fieldsList = []\n      if (this?.fieldValidationData?.Objects && this?.selectedObject?.ListID >= 0) {\n        for (let i = 0; i < this.fieldValidationData.Objects[this.selectedObject.ListID].Fields.length; i++){\n          fieldsList.push({\n            DisplayName: this.fieldValidationData.Objects[this.selectedObject.ListID].Fields[i].DisplayName,\n            FieldID: this.fieldValidationData.Objects[this.selectedObject.ListID].Fields[i].FieldID,\n            ListID: i,\n            FieldName: this.fieldValidationData.Objects[this.selectedObject.ListID].Fields[i].FieldName,\n          })\n        }\n      }\n      return fieldsList\n    },\n    custViewID() { return this.$attrs.custViewID },\n    documentID() { return this.$attrs.documentID },\n    documentIDs() { return this.$attrs.documentIDs },\n    folderID() { return this.$attrs.folderID },\n    pageCount() { return this.document?.FileDetail?.PageCount },\n    hiddenColumnIDs() { return (this.selectedFieldsToHide[this.selectedObject.ObjectID]) ? this.selectedFieldsToHide[this.selectedObject.ObjectID].map(element => element.FieldName) : [] },\n  },\n  watch: {\n    selectedObject: function () {\n      this.isDirty = false\n      this.invalidFields = []\n\n      const firstDocumentForObject = this.fieldValidationData.Documents.find(d => d.FormId == this.selectedObject.ObjectID)\n      this.$store.dispatch('document/setCardClicked', firstDocumentForObject)\n      this.cardClicked(firstDocumentForObject)\n    },\n  },\n  async mounted() {\n    this.$root.confirm = this.$refs.confirm;\n  },\n  async created() {\n    this.isLoading = true\n    this.localBackRoute = !this.$store.state.document.backRoute ? '/' : this.$store.state.document.backRoute\n\n    await this.refreshFieldValidationData()\n\n    for (let i = 0; i < this.fieldValidationData.Objects.length; i++) {\n      if (this.fieldValidationData.Documents[0].FormId === this.fieldValidationData.Objects[i].ID){\n        this.selectedObject = {\n          Name: this.fieldValidationData.Objects[i].Name,\n          ObjectID: this.fieldValidationData.Objects[i].ID,\n          ListID: 0,\n        }\n      }\n\n      this.selectedFieldsToHide[this.fieldValidationData.Objects[i].ID] = []\n      if (this.folderView?.length >= 0) {\n        this.fieldValidationData.Objects[i].Fields.forEach(f => {\n          const showField = this.folderView.find(sf => sf.fieldName === f.FieldName)\n          if (showField === undefined) {\n            this.selectedFieldsToHide[this.fieldValidationData.Objects[i].ID].push({\n              DisplayName: f.DisplayName,\n              FieldName: f.FieldName,\n              FieldID: f.FieldID\n            })\n          }\n        })\n      }\n    }\n    let rangeTally = 0\n    for (let i = 0; i < this.fieldValidationData.Documents.length; i++) {\n      this.aipZones.aipZoneDocumentRanges[i] = []\n      if (!this.fieldValidationData.Documents[i].IndexFormFields)\n        continue\n      this.fieldValidationData.Documents[i].IndexFormFields.Values.forEach((f) => {\n        let color = {}\n        switch(getMeanConfidenceColor(f.MeanConfidence)){\n          case (\"LawnGreen\"):\n            color = {\n              RECT_COLOR_R: \"42\",\n              RECT_COLOR_G: \"200\",\n              RECT_COLOR_B: \"20\",\n              RECT_COLOR_A: \"100\",\n              disableSave: \"True\",\n            }\n            break\n          case (\"Yellow\"):\n            color = {\n              RECT_COLOR_R: \"254\",\n              RECT_COLOR_G: \"172\",\n              RECT_COLOR_B: \"5\",\n              RECT_COLOR_A: \"100\",\n              disableSave: \"True\",\n            }\n            break\n          case (\"Red\"):\n            color = {\n              RECT_COLOR_R: \"254\",\n              RECT_COLOR_G: \"20\",\n              RECT_COLOR_B: \"20\",\n              RECT_COLOR_A: \"100\",\n              disableSave: \"True\",\n            }\n            break\n          default:\n            color = {\n              RECT_COLOR_R: \"4\",\n              RECT_COLOR_G: \"20\",\n              RECT_COLOR_B: \"200\",\n              RECT_COLOR_A: \"100\",\n              disableSave: \"True\",\n            }\n            break\n        }\n        this.aipZones.values.push({\n          fill: color,\n          ZoneHeight: f.ZoneHeight,\n          ZoneWidth: f.ZoneWidth,\n          ZoneX: f.ZoneX,\n          ZoneY: f.ZoneY,\n          Page: f.PageNumber,\n          UniqueID: this.generateUniqueID(f.ZoneX, f.ZoneY),\n        })\n        this.aipZones.aipZoneDocumentRanges[i].push(rangeTally)\n        rangeTally += 1\n      })\n    }\n    this.fieldValues = new Array(this.fieldValidationData.Documents.length)\n\n    this.isLoading = false\n  },\n  methods: {\n    async backgroundImageLoaded(width){ \n      await this.$store.dispatch('document/resetZoomValue')\n      const zoomWidth = document.getElementById('document-image-div').offsetWidth / (width + 1550)\n      this.$store.dispatch('document/setZoomValue', zoomWidth)\n    },\n    async cardClicked(data) {\n      if (data === null) return\n      this.isPreviewOpen = true\n      this.loadCurrentDocument(data.DocumentId)\n      this.aipZones.selectedDocumentIndex = this.documentIDs.indexOf(data.DocumentId)\n      await this.reloadDocument(data.DocumentId, 1)\n      this.documentImageKey++\n    },\n    async cancel() {\n      await this.$store.dispatch('document/setBackRoute', '/')\n      this.$router.push({ path: this.localBackRoute })\n    },\n    cancelLeave() {\n      this.routeTo = null\n      this.toggleLeaveDialog()\n    },\n    clickedOutsideLeave() { this.routeTo = null },\n    async closePreview() {\n      this.isPreviewOpen = false\n      await this.$store.dispatch('document/setCardClicked', null)\n    },\n    async doDirtyObjectCheck() {\n      if (this.isDirty) {\n        this.$refs.objectFieldsToHide.open = false\n        let res = await this.$root.confirm.open({\n          message: 'Are you sure you want to change the view? Changes have not been saved to the current object.',\n        })\n        return res\n      }\n      return true\n    },\n    async doLeave() {\n      this.toggleLeaveDialog()\n      this.$router.push({ path: this.routeTo.path })\n    },\n    async fieldClicked(data) {\n      let sameDocument = true\n      if (this.document.DocumentId !== data.card.DocumentId) {\n        sameDocument = false\n        this.loadCurrentDocument(data.card.DocumentId)\n        this.aipZones.selectedDocumentIndex = this.documentIDs.indexOf(data.card.DocumentId)\n      }\n      const origColumn = data.card.IndexFormFields.Values.find(c => c.FieldName === data.clickedField.value)\n      let zoneX = origColumn.ZoneX\n      let zoneY = origColumn.ZoneY\n\n      const prevAIP = this.selectedAIP\n      this.selectedAIP = !zoneX || !zoneY ? '' : this.generateUniqueID(zoneX, zoneY)\n      if (!sameDocument || prevAIP != this.selectedAIP) {\n        await this.reloadDocument(data.card.DocumentId, data.clickedField.pageNumber)\n      }\n    },\n    async filterCards(filter) {\n      this.selectedFilter = filter\n    },\n    generateUniqueID(zoneX, zoneY) {\n      return \"AIP Zone\" + zoneX + zoneY\n    },\n    async getDocumentDetails(documentId) {\n      if (await testIsGuid(documentId)) {\n        const canPerformWFAction = await this.$store.dispatch('workflow/canPerformWFAction', documentId)\n        if (canPerformWFAction === 'True') {\n          this.$store.dispatch('mainViews/changeActiveSubApp', 'workspace')\n          this.$store.dispatch('mainViews/changeMainNav', 'my-tasks-pending')\n        } else if (canPerformWFAction === 'False') {\n          this.$store.dispatch('mainViews/changeActiveSubApp', 'storage')\n        }\n        return this.$store.dispatch('document/getDocumentDetailsByGuid', documentId)\n      } else if (this.$route.params.version) {\n        return this.$store.dispatch('document/getDocumentDetailsWithVersion', { documentID: documentId, version: this.$route.params.version })\n      } else {\n        return this.$store.dispatch('document/getDocumentDetails', { documentID: documentId, workflowStepID: this.$route.params.workflowStepId })\n      }\n    },\n    goToPage(pageNumber) {\n      if (typeof pageNumber !== 'undefined' && pageNumber > 0 && pageNumber <= this.pageCount) {\n        this.currentPageNumber = pageNumber\n        this.$store.dispatch('document/uploadedPagesPageNumber', this.currentPageNumber)\n      }\n    },    \n    async loadCurrentDocument(documentId) {\n        const documentDetails = await this.$store.dispatch('document/getDocumentDetails', { documentID: documentId })\n        this.fileDetails = documentDetails?.FileDetail\n        this.documentName = documentDetails?.DisplayName\n        this.totalPages = documentDetails?.FileDetail?.PageCount\n        this.isDocumentLoaded = true\n      },\n    markClean() {\n      this.isDirty = false\n    },\n    markDirty() {\n      this.isDirty = true\n    },\n    markFieldAsValid(data) {\n      // Remove the following line in the final integration\n      console.log(\"markFieldAsValid data\", data);\n    },\n    markFieldAsNotValid(data) {\n      // Remove the following line in the final integration\n      console.log(\"markFieldAsNotValid data\", data);\n    },\n    async refreshFieldValidationData() {\n      let payload = {\n        DocumentIdString: this.documentIDs.toString(),\n        viewerWidth: this.viewerWidth,\n        viewerHeight: this.viewerHeight,\n      }\n      this.fieldValidationData = await this.$store.dispatch('document/getFieldValidationData', payload)\n\n      if (this.selectedObject === null) {\n        for (let i = 0; i < this.fieldValidationData.Objects.length; i++) {\n          if (this.fieldValidationData.Documents[0].FormId === this.fieldValidationData.Objects[i].ID){\n            this.selectedObject = {\n              Name: this.fieldValidationData.Objects[i].Name,\n              ObjectID: this.fieldValidationData.Objects[i].ID,\n              ListID: 0,\n            }\n          }\n        }\n      }\n\n      if (this.custViewID !== undefined && this.folderView === null) {\n        const folderViewDetails = await this.$store.dispatch('admin/getCustomFolderViewDetailsForID', this.custViewID)\n        this.folderView = folderViewDetails?.fields\n      }\n      else if (this.folderID !== undefined && this.folderView === null) {\n        const folderViewDetails = await this.$store.dispatch('admin/getCustomFolderViewDetailsForFolder', this.folderID)\n        this.folderView = folderViewDetails?.fields\n      }\n    },\n    async reloadDocument(documentID, pageNumber) {\n      this.$store.dispatch('document/uploadedPagesPageNumber', this.currentPageNumber)\n      this.document = {}\n      let data = await this.getDocumentDetails(documentID)\n\n      if (!data || !data.DocumentId) {\n        this.errorLoadingDocument = true\n        return\n      }\n\n      this.errorLoadingDocument = false\n      this.document = data\n\n      this.$store.dispatch('document/getDocumentVersions', this.document.DocumentId)\n      this.$store.dispatch('document/getDocumentPriority', this.document.DocumentId)\n\n      this.$store.dispatch('document/setPendingSignatureAnnotationIDsForCurrentUser', this.document.pendingSignatureAnnotationIDsForCurrentUser)\n      this.$store.dispatch('document/setPendingSignatureDocumentZones', this.document.pendingSignatureDocumentZones)\n\n      if (this.$route.params.startingPage) {\n        this.currentPageNumber = parseInt(this.$route.params.startingPage, 10)\n      } else {\n        this.currentPageNumber = pageNumber\n      }\n      this.$store.dispatch('document/addOneToRefreshKey')\n    },\n    async save() {\n      const payload = this.documentIDs.map((id, index) => {\n        if (this.fieldValues[index] !== undefined) {\n          return {\n            DocumentId: id,\n            FormId: this.selectedObject.ObjectID,\n            FieldValues: {\n              Values: this.fieldValues[index].map(f => {\n                return {\n                  Key: f.name,\n                  Value: f.value,\n                }\n              })\n            }\n          }\n        }\n      }).filter(i => i !== undefined)\n      const result = await this.$store.dispatch('document/saveFieldValidationData', payload)\n      if (result) {\n        this.isDirty = false\n        this.invalidFields = []\n\n        await this.refreshFieldValidationData()\n        this.snackbarTitle = 'SUCCESS'\n        this.snackbarText = 'Document fields saved successfully!'\n        this.showSnackbar = true\n        this.snackbarImage = true\n      } else {\n        this.snackbarTitle = 'ERROR'\n        this.snackbarText = 'There was an error saving the database fields'\n        this.showSnackbar = true\n        this.snackbarImage = false\n      } \n    },\n    toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n    updateFieldValues(data) {\n      const documentIndex = this.documentIDs.indexOf(data.DocumentId)\n      this.fieldValues[documentIndex] = data.newFields\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  main {\n    width: 100%;\n    height: calc(100vh - 56px);\n  }\n\n  .header-div {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: $grey-65;\n\n    ::v-deep .vasion-button {\n      background-color: $grey-65 !important;\n    }\n \n    ::v-deep .md-button-content {\n      text-transform: none !important;\n    }\n\n    .align-text-and-icon {\n      padding-right: 10px;\n    }\n\n    .back-button-text {\n      color: black !important;\n      font-weight: 600;\n      display: block;\n      float: right;\n      padding-top: 8px;\n    }\n\n    .header-left {\n      font-size: 10px;\n      margin-bottom: 6px;\n    }\n\n    .header-right {\n      padding-right: 10px;\n\n      .filter-title {\n        display: block;\n        float: left;\n        margin-top: 14px;\n        font-family: Archivo;\n        font-size: 12px;\n      }\n\n      ::v-deep .clear-button .md-button {\n        .md-button-content {\n          font-size: 12px !important;\n          color: $black;      \n        }\n      }\n\n      ::v-deep .clear-button .md-button:hover, .md-button:focus {\n         background-color: transparent !important;      \n \n         .md-button-content {\n            color: $black !important;      \n         }\n      }\n    }\n  }\n\n  .second-header-div {\n    display: flex;\n    padding-top: 10px;\n    background-color: $grey-35;\n \n    .second-header-left {\n      flex-grow: 0;\n      font-size: 10px;\n      padding-left: 10px;\n      margin-right: 20px;\n    }\n\n    .second-header-right {\n      flex-grow: 1;\n      padding-right: 20px;\n\n      ::v-deep .multi-droplist-container {\n        background-color: $white !important;\n        height: 42px;\n        max-height: 42px;\n        overflow: auto;   \n        \n        .droplist-tab {\n          padding: 0px 5px;\n        }\n      }\n    }\n  }\n\n  .toolbar-div {\n    border-bottom: solid 1px $divider-light-grey;\n    display: flex;\n    flex-wrap: wrap;\n    padding-bottom: 3px;\n    padding-right: 100px;\n  }\n\n  #body-area {\n    display: flex;\n    background: $grey-35;\n\n    .document-display {\n      position: relative;\n      margin: 10px;\n      overflow: hidden;\n      height: calc(100vh - 200px);\n      text-align: center;\n      background: $white;\n      width: 33%;\n      max-width: 50%;\n      border-right: solid 1px $divider-light-grey;\n\n      .preview-header {\n        margin-top: 12px;\n\n        .preview-button {\n          display: block;\n          float: left;\n        }\n\n        .zoom-tool {\n          display: block;\n          float: right;\n          margin-right: 10px;\n        }\n\n        .align-text-and-icon {\n           padding-right: 10px;\n           padding-bottom: 10px;\n        }\n\n        .preview-button-text {\n          text-transform: none !important;\n          color: black !important;\n          font-weight: 600;\n          display: block;\n          float: right;\n          padding-top: 6px;\n          font-size: 18px;\n       }        \n      }\n\n      .document-image {\n        margin-top: 60px;\n        height: calc(100vh - 326px);\n        overflow: auto;\n      }\n\n      .preview-footer {\n        width: 260px;\n        position: absolute;\n        left: 50%;\n        bottom: 15px;\n        -webkit-transform: translateX(-50%);\n        transform: translateX(-50%)\n      }\n    }\n\n    .field-validation-side {\n      margin: 10px 20px 0px 10px;\n      width: 66%;\n      max-width: 100%;\n      max-height: calc(100vh - 200px);\n      overflow-y: auto;\n      padding: 0px 12px;\n      \n      .field-validation-title {\n        font-size: 20px;\n        font-family: Archivo;\n      }\n\n      .editable-table {\n        overflow-x: scroll;\n        height: calc(100vh - 386px);\n      }\n    }\n\n    .full-width {\n      width: 100% !important;\n    }\n\n    .pad-bottom {\n      padding-bottom: 20px;\n    }\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!./TheFieldValidationAdvancedView.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!./TheFieldValidationAdvancedView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheFieldValidationAdvancedView.vue?vue&type=template&id=14673dc2&scoped=true&\"\nimport script from \"./TheFieldValidationAdvancedView.vue?vue&type=script&lang=js&\"\nexport * from \"./TheFieldValidationAdvancedView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheFieldValidationAdvancedView.vue?vue&type=style&index=0&id=14673dc2&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  \"14673dc2\",\n  null\n  \n)\n\nexport default component.exports","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!./TheFieldValidationAdvancedView.vue?vue&type=style&index=0&id=14673dc2&prod&lang=scss&scoped=true&\""],"sourceRoot":""}