{"version":3,"sources":["webpack:///./src/views/Document/TheFieldValidationView.vue?fbe9","webpack:///./src/views/Document/TheFieldValidationView.vue?75c5","webpack:///src/views/Document/TheFieldValidationView.vue","webpack:///./src/views/Document/TheFieldValidationView.vue?ae62","webpack:///./src/views/Document/TheFieldValidationView.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","staticClass","staticStyle","_v","_s","document","DisplayName","cancel","isDirty","invalidFields","length","save","currentPageNumber","pageCount","goToPage","ref","documentID","viewerWidth","viewerHeight","FileDetail","aipZones","selectedAIP","mainImageLoaded","setZoom","allObjects","doDirtyObjectCheck","scopedSlots","_u","key","fn","slotItem","item","Name","model","value","callback","$$v","selectedObject","expression","allFieldsInObject","createTable","selectedFieldsToHide","ObjectID","$set","headerColumns","tableRows","rowCellClicked","cellValueChanged","tableNotValid","tableValid","_e","showLeaveDialog","clickedOutsideLeave","cancelLeave","doLeave","showSnackbar","snackbarImage","snackbarText","snackbarTitle","staticRenderFns","name","components","Loading","VasionZoomTool","DocumentImage","VasionAsynchronousConfirmDialog","beforeRouteLeave","next","data","values","selectedDocumentIndex","aipZoneDocumentRanges","firstTimeImageLoad","fieldValidationData","folderView","localBackRoute","selectedRowIndex","computed","objectsList","ListID","fieldsList","FieldID","custViewID","documentIDs","folderID","hiddenColumnIDs","previousPathIsDocViewer","zoomValue","watch","mounted","created","FieldName","i","rangeTally","color","RECT_COLOR_R","RECT_COLOR_G","RECT_COLOR_B","RECT_COLOR_A","disableSave","fill","ZoneHeight","ZoneWidth","ZoneX","ZoneY","Page","UniqueID","methods","path","columnIndex","rowCellData","fvCellData","rowData","rowChanged","fieldIndex","origColumn","zoneX","zoneY","prevAIP","title","sortable","type","index","id","docRef","originalRowIndex","Cells","cellData","canEdit","Object","dropdownValues","dropdownSelectedValues","field","row","backgroundColor","fieldName","hoverText","meanConfidence","subType","valueToSave","firstRow","message","res","generateUniqueID","getDocumentDetails","testIsGuid","canPerformWFAction","version","workflowStepID","refreshFieldValidationData","payload","DocumentIdString","folderViewDetails","reloadDocument","DocumentId","FormId","FieldValues","Values","Key","Value","result","tempZoomValue","toggleLeaveDialog","component"],"mappings":"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AC,2BAAA,oGACAxE,qBAAA,6GACAyE,mCAAA,kCACAC,qBAAA,8CAEAC,OACAnD,0BACA,gBACA,sBACA,qBAGAoD,mBAAA,oJACA,0EADA,IAGAC,mBAAA,kKAEA,OADA,eACA,kGAEA,kKAGA,kFACA,kBACA1D,2CACAU,6CACAqC,WAIA,gEACA,yDACA,6DACA,8EACA,OACA,kEACAzE,0BACAqF,sBACAV,uBAIA,0CArBAW,IAAA,gHAAAA,IAAA,uBAuBAC,IAAA,sHAEA,uCACA,+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,0CArDAD,IAAA,qHAAAA,IAAA,wBAwDA,0DAtFA,IAwFAe,SACApG,kBAAA,wJACA,0DACA,yEAGA,sDACA,gBAAAqG,wBAAA,0CANA,IAQAvD,uBACA,kBACA,0BAEAN,6BAAA,gBAAA8D,gBACA,gBAEA,iBACAC,aAEA,kCACA,qCACAC,aACA,wDACA,mCACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,QACAD,yBACAC,uBACAA,yBACA,MACA,OACAD,iCAAA,2BAEA,2BACAC,6BAEAA,mDAAA,iBACAA,iCAAA,2BACA,MACA,OACAD,iCACAC,0BACAA,yBACA,MAIA,QACA,QAGAjE,2BAAA,wKAQA,GARAkE,4BACAC,yCACA,sCACA,oDAGAC,IAEAA,MACAA,OAAA,oBACAD,mBAAA,gBACA,kCACA,iEAUA,GALAE,2BACAC,2CACAC,2CAEAC,gBACA,+CACAL,qBAAA,iCACA,kEAxBA,IA2BA7D,+BAAA,mBACAZ,uBAAA,WACA,qBAAA+E,aAAAC,YAAAC,QAAAC,WACA,kBAEA,IADA,SACA,oDACA,gFAUA,IATA,OACAC,oDACAC,6CACAC,mBACAC,QACAC,2DACAC,cAEA,cAGA,+JACA,sMACA,+DACA,GACA,sBAAAT,oBAAAC,YAAAC,eAAAC,UAGA,SACA,6EACAO,sDAKA,OAJAC,QACAtE,gCACA1B,mBAEA,KAKA,SACA,sGACAiG,mDACA,OACAvE,OACA1B,0CAGA,aAEA,+BACAiG,SAIA,gBACAC,4BAGA,6EAEAC,cACAC,iDACAN,wBACAD,qCACAG,iBACAK,sBACAC,uCACAhI,qFACAiI,gCACAC,kEACAC,qEApDA,mFA8DA,wCACAC,OAIAnH,8BAAA,8JACA,0BACA,mDACA,sBACAoH,yGACA,OAFA,OAAAC,SAAA,kBAGAA,GAAA,iCAEA,6CARA,IAUAxF,mBAAA,oJACA,sBACA,gBAAAsD,sBAAA,0CAFA,IAIAmC,+BACA,sBAEAC,+BAAA,0KACAC,kBAAA,mDACA,0DAMA,OANAC,SACA,YACA,8DACA,iEACA,aACA,4DACA,kBACA,sEACA,kEACA,4DAAAlI,aAAAmI,mCAAA,iCAEA,iDAAAnI,aAAAoI,iDAAA,2CAbA,IAgBAtI,qBACA,iDACA,yBACA,kFAGAQ,4BACA,yDACA,sDAEA,wBACA,mCACA,oBAGA,wDACA,2BACA,2BAGA+H,sCAAA,gKAKA,OAJAC,GACAC,0CACAtI,0BACAC,6BACA,SACA,8DAEA,GAFA,6BAEA,wBACA,mDACA,kFACA,kBACAc,2CACAU,6CACAqC,WAIA,QAEA,uEACA,+EAAAyE,SACA,kFAEA,sEACA,kFAAAA,SACA,6FA1BA,IA6BAC,2BAAA,0JAEA,OADA,0EACA,uBACA,kCAAArF,SAEA,gCACA,2DAIA,0BACA,aAEA,wEACA,wEAEA,oIACA,wGAEA,6BACA,8DAEA,sBACA,2CAvBA,IAyBAzD,gBAAA,4JAcA,OAbA2I,+BACA,OACAI,gBACAC,iCACAC,aACAC,mCAAA,qCACA,OACAC,gBACAC,6BAKA,SACA,kEAAAC,UACAA,GAAA,gBAEA,OADA,aACA,4BAEA,sCACA,gBACA,0BACA,qDACA,kBACA,2CAEA,wBACA,+DACA,kBACA,8DA9BA,IAiCAzI,mBAAA,0JACA,OAAA0I,cAAA,SACA,oDACA,sBACA,wBACA,uBACA,8CACA,wBACA,8CACA,wBACA,+CACA,wBACA,8CAEA,gDAGA,6CACA,0CAlBA,IAoBAjH,0BAEA,gCACA,4BAGAC,uBAEA,kCACA,4DAGAiH,6BAAA,+CC5qB+W,I,wBCQ3WC,EAAY,eACd,EACA/K,EACAuE,GACA,EACA,KACA,WACA,MAIa,aAAAwG,E","file":"js/chunk-aefdda38.28ff9f5b.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!./TheFieldValidationView.vue?vue&type=style&index=0&id=1261b656&prod&lang=scss&scoped=true&\"","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('div',{staticClass:\"header-div\"},[_c('div',{staticClass:\"signature-document-title-container vasion-page-title-black\",staticStyle:{\"font-size\":\"20px\",\"margin\":\"4px 0px 4px 10px\"}},[_vm._v(\" \"+_vm._s(_vm.document.DisplayName)+\" \")]),_c('div',{staticClass:\"save-buttons\"},[_c('VasionButton',{attrs:{\"id\":\"btnCancel\",\"name\":\"btnCancel\",\"title\":\"Cancel\",\"classProp\":\"secondary-grey\"},on:{\"vasionButtonClicked\":function($event){return _vm.cancel()}}},[_vm._v(\" Cancel \")]),_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:\"toolbar-div\"},[_c('VasionPager',{attrs:{\"currentPageNumber\":_vm.currentPageNumber,\"showPageSize\":false,\"totalPages\":_vm.pageCount},on:{\"pageChanged\":_vm.goToPage}}),_c('div',{staticClass:\"toolbar-divider\"}),_c('VasionZoomTool')],1),_c('div',{attrs:{\"id\":\"body-area\"}},[_c('div',{staticClass:\"document-display\"},[_c('DocumentImage',{ref:\"mainImage\",attrs:{\"documentID\":_vm.documentID,\"pageNumber\":_vm.currentPageNumber,\"width\":_vm.viewerWidth,\"height\":_vm.viewerHeight,\"fileDetail\":_vm.document.FileDetail,\"largeDefaultLoadSize\":true,\"includeProcessedAIPZones\":true,\"context\":'AnnotationsAndAIPZones',\"aipZones\":_vm.aipZones,\"disableMoveAndSaveAnnotations\":true,\"selectedAIP\":_vm.selectedAIP},on:{\"imageLoaded\":_vm.mainImageLoaded,\"backgroundImageLoaded\":_vm.setZoom}})],1),_c('div',{staticClass:\"field-validation-side\"},[_c('div',{staticClass:\"field-validation-title pad-bottom\"},[_vm._v(\" Field Validation \")]),_c('div',{staticClass:\"pad-bottom\"},[_c('VasionDropList',{attrs:{\"width\":\"100%\",\"type\":\"plain-list\",\"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),(_vm.selectedObject)?_c('div',[_c('div',{staticClass:\"pad-bottom\"},[_c('VasionDropList',{ref:\"objectFieldsToHide\",attrs:{\"width\":\"100%\",\"type\":\"check-list\",\"displayName\":\"DisplayName\",\"valueName\":\"FieldID\",\"title\":\"OBJECT FIELDS TO HIDE\",\"dataArray\":_vm.allFieldsInObject},on:{\"input\":function($event){return _vm.createTable()}},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.DisplayName)+\" \")]}}],null,false,271057919),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',[_c('VasionEditableTable',{staticClass:\"editable-table\",attrs:{\"headerColumns\":_vm.headerColumns,\"tableRows\":_vm.tableRows,\"fixedColumnsSizes\":true},on:{\"rowCellClicked\":_vm.rowCellClicked,\"cellValueChanged\":_vm.cellValueChanged,\"notValid\":_vm.tableNotValid,\"isValid\":_vm.tableValid}})],1)]):_vm._e()])]),_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    <div class=\"header-div\">\n      <div class=\"signature-document-title-container vasion-page-title-black\" style=\"font-size: 20px; margin: 4px 0px 4px 10px;\">\n        {{ document.DisplayName }}\n      </div>\n      <div class=\"save-buttons\">\n        <VasionButton\n          id=\"btnCancel\"\n          name=\"btnCancel\"\n          title=\"Cancel\"\n          classProp=\"secondary-grey\"\n          @vasionButtonClicked=\"cancel()\"\n        >\n          Cancel\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=\"toolbar-div\">\n      <!-- PAGINATION -->\n      <VasionPager\n        :currentPageNumber=\"currentPageNumber\"\n        :showPageSize=\"false\"\n        :totalPages=\"pageCount\"\n        @pageChanged=\"goToPage\"\n      />\n\n      <div class=\"toolbar-divider\" />\n\n      <!-- ZOOM IN, ZOOM OUT -->\n      <VasionZoomTool />\n    </div>\n    <div id=\"body-area\">\n      <div\n        class=\"document-display\"\n      >\n        <DocumentImage\n          ref=\"mainImage\"\n          :documentID=\"documentID\"\n          :pageNumber=\"currentPageNumber\"\n          :width=\"viewerWidth\"\n          :height=\"viewerHeight\"\n          :fileDetail=\"document.FileDetail\"\n          :largeDefaultLoadSize=\"true\"\n          :includeProcessedAIPZones=\"true\"\n          :context=\"'AnnotationsAndAIPZones'\"\n          :aipZones=\"aipZones\"\n          :disableMoveAndSaveAnnotations=\"true\"\n          :selectedAIP=\"selectedAIP\"\n          @imageLoaded=\"mainImageLoaded\"\n          @backgroundImageLoaded=\"setZoom\"\n        />\n      </div>\n      <div\n        class=\"field-validation-side\"\n      >\n        <div\n          class=\"field-validation-title pad-bottom\"\n        >\n          Field Validation\n        </div>\n        <div\n          class=\"pad-bottom\"\n        >\n          <VasionDropList\n            v-slot=\"slotItem\"\n            v-model=\"selectedObject\"\n            width=\"100%\"\n            type=\"plain-list\"\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 v-if=\"selectedObject\">\n          <div\n            class=\"pad-bottom\"\n          >\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"selectedFieldsToHide[selectedObject.ObjectID]\"\n              ref=\"objectFieldsToHide\"\n              width=\"100%\"\n              type=\"check-list\"\n              displayName=\"DisplayName\"\n              valueName=\"FieldID\"\n              title=\"OBJECT FIELDS TO HIDE\"\n              :dataArray=\"allFieldsInObject\"\n              @input=\"createTable()\"\n            >\n              {{ slotItem.item.DisplayName }}\n            </VasionDropList>\n          </div>\n          <div\n          >\n            <VasionEditableTable\n              class=\"editable-table\"\n              :headerColumns=\"headerColumns\"\n              :tableRows=\"tableRows\"\n              :fixedColumnsSizes=\"true\"\n              @rowCellClicked=\"rowCellClicked\"\n              @cellValueChanged=\"cellValueChanged\"\n              @notValid=\"tableNotValid\"\n              @isValid=\"tableValid\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\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 Loading from 'vue-loading-overlay';\nimport VasionZoomTool from '@/components/shared/VasionZoomTool.vue';\nimport DocumentImage from '@/components/document/DocumentImage.vue';\nimport { testIsGuid } from '@/store/helperModules/common.module'\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport { getMeanConfidenceColor } from '@/enums/objectFieldMeanConfidenceLevels.js'\n\n// Import stylesheet\nimport 'vue-loading-overlay/dist/vue-loading.css';\n\nexport default {\n  name: 'TheFieldValidationView',\n  components: {\n    Loading,\n    VasionZoomTool,\n    DocumentImage,\n    VasionAsynchronousConfirmDialog,\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      firstTimeImageLoad: true,\n      fieldValidationData: {},\n      folderView: null,\n      headerColumns: [],\n      invalidFields: [],\n      isDirty: false,\n      isLoading: true,\n      loaderBackgroundColor,\n      loaderColor,\n      localBackRoute: '',\n      selectedAIP: '',\n      selectedFieldsToHide: [],\n      selectedObject: null,\n      selectedRowIndex: -1,\n      showLeaveDialog: false,\n      showSnackbar: false,\n      snackbarImage: false,\n      snackbarText: '',\n      snackbarTitle: '',\n      tableRows: [],\n      viewerHeight: 2112,\n      viewerWidth: 1632,\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          })\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    hiddenColumnIDs() { return this.selectedFieldsToHide[this.selectedObject.ObjectID].map(element => element.ListID) },\n    pageCount() { return this.document?.FileDetail?.PageCount },\n    previousPathIsDocViewer() { return this.$attrs.fromDocViewer },\n    zoomValue() { return this.$store.state.document.zoomValue },\n  },\n  watch: {\n    selectedObject: function () {\n      this.isDirty = false\n      this.invalidFields = []\n      this.createTable()\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      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\n    this.isLoading = false\n  },\n  methods: {\n    async cancel() {\n      if (this.previousPathIsDocViewer) {\n        await this.$router.go(-1)\n        return\n      }\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    cellValueChanged({rowData, columnIndex}) { //Updates both this.tableRows and this.fieldValidationData\n      this.isDirty = true\n\n      let rowCellData = rowData.Cells[columnIndex]\n      rowCellData.isDirty = true\n      \n      let selectedObjectFieldIndex = this.headerColumns[columnIndex].index\n      let fvCellData = rowData.docRef.IndexFormFields.Values[selectedObjectFieldIndex]\n      fvCellData.isDirty = true\n      const dropListData = Array.isArray(rowCellData.cellData) ? rowCellData.cellData : [rowCellData.cellData]\n      switch(this.headerColumns[columnIndex].type){\n        case 1:\n        case 6:\n        case 7:\n        case 8:\n        case 11:\n        case 12:\n        case 13:\n        case 14: //All Text-like fields:\n          rowCellData.valueToSave = rowCellData.cellData\n          fvCellData.TextValue = rowCellData.cellData\n          fvCellData.ValueToSave = rowCellData.cellData\n          break\n        case 2: //Drop-list:\n          rowCellData.valueToSave = dropListData.map(d => { return d.name }).join(';')\n          //The DropDownSelectedValues could be null\n          if (!fvCellData.DropDownSelectedValues) {\n            fvCellData.DropDownSelectedValues = {}\n          }\n          fvCellData.DropDownSelectedValues.Values = dropListData.map(element => element.name)\n          fvCellData.ValueToSave = dropListData.map(element => element.name).join(';')\n          break\n        case 3: //Date:\n          rowCellData.valueToSave = String(rowCellData.cellData)\n          fvCellData.DateValueUTC = rowCellData.cellData\n          fvCellData.ValueToSave = rowCellData.cellData\n          break\n        // case 9: //Checkbox: (not currently supported)\n        //   this.tableRows[rowIndex].Cells[columnIndex].valueToSave = !params.cellData\n        //   break\n        default:\n          break\n      }\n    },\n    async rowCellClicked({rowData, columnIndex}) {\n      let rowChanged = this.selectedRowIndex != rowData.originalRowIndex\n      this.selectedRowIndex = rowData.originalRowIndex\n      this.aipZones.selectedDocumentIndex = rowData.originalRowIndex\n\n      //Once fieldIndex reaches 0 in the for loop(s): we have found the field to display as the AIP zone (if there is an AIP zone)\n      let fieldIndex =  columnIndex\n      //Account for the File Name column\n      fieldIndex -= 1\n      if (fieldIndex === -1) {\n        if (rowChanged || this.selectedAIP) {\n          this.selectedAIP = ''\n          await this.reloadDocument(rowData.id)\n        }\n        return\n      }\n\n      const origColumn = this.headerColumns[columnIndex].index\n      let zoneX = rowData.docRef.IndexFormFields.Values[origColumn].ZoneX\n      let zoneY = rowData.docRef.IndexFormFields.Values[origColumn].ZoneY\n\n      const prevAIP = this.selectedAIP\n      this.selectedAIP = !zoneX || !zoneY ? '' : this.generateUniqueID(zoneX, zoneY)\n      if (rowChanged || prevAIP != this.selectedAIP) {\n        await this.reloadDocument(rowData.id)\n      }\n    },\n    clickedOutsideLeave() { this.routeTo = null },\n    createTable() {\n      this.headerColumns = [{title: 'Name', sortable: true, type: -1, index: -1}]\n      this.tableRows = []\n      let firstRow = true\n      for (let i = 0; i < this.fieldValidationData.Documents.length; i++) {\n        if (this.selectedObject.ObjectID === this.fieldValidationData.Documents[i].FormId) {\n          let row = {\n            id: this.fieldValidationData.Documents[i].DocumentId,\n            docRef: this.fieldValidationData.Documents[i],\n            originalRowIndex: i,\n            Cells: [{\n              cellData: this.fieldValidationData.Documents[i].DisplayName,\n              canEdit: false,\n            }],\n          }\n          for (let j = 0; j < this.fieldValidationData.Documents[i].IndexFormFields.Values.length; j++) {\n            // Filter out Radio and Checkbox fields:\n            if (this.fieldValidationData.Documents[i].IndexFormFields.Values[j].Control !== 9 && this.fieldValidationData.Documents[i].IndexFormFields.Values[j].Control !== 10){\n              if (!this.selectedFieldsToHide[this.selectedObject.ObjectID]?.find(element => element.FieldID === this.fieldValidationData.Objects[this.selectedObject.ListID].Fields[j].FieldID)){\n                const field = this.fieldValidationData.Documents[i].IndexFormFields.Values[j]\n                if (firstRow) {\n                  this.headerColumns.push({title: field.DisplayName, sortable: true, type: field.Control, index: j})\n                }\n\n                const dropdownValues = []\n                if (field.DropDownValues && field.DropDownValues.Values && field.DropDownValues.Values.length > 0) {\n                  Object.keys(field.DropDownValues.Values).map((innerkey) => {\n                    dropdownValues.push({\n                      name: field.DropDownValues.Values[innerkey],\n                      value: Number(innerkey),\n                    })\n                    return true\n                  })\n                }\n                \n\n                let dropdownSelectedValues = []\n                if (field.DropDownSelectedValues && field.DropDownSelectedValues.Values && field.DropDownSelectedValues.Values.length > 0) {\n                  dropdownSelectedValues = field.DropDownSelectedValues.Values.map((value) => {\n                    const retObject = {\n                      name: value,\n                      value: field.DropDownValues.Values.indexOf(value),\n                    }\n\n                    return retObject\n                  })\n                  if (!field.AllowMultiples && dropdownSelectedValues.length > 0) {\n                    dropdownSelectedValues = dropdownSelectedValues[0]\n                  }\n                }\n                \n                if (field.Control === 3) {\n                  field.TextValue = field.DateValueUTC\n                }\n\n                const isSignatureFieldWithValue = field.Control === 12 && field.TextValue?.length > 0\n\n                row.Cells.push({\n                  backgroundColor: getMeanConfidenceColor(field.MeanConfidence),\n                  canEdit: !field.ReadOnly && !isSignatureFieldWithValue,\n                  cellData: (field.Control === 2) ? dropdownSelectedValues : field.TextValue,\n                  dropdownValues: dropdownValues,\n                  fieldName: field.FieldName,\n                  hoverText: (field.Control === 2) ? '' : field.TextValue,\n                  isDirty: field?.isDirty ? field?.isDirty : false,\n                  meanConfidence: field.MeanConfidence,\n                  subType: field.Control === 2 && !field.AllowMultiples ? 'plain-list' : 'check-list',\n                  valueToSave: field?.ValueToSave ? field.ValueToSave : '',\n                })\n              }\n            }\n          }\n          // `.push()`` is more reactive, which causes problems when editing a field when that column is used for sorting \n          // this.tableRows.push(row)\n          // this is less reactive, allowing the user to edit the field, and save, without the order changing\n          // Since we may skip some records form the original data because they don't match the object\n          //   we can't use `i`.\n          this.tableRows[this.tableRows.length] = row\n          firstRow = false\n        }\n      }\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    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    mainImageLoaded(imageData) {\n      if ((this.viewerHeight > this.viewerWidth && imageData.height < imageData.width)\n        || (this.viewerHeight < this.viewerWidth && imageData.height > imageData.width)) {\n          // need to flip the bounds\n          const temp = this.viewerHeight\n          this.viewerHeight = this.viewerWidth\n          this.viewerWidth = temp\n        }\n\n      if (this.viewerHeight > imageData.height || this.viewerWidth > imageData.width) {\n        this.viewerHeight = imageData.height\n        this.viewerWidth = imageData.width\n      }\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) {\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 = 1\n      }\n    },\n    async save() {\n      const payload = this.tableRows.map((rowData) => {\n        return {\n          DocumentId: rowData.id,\n          FormId: this.selectedObject.ObjectID,\n          FieldValues: {\n            Values: rowData.Cells.filter(dirty => dirty.isDirty).map(f => {\n              return {\n                Key: f.fieldName,\n                Value: f.valueToSave,\n              }\n            })\n          }\n        }\n      })\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.createTable()\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    async setZoom() {\n      let tempZoomValue = this.zoomValue\n      await this.$store.dispatch('document/resetZoomValue')\n      if(this.firstTimeImageLoad){\n        this.firstTimeImageLoad = false\n        if (window.innerWidth <= 416) {\n          this.$store.dispatch('document/setZoomValue', .2)\n        } else if (window.innerWidth <= 1430) {\n          this.$store.dispatch('document/setZoomValue', .3)\n        } else if (window.innerWidth <= 1630) {\n          this.$store.dispatch('document/setZoomValue', .36)\n        } else if (window.innerWidth <= 1870) {\n          this.$store.dispatch('document/setZoomValue', .4)\n        } else {\n          this.$store.dispatch('document/setZoomValue', .44)\n        }\n      } else {\n        this.$store.dispatch('document/setZoomValue', tempZoomValue)\n      }\n    },\n    tableNotValid(value)\n    {\n      if (!this.invalidFields.includes(value)) {\n        this.invalidFields.push(value)\n      }\n    },\n    tableValid(value)\n    {\n      if (this.invalidFields.indexOf(value) >= 0) {\n        this.invalidFields.splice(this.invalidFields.indexOf(value), 1)\n      }\n    },\n    toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  .header-div {\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n\n    .signature-document-title-container {\n      flex: auto;\n    }\n\n    .save-buttons {\n      flex: initial;\n      padding-right: 10px;\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    .toolbar-divider {\n      border-left: solid 1px $grey-100;\n      height: 24px;\n      margin-top: 5px;\n      margin-left: 0px;\n      margin-right: 10px;\n    }\n  }\n\n  #body-area {\n    display: flex;\n\n    .document-display {\n      padding: 16px;\n      overflow: auto;\n      height: calc(100vh - 162px);\n      text-align: center;\n      background: #f1f1f1;\n      width: 50%;\n      max-width: 50%;\n    }\n\n    .field-validation-side {\n      padding: 20px 20px 0px 20px;\n      width: 50%;\n      max-width: 50%;\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    .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!./TheFieldValidationView.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!./TheFieldValidationView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheFieldValidationView.vue?vue&type=template&id=1261b656&scoped=true&\"\nimport script from \"./TheFieldValidationView.vue?vue&type=script&lang=js&\"\nexport * from \"./TheFieldValidationView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheFieldValidationView.vue?vue&type=style&index=0&id=1261b656&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  \"1261b656\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}