{"version":3,"sources":["webpack:///./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js","webpack:///./src/views/forms/TheEditAttributeForm.vue?bba0","webpack:///src/views/forms/TheEditAttributeForm.vue","webpack:///./src/views/forms/TheEditAttributeForm.vue?ea06","webpack:///./src/views/forms/TheEditAttributeForm.vue","webpack:///./src/views/forms/TheEditAttributeForm.vue?3b34"],"names":["_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e","f","TypeError","err","normalCompletion","didErr","step","next","_e2","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","directives","name","rawName","expression","type","indexOf","_k","keyCode","key","preventDefault","addNewForm","$formsLabel","toUpperCase","markAsDirty","model","callback","$$v","newFormName","goToAllForms","_v","creatingNewForm","formName","areFormsDirty","editingField","submitForm","_s","calculatedClass","updateSelectedTab","$fieldsLabelPlural","$layoutsLabelPlural","selectedTabName","template","renameFiles","toggleCheckbox","fieldFilterText","$refs","newFieldDialog","toggleAddNewField","_m","_l","filteredFields","field","index","class","toggleFieldEdit","title","mandatory","fieldTypeText","shouldReorderUpShow","reorderField","shouldReorderDownShow","ellipsisOpen","layoutFilterText","containsMoreThanWorkflowFields","newLayoutClick","$layoutsLabel","formLayout","editFormLayout","EFormID","Name","Description","formLayoutArray","availableUsers","accessUsers","availableGroups","accessGroups","ref","newFieldConfig","fieldTypeList","fields","updateTable","promptUpdateField","showUpdateFieldsPrompt","updatePromptMessage","updateFieldsInForms","showLeaveDialog","leaveMessage","cancelLeave","doLeave","style","ellipsisButtonConfig","ellipsisRowItem","ellipsisButtonClicked","ellipsisClose","generalModalMessage","showGeneralModal","generalModalOKClick","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","component"],"mappings":"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","file":"js/chunk-5685e216.eec37c79.js","sourcesContent":["import unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nexport default function _createForOfIteratorHelper(o, allowArrayLike) {\n  var it;\n\n  if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n    if (Array.isArray(o) || (it = unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n      if (it) o = it;\n      var i = 0;\n\n      var F = function F() {};\n\n      return {\n        s: F,\n        n: function n() {\n          if (i >= o.length) return {\n            done: true\n          };\n          return {\n            done: false,\n            value: o[i++]\n          };\n        },\n        e: function e(_e) {\n          throw _e;\n        },\n        f: F\n      };\n    }\n\n    throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n  }\n\n  var normalCompletion = true,\n      didErr = false,\n      err;\n  return {\n    s: function s() {\n      it = o[Symbol.iterator]();\n    },\n    n: function n() {\n      var step = it.next();\n      normalCompletion = step.done;\n      return step;\n    },\n    e: function e(_e2) {\n      didErr = true;\n      err = _e2;\n    },\n    f: function f() {\n      try {\n        if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n      } finally {\n        if (didErr) throw err;\n      }\n    }\n  };\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"md-layout vasion-calc-height\"},[_c('Loading',{staticClass:\"vasion-loading-indicator\",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}}}),(_vm.activeForm)?_c('div',{staticClass:\"detailsDiv md-layout-item\"},[_c('div',{staticClass:\"innerDiv\"},[_c('div',{staticClass:\"md-layout top-padding\"},[_c('div',{staticClass:\"md-layout-item\",attrs:{\"id\":\"form-name\"}},[_c('form',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.creatingNewForm),expression:\"creatingNewForm\"}],attrs:{\"id\":\"create-new-form\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.preventDefault();return _vm.addNewForm($event)}}},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"new-form-name\",\"name\":\"new-form-name\",\"inputType\":\"top-white\",\"autoFocus\":true,\"title\":(\"NEW \" + (_vm.$formsLabel.toUpperCase()) + \" NAME\"),\"placeholder\":(\"Enter \" + _vm.$formsLabel + \" Name...\")},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.newFormName),callback:function ($$v) {_vm.newFormName=$$v},expression:\"newFormName\"}}),_c('VasionButton',{attrs:{\"id\":\"index-new-form-cancel\",\"classProp\":'text'},on:{\"vasionButtonClicked\":function($event){return _vm.goToAllForms()}}},[_vm._v(\" CANCEL \")]),_c('VasionButton',{attrs:{\"id\":\"index-new-form-submit\",\"classProp\":'primary',\"isDisabled\":!_vm.newFormName},on:{\"vasionButtonClicked\":function($event){return _vm.addNewForm()}}},[_vm._v(\" CREATE \")])],1),(_vm.activeForm)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm),expression:\"!creatingNewForm\"}],staticClass:\"vasion-page-title\",attrs:{\"id\":\"active-form-name\"}},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"new-form-title\",\"name\":\"new-form-title\",\"inputType\":\"title-input\",\"isTitleInput\":true},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.formName),callback:function ($$v) {_vm.formName=$$v},expression:\"formName\"}})],1):_vm._e()]),_c('div',{staticClass:\"md-layout-item right-text-align\"},[_c('VasionButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm),expression:\"!creatingNewForm\"}],attrs:{\"id\":\"index-form-submit\",\"classProp\":'primary',\"isDisabled\":!_vm.areFormsDirty || _vm.editingField,\"ripple\":true},on:{\"vasionButtonClicked\":function($event){return _vm.submitForm()}}},[_vm._v(\" Save \"+_vm._s(_vm.$formsLabel)+\" \")])],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm),expression:\"!creatingNewForm\"}],staticClass:\"md-layout tab-div\"},[_c('VasionButton',{attrs:{\"id\":\"tab-field-table\",\"classProp\":_vm.calculatedClass('fields')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('fields')}}},[_vm._v(\" \"+_vm._s(_vm.$fieldsLabelPlural)+\" \")]),_c('VasionButton',{attrs:{\"id\":\"tab-form-layouts\",\"classProp\":_vm.calculatedClass('layouts')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('layouts')}}},[_vm._v(\" \"+_vm._s(_vm.$layoutsLabelPlural)+\" \")]),_c('VasionButton',{attrs:{\"id\":\"tab-security\",\"classProp\":_vm.calculatedClass('security')},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('security')}}},[_vm._v(\" Permissions \")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'fields'),expression:\"!creatingNewForm && selectedTabName === 'fields'\"}],staticClass:\"top-padding\",attrs:{\"id\":\"fields-tab\"}},[_c('div',{staticClass:\"md-layout\"},[_c('div',{staticClass:\"row\"},[_c('VasionInput',{staticClass:\"input-style row-field\",attrs:{\"inputType\":\"top-white\",\"title\":\"FILE NAME FORMAT\",\"width\":'424',\"placeholder\":\"Enter File Name Format...\"},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.template),callback:function ($$v) {_vm.template=$$v},expression:\"template\"}}),_c('VasionCheckbox',{staticClass:\"row-field checkbox\",attrs:{\"id\":\"rename-files\",\"name\":\"rename-files\",\"checked\":_vm.renameFiles},on:{\"change\":function($event){return _vm.toggleCheckbox('renameFiles')}}},[_vm._v(\" Rename Files \")])],1)]),_c('table',{staticClass:\"field-header-table\"},[_c('tr',[_c('td',[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(_vm._s(_vm.$fieldsLabelPlural))])]),_c('td',{staticClass:\"field-header-filter-column\"},[_c('VasionInput',{staticClass:\"search-padding\",attrs:{\"id\":\"field-filter-input\",\"name\":\"field-filter-input\",\"placeholder\":\"Quick find...\",\"inputType\":\"search-gray\"},on:{\"input\":_vm.markAsDirty},model:{value:(_vm.fieldFilterText),callback:function ($$v) {_vm.fieldFilterText=$$v},expression:\"fieldFilterText\"}})],1),_c('td',{staticClass:\"field-header-add-field-column\"},[_c('VasionButton',{attrs:{\"classProp\":'secondary',\"isRaised\":false,\"isDisabled\":false,\"ripple\":true},on:{\"vasionButtonClicked\":function($event){return _vm.$refs.newFieldDialog.toggleAddNewField()}}},[_vm._v(\" Add Field \")])],1)])]),_c('div',{staticClass:\"vasion-html-table-default\",attrs:{\"id\":\"field-list\"}},[_c('table',[_vm._m(0),_c('tbody',{staticClass:\"scrollTBody\"},_vm._l((_vm.filteredFields()),function(field,index){return _c('tr',{key:index,class:{'lightestGreyBackground': index % 2 === 0 }},[_c('td',{staticClass:\"pointer fields-column\",on:{\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(field.title))])]),_c('td',{staticClass:\"pointer fields-column\",on:{\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(field.name))])]),_c('td',{staticClass:\"field-mandatory-column pointer fields-column\",on:{\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(field.mandatory ? 'Yes' : 'No'))])]),_c('td',{staticClass:\"field-type-column pointer fields-column\",on:{\"click\":function($event){return _vm.toggleFieldEdit(field.name)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(_vm.fieldTypeText(field.type)))])]),_c('td',{staticClass:\"controls-column right-text-align\"},[_c('VasionButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fieldFilterText),expression:\"!fieldFilterText\"}],attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionArrowLargeUpward',\"isDisabled\":!_vm.shouldReorderUpShow(index),\"title\":\"Move Field Up\"},on:{\"vasionButtonClicked\":function($event){return _vm.reorderField('up', field.name)}}}),_c('VasionButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fieldFilterText),expression:\"!fieldFilterText\"}],attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionArrowLargeDownward',\"isDisabled\":!_vm.shouldReorderDownShow(index),\"title\":\"Move Field Down\"},on:{\"vasionButtonClicked\":function($event){return _vm.reorderField('down', field.name)}}}),_c('VasionButton',{attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionEllipsisIcon'},on:{\"vasionButtonClicked\":function($event){return _vm.ellipsisOpen($event, field, 'field')}}})],1)])}),0)])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'layouts'),expression:\"!creatingNewForm && selectedTabName === 'layouts'\"}],attrs:{\"id\":\"layouts-tab\"}},[_c('table',{staticClass:\"field-header-table\"},[_c('tr',[_c('td',[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(\"All \"+_vm._s(_vm.$layoutsLabelPlural))])]),_c('td',{staticClass:\"field-header-filter-column\"},[_c('VasionInput',{staticClass:\"search-padding\",attrs:{\"id\":\"layout-filter-input\",\"name\":\"layout-filter-input\",\"placeholder\":\"Quick find...\",\"inputType\":\"search-gray\"},model:{value:(_vm.layoutFilterText),callback:function ($$v) {_vm.layoutFilterText=$$v},expression:\"layoutFilterText\"}})],1),_c('td',{staticClass:\"field-header-add-field-column\"},[_c('VasionButton',{attrs:{\"classProp\":'secondary',\"isRaised\":false,\"isDisabled\":!_vm.containsMoreThanWorkflowFields,\"ripple\":true},on:{\"vasionButtonClicked\":_vm.newLayoutClick}},[_vm._v(\" New \"+_vm._s(_vm.$layoutsLabel)+\" \")])],1)])]),_c('div',{staticClass:\"vasion-html-table-default\",attrs:{\"id\":\"field-list\"}},[_c('table',[_c('thead',[_c('tr',[_c('th',{staticClass:\"icon-table-column\"}),_c('th',{staticClass:\"layout-name-table-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(_vm._s(_vm.$layoutsLabel)+\" Name\")])]),_vm._m(1),_c('th',{staticClass:\"icon-table-column\"})])]),_c('tbody',{staticClass:\"scrollTBodyFields\"},_vm._l((_vm.filteredLayoutArray),function(formLayout,index){return _c('tr',{key:index,class:{'lightestGreyBackground': index % 2 === 0 }},[_c('td',{staticClass:\"icon-table-column pointer\",on:{\"click\":function($event){return _vm.editFormLayout(formLayout.EFormID)}}},[_c('VasionLayoutIcon',{staticClass:\"pointer\"})],1),_c('td',{staticClass:\"layout-name-table-column pointer\",on:{\"click\":function($event){return _vm.editFormLayout(formLayout.EFormID)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(formLayout.Name))])]),_c('td',{staticClass:\"pointer\",on:{\"click\":function($event){return _vm.editFormLayout(formLayout.EFormID)}}},[_c('label',{staticClass:\"vasion-html-table-field pointer\"},[_vm._v(_vm._s(formLayout.Description))])]),_c('td',{staticClass:\"controls-column right-text-align\"},[_c('VasionButton',{attrs:{\"isRaised\":false,\"isDense\":false,\"icon\":'VasionEllipsisIcon'},on:{\"vasionButtonClicked\":function($event){return _vm.ellipsisOpen($event, formLayout, 'form-layout')}}})],1)])}),0)]),(!_vm.formLayoutArray || _vm.formLayoutArray.length === 0)?_c('div',{staticClass:\"no-form-layouts-div\"},[_c('div',[_c('VasionLargeLayoutIcon')],1),_c('div',{staticClass:\"no-form-layouts-label-div\"},[_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(\"No \"+_vm._s(_vm.$layoutsLabelPlural)+\" Added to \"+_vm._s(_vm.$formsLabel))])]),_c('div',{staticClass:\"no-form-layouts-label-div\"},[_c('label',{staticClass:\"vasion-page-subheader-light\"},[_vm._v(_vm._s(_vm.$layoutsLabelPlural)+\" created for this \"+_vm._s(_vm.$formsLabel)+\" will appear here\")])])]):_vm._e()])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.creatingNewForm && _vm.selectedTabName === 'security'),expression:\"!creatingNewForm && selectedTabName === 'security'\"}],attrs:{\"id\":\"security-tab\"}},[_c('div',[_c('VasionListSelection',{attrs:{\"available-fields\":_vm.availableUsers,\"selected-fields\":_vm.accessUsers,\"allow-field-ordering\":false,\"available-label-text\":'All Users',\"selected-label-text\":'Access Users',\"unique-id\":'access-users'},on:{\"update:availableFields\":[function($event){_vm.availableUsers=$event},_vm.markAsDirty],\"update:available-fields\":function($event){_vm.availableUsers=$event},\"update:selectedFields\":[function($event){_vm.accessUsers=$event},_vm.markAsDirty],\"update:selected-fields\":function($event){_vm.accessUsers=$event},\"update:addAll\":_vm.markAsDirty,\"update:removeAll\":_vm.markAsDirty}})],1),_c('div',{staticClass:\"separator-div\"}),_c('div',[_c('VasionListSelection',{attrs:{\"available-fields\":_vm.availableGroups,\"selected-fields\":_vm.accessGroups,\"allow-field-ordering\":false,\"available-label-text\":'All Groups',\"selected-label-text\":'Access Groups',\"unique-id\":'access-groups'},on:{\"update:availableFields\":[function($event){_vm.availableGroups=$event},_vm.markAsDirty],\"update:available-fields\":function($event){_vm.availableGroups=$event},\"update:selectedFields\":[function($event){_vm.accessGroups=$event},_vm.markAsDirty],\"update:selected-fields\":function($event){_vm.accessGroups=$event},\"update:addAll\":_vm.markAsDirty,\"update:removeAll\":_vm.markAsDirty}})],1)]),_c('NewFieldDialog',{ref:\"newFieldDialog\",attrs:{\"config\":_vm.newFieldConfig,\"fieldTypeList\":_vm.fieldTypeList,\"fields\":_vm.fields},on:{\"update:fields\":[function($event){_vm.fields=$event},_vm.updateTable],\"promptUpdateAllFields\":_vm.promptUpdateField}})],1)]):_vm._e()],1),_c('VasionGeneralModal',{attrs:{\"id\":\"confirmLeave\",\"hideButtons\":true,\"modalType\":\"slot\",\"sync\":_vm.showUpdateFieldsPrompt},on:{\"noButtonClick\":function($event){_vm.showUpdateFieldsPrompt = !_vm.showUpdateFieldsPrompt}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.updatePromptMessage},on:{\"noButtonClick\":function($event){_vm.showUpdateFieldsPrompt = !_vm.showUpdateFieldsPrompt},\"yesButtonClick\":function($event){return _vm.updateFieldsInForms()}}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":_vm.leaveMessage},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1),(_vm.showEllipsisMenu)?_c('VasionEllipsisMenu',{style:(_vm.ellipsisMenuTopStyle),attrs:{\"buttonConfig\":_vm.ellipsisButtonConfig,\"rowItem\":_vm.ellipsisRowItem},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"close\":_vm.ellipsisClose}}):_vm._e(),_c('VasionGeneralModal',{attrs:{\"id\":\"vasion-confirmation-div\",\"confirmButtonText\":'YES',\"rejectButtonText\":'NO',\"modalType\":'message',\"buttonGroup\":'center',\"message\":_vm.generalModalMessage,\"sync\":_vm.showGeneralModal},on:{\"confirmButtonClick\":function($event){return _vm.generalModalOKClick()},\"noButtonClick\":function($event){_vm.showGeneralModal = false}}}),_c('VasionSnackbar',{attrs:{\"id\":\"results-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('thead',[_c('tr',[_c('th',{staticClass:\"fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Display Label\")])]),_c('th',{staticClass:\"fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Unique Name\")])]),_c('th',{staticClass:\"field-mandatory-column fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Mandatory\")])]),_c('th',{staticClass:\"field-type-column fields-column\"},[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Field Type\")])]),_c('th',{staticClass:\"controls-column\"})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',[_c('label',{staticClass:\"vasion-html-table-header\"},[_vm._v(\"Description\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"md-layout vasion-calc-height\">\n      <Loading\n        class=\"vasion-loading-indicator\"\n        :active.sync=\"isLoading\"\n        :is-full-page=\"false\"\n        :color=\"loaderColor\"\n        loader=\"dots\"\n        :background-color=\"loaderBackgroundColor\"\n      />\n      <div v-if=\"activeForm\" class=\"detailsDiv md-layout-item\">\n        <div class=\"innerDiv\">\n          <div class=\"md-layout top-padding\">\n            <div id=\"form-name\" class=\"md-layout-item\">\n              <form v-show=\"creatingNewForm\" id=\"create-new-form\" @keydown.enter.prevent=\"addNewForm\">\n                <VasionInput\n                  id=\"new-form-name\"\n                  v-model=\"newFormName\"\n                  name=\"new-form-name\"\n                  class=\"input-style\"\n                  inputType=\"top-white\"\n                  :autoFocus=\"true\"\n                  :title=\"`NEW ${$formsLabel.toUpperCase()} NAME`\"\n                  :placeholder=\"`Enter ${$formsLabel} Name...`\"\n                  @input=\"markAsDirty\"\n                />\n                <VasionButton id=\"index-new-form-cancel\" :classProp=\"'text'\" @vasionButtonClicked=\"goToAllForms()\">\n                  CANCEL\n                </VasionButton>\n                <VasionButton\n                  id=\"index-new-form-submit\"\n                  :classProp=\"'primary'\"\n                  :isDisabled=\"!newFormName\"\n                  @vasionButtonClicked=\"addNewForm()\"\n                >\n                  CREATE\n                </VasionButton>\n              </form>\n              <div\n                v-show=\"!creatingNewForm\"\n                v-if=\"activeForm\"\n                id=\"active-form-name\"\n                class=\"vasion-page-title\"\n              >\n                <VasionInput\n                  id=\"new-form-title\"\n                  v-model=\"formName\"\n                  name=\"new-form-title\"\n                  class=\"input-style\"\n                  inputType=\"title-input\"\n                  :isTitleInput=\"true\"\n                  @input=\"markAsDirty\"\n                />\n              </div>\n            </div>\n            <div class=\"md-layout-item right-text-align\">\n              <VasionButton\n                v-show=\"!creatingNewForm\"\n                id=\"index-form-submit\"\n                :classProp=\"'primary'\"\n                :isDisabled=\"!areFormsDirty || editingField\"\n                :ripple=\"true\"\n                @vasionButtonClicked=\"submitForm()\"\n              >\n                Save {{ $formsLabel }}\n              </VasionButton>\n            </div>\n          </div>\n          <div v-show=\"!creatingNewForm\" class=\"md-layout tab-div\">\n            <VasionButton id=\"tab-field-table\" :classProp=\"calculatedClass('fields')\" @vasionButtonClicked=\"updateSelectedTab('fields')\">\n              {{ $fieldsLabelPlural }}\n            </VasionButton>\n            <VasionButton id=\"tab-form-layouts\" :classProp=\"calculatedClass('layouts')\" @vasionButtonClicked=\"updateSelectedTab('layouts')\">\n              {{ $layoutsLabelPlural }}\n            </VasionButton>\n            <VasionButton id=\"tab-security\" :classProp=\"calculatedClass('security')\" @vasionButtonClicked=\"updateSelectedTab('security')\">\n              Permissions\n            </VasionButton>\n          </div>\n          <div v-show=\"!creatingNewForm && selectedTabName === 'fields'\" id=\"fields-tab\" class=\"top-padding\">\n            <div class=\"md-layout\">\n              <div class=\"row\">\n                <VasionInput\n                  v-model=\"template\"\n                  class=\"input-style row-field\"\n                  inputType=\"top-white\"\n                  title=\"FILE NAME FORMAT\"\n                  :width=\"'424'\"\n                  placeholder=\"Enter File Name Format...\"\n                  @input=\"markAsDirty\"\n                />\n                <VasionCheckbox\n                  id=\"rename-files\"\n                  name=\"rename-files\"\n                  class=\"row-field checkbox\"\n                  :checked=\"renameFiles\"\n                  @change=\"toggleCheckbox('renameFiles')\"\n                >\n                  Rename Files\n                </VasionCheckbox>\n              </div>\n            </div>\n            <table class=\"field-header-table\">\n              <tr>\n                <td>\n                  <label class=\"vasion-page-subheader\">{{ $fieldsLabelPlural }}</label>\n                </td>\n                <td class=\"field-header-filter-column\">\n                  <VasionInput\n                    id=\"field-filter-input\"\n                    v-model=\"fieldFilterText\"\n                    class=\"search-padding\"\n                    name=\"field-filter-input\"\n                    placeholder=\"Quick find...\"\n                    inputType=\"search-gray\"\n                    @input=\"markAsDirty\"\n                  />\n                </td>\n                <td class=\"field-header-add-field-column\">\n                  <VasionButton\n                    :classProp=\"'secondary'\"\n                    :isRaised=\"false\"\n                    :isDisabled=\"false\"\n                    :ripple=\"true\"\n                    @vasionButtonClicked=\"$refs.newFieldDialog.toggleAddNewField()\"\n                  >\n                    Add Field\n                  </VasionButton>\n                </td>\n              </tr>\n            </table>\n            <div id=\"field-list\" class=\"vasion-html-table-default\">\n              <table>\n                <thead>\n                  <tr>\n                    <th class=\"fields-column\">\n                      <label class=\"vasion-html-table-header\">Display Label</label>\n                    </th>\n                    <th class=\"fields-column\">\n                      <label class=\"vasion-html-table-header\">Unique Name</label>\n                    </th>\n                    <th class=\"field-mandatory-column fields-column\">\n                      <label class=\"vasion-html-table-header\">Mandatory</label>\n                    </th>\n                    <th class=\"field-type-column fields-column\">\n                      <label class=\"vasion-html-table-header\">Field Type</label>\n                    </th>\n                    <th class=\"controls-column\" />\n                  </tr>\n                </thead>\n                <tbody class=\"scrollTBody\">\n                  <tr v-for=\"(field, index) in filteredFields()\" :key=\"index\" :class=\"{'lightestGreyBackground': index % 2 === 0 }\">\n                    <td class=\"pointer fields-column\" @click=\"toggleFieldEdit(field.name)\">\n                      <label class=\"vasion-html-table-field pointer\">{{ field.title }}</label>\n                    </td>\n                    <td class=\"pointer fields-column\" @click=\"toggleFieldEdit(field.name)\">\n                      <label class=\"vasion-html-table-field pointer\">{{ field.name }}</label>\n                    </td>\n                    <td class=\"field-mandatory-column pointer fields-column\" @click=\"toggleFieldEdit(field.name)\">\n                      <label class=\"vasion-html-table-field pointer\">{{ field.mandatory ? 'Yes' : 'No' }}</label>\n                    </td>\n                    <td class=\"field-type-column pointer fields-column\" @click=\"toggleFieldEdit(field.name)\">\n                      <label class=\"vasion-html-table-field pointer\">{{ fieldTypeText(field.type) }}</label>\n                    </td>\n                    <td class=\"controls-column right-text-align\">\n                      <VasionButton\n                        v-show=\"!fieldFilterText\"\n                        :isRaised=\"false\"\n                        :isDense=\"false\"\n                        :icon=\"'VasionArrowLargeUpward'\"\n                        :isDisabled=\"!shouldReorderUpShow(index)\"\n                        title=\"Move Field Up\"\n                        @vasionButtonClicked=\"reorderField('up', field.name)\"\n                      />\n                      <VasionButton\n                        v-show=\"!fieldFilterText\"\n                        :isRaised=\"false\"\n                        :isDense=\"false\"\n                        :icon=\"'VasionArrowLargeDownward'\"\n                        :isDisabled=\"!shouldReorderDownShow(index)\"\n                        title=\"Move Field Down\"\n                        @vasionButtonClicked=\"reorderField('down', field.name)\"\n                      />\n                      <VasionButton\n                        :isRaised=\"false\"\n                        :isDense=\"false\"\n                        :icon=\"'VasionEllipsisIcon'\"\n                        @vasionButtonClicked=\"ellipsisOpen($event, field, 'field')\"\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n          <div v-show=\"!creatingNewForm && selectedTabName === 'layouts'\" id=\"layouts-tab\">\n            <table class=\"field-header-table\">\n              <tr>\n                <td>\n                  <label class=\"vasion-page-subheader\">All {{ $layoutsLabelPlural }}</label>\n                </td>\n                <td class=\"field-header-filter-column\">\n                  <VasionInput\n                    id=\"layout-filter-input\"\n                    v-model=\"layoutFilterText\"\n                    class=\"search-padding\"\n                    name=\"layout-filter-input\"\n                    placeholder=\"Quick find...\"\n                    inputType=\"search-gray\"\n                  />\n                </td>\n                <td class=\"field-header-add-field-column\">\n                  <VasionButton\n                    :classProp=\"'secondary'\"\n                    :isRaised=\"false\"\n                    :isDisabled=\"!containsMoreThanWorkflowFields\"\n                    :ripple=\"true\"\n                    @vasionButtonClicked=\"newLayoutClick\"\n                  >\n                    New {{ $layoutsLabel }}\n                  </VasionButton>\n                </td>\n              </tr>\n            </table>\n            <div id=\"field-list\" class=\"vasion-html-table-default\">\n              <table>\n                <thead>\n                  <tr>\n                    <th class=\"icon-table-column\" />\n                    <th class=\"layout-name-table-column\">\n                      <label class=\"vasion-html-table-header\">{{ $layoutsLabel }} Name</label>\n                    </th>\n                    <th>\n                      <label class=\"vasion-html-table-header\">Description</label>\n                    </th>\n                    <th class=\"icon-table-column\" />\n                  </tr>\n                </thead>\n                <tbody class=\"scrollTBodyFields\">\n                  <tr v-for=\"(formLayout, index) in filteredLayoutArray\" :key=\"index\" :class=\"{'lightestGreyBackground': index % 2 === 0 }\">\n                    <td class=\"icon-table-column pointer\" @click=\"editFormLayout(formLayout.EFormID)\">\n                      <VasionLayoutIcon class=\"pointer\" />\n                    </td>\n                    <td class=\"layout-name-table-column pointer\" @click=\"editFormLayout(formLayout.EFormID)\">\n                      <label class=\"vasion-html-table-field pointer\">{{ formLayout.Name }}</label>\n                    </td>\n                    <td class=\"pointer\" @click=\"editFormLayout(formLayout.EFormID)\">\n                      <label class=\"vasion-html-table-field pointer\">{{ formLayout.Description }}</label>\n                    </td>\n                    <td class=\"controls-column right-text-align\">\n                      <VasionButton\n                        :isRaised=\"false\"\n                        :isDense=\"false\"\n                        :icon=\"'VasionEllipsisIcon'\"\n                        @vasionButtonClicked=\"ellipsisOpen($event, formLayout, 'form-layout')\"\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n              <div v-if=\"!formLayoutArray || formLayoutArray.length === 0\" class=\"no-form-layouts-div\">\n                <div>\n                  <VasionLargeLayoutIcon />\n                </div>\n                <div class=\"no-form-layouts-label-div\">\n                  <label class=\"vasion-page-subheader\">No {{ $layoutsLabelPlural }} Added to {{ $formsLabel }}</label>\n                </div>\n                <div class=\"no-form-layouts-label-div\">\n                  <label class=\"vasion-page-subheader-light\">{{ $layoutsLabelPlural }} created for this {{ $formsLabel }} will appear here</label>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div v-show=\"!creatingNewForm && selectedTabName === 'security'\" id=\"security-tab\">\n            <div>\n              <VasionListSelection\n                :available-fields.sync=\"availableUsers\"\n                :selected-fields.sync=\"accessUsers\"\n                :allow-field-ordering=\"false\"\n                :available-label-text=\"'All Users'\"\n                :selected-label-text=\"'Access Users'\"\n                :unique-id=\"'access-users'\"\n                @update:availableFields=\"markAsDirty\"\n                @update:selectedFields=\"markAsDirty\"\n                @update:addAll=\"markAsDirty\"\n                @update:removeAll=\"markAsDirty\"\n              />\n            </div>\n            <div class=\"separator-div\" />\n            <div>\n              <VasionListSelection\n                :available-fields.sync=\"availableGroups\"\n                :selected-fields.sync=\"accessGroups\"\n                :allow-field-ordering=\"false\"\n                :available-label-text=\"'All Groups'\"\n                :selected-label-text=\"'Access Groups'\"\n                :unique-id=\"'access-groups'\"\n                @update:availableFields=\"markAsDirty\"\n                @update:selectedFields=\"markAsDirty\"\n                @update:addAll=\"markAsDirty\"\n                @update:removeAll=\"markAsDirty\"\n              />\n            </div>\n          </div>\n          <NewFieldDialog\n            ref=\"newFieldDialog\"\n            :config=\"newFieldConfig\"\n            :fieldTypeList=\"fieldTypeList\"\n            :fields.sync=\"fields\"\n            @update:fields=\"updateTable\"\n            @promptUpdateAllFields=\"promptUpdateField\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <VasionGeneralModal\n      id=\"confirmLeave\"\n      :hideButtons=\"true\"\n      modalType=\"slot\"\n      :sync=\"showUpdateFieldsPrompt\"\n      @noButtonClick=\"showUpdateFieldsPrompt = !showUpdateFieldsPrompt\"\n    >\n      <VasionConfirmationDialog :message=\"updatePromptMessage\" @noButtonClick=\"showUpdateFieldsPrompt = !showUpdateFieldsPrompt\" @yesButtonClick=\"updateFieldsInForms()\" />\n    </VasionGeneralModal>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showLeaveDialog\">\n      <VasionConfirmationDialog :message=\"leaveMessage\" @noButtonClick=\"cancelLeave()\" @yesButtonClick=\"doLeave()\" />\n    </md-dialog>\n\n    <VasionEllipsisMenu\n      v-if=\"showEllipsisMenu\"\n      :buttonConfig=\"ellipsisButtonConfig\"\n      :style=\"ellipsisMenuTopStyle\"\n      :rowItem=\"ellipsisRowItem\"\n      @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n      @close=\"ellipsisClose\"\n    />\n\n    <VasionGeneralModal\n      id=\"vasion-confirmation-div\"\n      :confirmButtonText=\"'YES'\"\n      :rejectButtonText=\"'NO'\"\n      :modalType=\"'message'\"\n      :buttonGroup=\"'center'\"\n      :message=\"generalModalMessage\"\n      :sync=\"showGeneralModal\"\n      @confirmButtonClick=\"generalModalOKClick()\"\n      @noButtonClick=\"showGeneralModal = false\"\n    />\n\n    <VasionSnackbar\n      id=\"results-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay';\n// Import stylesheet\nimport 'vue-loading-overlay/dist/vue-loading.css';\nimport NewFieldDialog from '@/components/forms/NewFieldDialog.vue';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\n\nexport default {\n    name: 'EditAttributeForm',\n    components: {\n      Loading,\n      NewFieldDialog,\n    },\n    beforeRouteLeave(to, from, next) {\n      if (this.areFormsDirty && !this.routeTo && !this.saving && to.name !== 'TheLogin') {\n        this.routeTo = to\n        this.toggleLeaveDialog()\n      } else {\n        this.routeTo = null\n        next()\n      }\n    },\n    data: function () {\n      return {\n        accessGroups: [],\n        accessUsers: [],\n        attributeFormDirtyState: false,\n        availableGroups: [],\n        availableUsers: [],\n        creatingNewForm: false,\n        deleteFieldName: '',\n        deleteFormLayoutID: 0,\n        deletingEntityId: '',\n        editingField: false,\n        editingFieldName: '',\n        ellipsisButtonFieldConfig: {\n          buttons: [\n            {\n              id: 'edit-field-button',\n              name: 'Edit Field',\n              icon: 'VasionEditIcon',\n            },\n            {\n              id: 'delete-field-button',\n              name: 'Delete Field',\n              icon: 'VasionDeleteIcon',\n            },\n          ],\n        },\n        ellipsisButtonFormLayoutConfig: { buttons: [] },\n        ellipsisOpenType: '',\n        ellipsisRowItem: {},\n        fieldFilterText: '',\n        fieldId: 0,\n        fieldOrder: 0,\n        fields: [],\n        fieldTypeList: [\n          { id: 1, value: 'Textbox' },\n          { id: 2, value: 'Dropdown' },\n          { id: 3, value: 'Date' },\n          { id: 6, value: 'Number' },\n          { id: 7, value: 'URL' },\n          { id: 8, value: 'Email' },\n          { id: 9, value: 'Checkbox' },\n          { id: 10, value: 'Radio Button' },\n          { id: 11, value: 'Currency' },\n          { id: 12, value: 'Signature Field' },\n          { id: 13, value: 'Text Area' },\n          { id: 14, value: 'Address' },\n        ],\n        formLayoutArray: [],\n        formName: '',\n        generalModalMessage: '',\n        isLoading: false,\n        layoutFilterText: '',\n        loaderBackgroundColor,\n        loaderColor,\n        newFieldConfig: {\n          allowMultiples: true,\n          fieldHidden: false,\n          fieldLabel: '',\n          fieldLength: 100,\n          fieldType: {},\n          fieldUniqueName: { name: '<New Field>' },\n          fieldValues: '',\n          mandatory: false,\n          readOnly: false,\n          systemDate: false,\n          totalPageNo: false,\n          filterValues: false,\n          filterFieldsList: [],\n        },\n        newFormName: '',\n        piiData: false,\n        renameFiles: false,\n        saving: false,\n        selectedTabName: 'fields',\n        showEllipsisMenu: false,\n        showGeneralModal: false,\n        showLeaveDialog: false,\n        showSnackbar: false,\n        showUpdateFieldsPrompt: false,\n        snackbarImage: false,\n        snackbarSubTitle: '',\n        snackbarTitle: '',\n        template: '',\n        updateFieldPayload: {},\n      }\n    },\n    computed: {\n      activeForm() { return this.$store.state.attributeForm.activeIndexForm },\n      areFormsDirty() { return this.$store.state.forms.areFormsDirty },\n      containsMoreThanWorkflowFields() {\n        const fieldsLocal = this.filteredFields().filter((f) => {\n          if (f.name === 'Workflow_Status' || f.name === 'Workflow_Approver' || f.name === 'Workflow_Due_Date' || f.value === 'Workflow_Initiator' || f.value === 'CreatedBy') {\n            return false\n          } else return true\n        })\n        return fieldsLocal.length > 0\n      },\n      desiredPendingRoute() { return this.$store.state.forms.desiredPendingRoute },\n      ellipsisButtonConfig() { return this.ellipsisOpenType === 'form-layout' ? this.ellipsisButtonFormLayoutConfig : this.ellipsisButtonFieldConfig },\n      filteredLayoutArray() {\n        return !this.formLayoutArray ? [] : this.formLayoutArray.filter((formLayout) => {\n          return formLayout.Name.toLowerCase().includes(this.lowerLayoutFilterString) || formLayout.Description.toLowerCase().includes(this.lowerLayoutFilterString)\n        })\n      },\n      forms() { return this.$store.state.attributeForm.forms },\n      groups() { return this.$store.state.common.groups },\n      leaveMessage() {\n        return this.activeForm.ID\n          ? `Are you sure you want to leave? Changes to \"${this.activeForm.name}\" have not been saved.`\n          : `Are you sure you want to leave? Changes to \"${this.newFormName}\" have not been saved.`\n      },\n      lowerFieldFilterString() { return !this.fieldFilterText ? '' : this.fieldFilterText.toLowerCase() },\n      lowerLayoutFilterString() { return !this.layoutFilterText ? '' : this.layoutFilterText.toLowerCase() },\n      newFormId() { return this.$store.state.attributeForm.newFormId },\n      updatePromptMessage() { return 'Do you want to update all forms ?' },\n      users() { return this.$store.state.common.users },\n    },\n    watch: {\n      activeForm() {\n        if (this.activeForm.ID) {\n          this.isLoading = false\n        }\n      },\n      desiredPendingRoute() { this.toggleLeaveDialog() },\n    },\n    created: async function () {\n      this.ellipsisButtonFormLayoutConfig.buttons = [\n        {\n          id: 'copy-link',\n          name: 'Copy Link',\n          icon: 'VasionLinkIcon',\n        },\n        {\n          id: 'embed-form-layout',\n          name: 'Copy Embedded Link',\n          icon: 'VasionCodeIcon',\n        },\n        {\n          id: 'HR',\n          name: 'HR',\n          isHorizontalRule: true,\n        },\n        {\n          id: 'edit-form-layout-button',\n          name: `Edit ${$layoutsLabel}`,\n          icon: 'VasionEditIcon',\n        },\n        {\n          id: 'delete-form-layout-button',\n          name: `Delete ${$layoutsLabel}`,\n          icon: 'VasionDeleteIcon',\n        },\n        {\n          id: 'copy-form',\n          name: `Copy ${$layoutsLabel}`,\n          icon: 'VasionFileCopyIcon',\n        },\n      ]\n      this.selectedTabName = this.$store.state.forms.defaultFormTab ? this.$store.state.forms.defaultFormTab : 'fields'\n      this.$store.dispatch('forms/setDefaultFormTab', '')\n\n      if (this.$route.params.formID) {\n        await this.$store.dispatch('attributeForm/populateIndexFormAdminData')\n        this.getDetails(this.$route.params.formID)\n      } else {\n        this.toggleCreateNewForm()\n      }\n      this.saving = false\n      if (!this.creatingNewForm) {\n        this.isLoading = true\n      }\n    },\n    updated: function () {\n      this.$store.dispatch('mainViews/changeMainNav', `configure-form-${this.$route.params.formID}`)\n    },\n    methods: {\n      addNewForm: async function () {\n        if (this.newFormName.match(/[<>;:'\"/\\\\|?*_=+{}[\\],.`~!@#$%^&()]/)) {\n          this.snackbarTitle = 'Special Character Detected'\n          this.snackbarSubTitle = 'Name cannot include special character(s).'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          return\n        }\n\n        if (this.newFormName.trim() === '') {\n          this.snackbarTitle = 'Only Spaces Detected'\n          this.snackbarSubTitle = 'Name cannot only include spaces.'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          return\n        }\n\n        const payload = {\n          Value: this.newFormName,\n        }\n\n        this.isLoading = true\n        await this.$store.dispatch('attributeForm/createNewForm', payload)\n        this.$store.dispatch('attributeForm/getForms')\n        this.getDetails(this.newFormId)\n        this.toggleCreateNewForm()\n        this.$store.dispatch('forms/updateAreFormsDirty', false)\n        this.isLoading = false\n      },\n      calculatedClass(selectedTab) { return this.selectedTabName === selectedTab ? 'text-selected' : 'text' },\n      async copyToClipboard(data, type) {\n        let url\n        let baseURL = window.location.href\n        const lastIndex = baseURL.indexOf('/forms/editForm')\n        baseURL = baseURL.substring(0, lastIndex)\n        const formName = encodeURI(data.Name)\n        if (type === 'link') {\n          url = `${baseURL}/formLink/${formName}/${data.EFormID}`\n        } else {\n          url = `<div style=\"width:100%;\"><iframe src=\"${baseURL}/formLink/${formName}/${data.EFormID}\" width=\"100%\" height=\"100%\" style=\"position:absolute\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen></iframe></div>`\n        }\n\n        let textCopySuccess = false\n        try {\n          // navigator is the better method, but can only be used in a secure context or localhost\n          // meaning it fails in \"http\".\n          // so, plan B is the hack in the \"else\" statement to add the text to a hidden text area and hope that works\n          if (navigator.clipboard && window.isSecureContext) {\n            await navigator.clipboard.writeText(url)\n            textCopySuccess = true\n          } else {\n            const textArea = document.createElement(\"textarea\")\n            textArea.value = url\n            // make the textarea out of viewport\n            textArea.style.position = \"fixed\"\n            textArea.style.left = \"-999999px\"\n            textArea.style.top = \"-999999px\"\n            document.body.appendChild(textArea)\n            textArea.focus()\n            textArea.select()\n\n            textCopySuccess = document.execCommand('copy')\n            textArea.remove();\n          }\n        } catch {\n          textCopySuccess = false\n        }\n\n        this.snackbarTitle = textCopySuccess ? 'Copied!' : 'Could NOT Copy!'\n        this.snackbarSubTitle = textCopySuccess ? 'Link copied to clipboard' : ''\n        this.snackbarImage = true\n        this.showSnackbar = true\n      },\n      async deleteField() {\n        const payload = {\n          fieldName: this.deleteFieldName,\n          formID: this.activeForm.ID,\n        }\n\n        this.showGeneralModal = false\n        this.isLoading = true\n        const canDeleteResult = await this.$store.dispatch('document/canRemoveAttributeField', payload)\n\n        if (canDeleteResult === '') {\n          const index = this.fields.findIndex((f) => f.name === payload.fieldName)\n          const fieldType = this.fields[index].type\n          this.fields.splice(index, 1)\n          this.fieldFilterText = ''\n\n          const saveSuccess = await this.saveFormFields()\n          if (saveSuccess) {\n            if (fieldType === 2) {\n              const payload = {\n                IndexFormID: this.activeForm.ID,\n                FieldToFilter: this.deleteFieldName,\n                FilterFields: [],\n              }\n              this.$store.dispatch('document/saveFilterFields', payload)\n            }\n\n            this.snackbarTitle = `Successfully Removed Field \"${payload.fieldName}\"`\n            this.snackbarSubTitle = ''\n            this.snackbarImage = true\n            this.showSnackbar = true\n          }\n        } else {\n          this.snackbarTitle = 'Cannot Remove Field'\n          this.snackbarSubTitle = canDeleteResult\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n\n        this.isLoading = false\n      },\n      cancelLeave() {\n        this.routeTo = null\n        this.toggleLeaveDialog()\n      },\n      clickedOutsideLeave() { this.routeTo = null },\n      async deleteFormLayout() {\n        if (this.deleteFormLayoutID <= 0) {\n            return\n          }\n\n          this.isLoading = true\n          const response = await this.$store.dispatch('common/deleteEForm', this.deleteFormLayoutID)\n\n          this.showGeneralModal = false\n          this.snackbarTitle = response === '' ? `${$layoutsLabel} Deleted Successfully` : `Error Deleting ${$layoutsLabel}`\n          this.snackbarSubTitle = response === '' ? `The ${$layoutsLabel} has been removed` : response\n          this.snackbarImage = response\n          this.showSnackbar = true\n          this.isLoading = false\n\n          if (response) {\n            this.loadFormLayoutsFromActiveForm()\n          }\n      },\n      async copyForm(EFormID) { this.$router.push({ name: 'TheNewFormView', params: { formID: this.activeForm.ID, formLayoutID: EFormID, isCopy: true } }) },\n      doLeave() {\n        this.$store.dispatch('forms/updateAreFormsDirty', false)\n        this.toggleLeaveDialog()\n        this.isLoading = true\n\n        if (this.routeTo && this.routeTo.name !== '') {\n          if (this.routeTo.params) {\n            this.$router.push({ name: this.routeTo.name })\n          } else {\n            this.$router.push({ name: this.routeTo.name, params: this.routTo.params })\n          }\n\n          this.routeTo = null\n        } else {\n          if (this.desiredPendingRoute.location === 'all-forms') {\n            this.$router.push({ name: 'AllForms' })\n          } else {\n            this.$router.push({ name: 'EditForm', params: { formID: this.desiredPendingRoute.value } })\n          }\n          this.$store.dispatch('mainViews/changeMainNav', this.desiredPendingRoute.location)\n        }\n      },\n      editFormLayout(formLayoutID) { this.$router.push({ name: 'TheNewFormView', params: { formID: this.activeForm.ID, formLayoutID: formLayoutID } }) },\n      async editFormName() {\n        const payload = {\n                attributeFormID: this.activeForm.ID,\n                attributeFormName: this.formName,\n            }\n\n        await this.$store.dispatch('attributeForm/renameForm', payload)\n        this.updateNameInFormList(payload)\n      },\n      ellipsisButtonClicked(payload) {\n        this.ellipsisClose()\n\n        if (!payload || !payload.buttonId || !payload.item) {\n          return\n        }\n        this.deletingEntityId = payload.buttonId\n        switch (payload.buttonId) {\n          case 'copy-form':\n            this.copyForm(payload.item.EFormID)\n            break;\n          case 'copy-link':\n            this.copyToClipboard(payload.item, 'link')\n            break;\n          case 'edit-field-button':\n            this.toggleFieldEdit(payload.item.name)\n            break;\n          case 'embed-form-layout':\n            this.copyToClipboard(payload.item, 'embed')\n            break;\n          case 'delete-field-button':\n            this.generalModalMessage = `Are you sure you want to delete ${payload.item.name}?`\n            this.showGeneralModal = true\n            this.deleteFieldName = payload.item.name\n            break\n          case 'edit-form-layout-button':\n            this.editFormLayout(payload.item.EFormID)\n            break\n          case 'delete-form-layout-button':\n            this.generalModalMessage = `Are you sure you want to delete ${payload.item.Name}?`\n            this.showGeneralModal = true\n            this.deleteFormLayoutID = payload.item.EFormID\n            break\n          default:\n            break\n        }\n      },\n      ellipsisClose() { this.showEllipsisMenu = false },\n      ellipsisOpen(event, item, openType) {\n        this.ellipsisOpenType = openType\n        this.ellipsisClose()\n        this.ellipsisRowItem = item\n        let displayY = event.pageY\n        let baseSize = 0\n\n        if (this.ellipsisButtonConfig && this.ellipsisButtonConfig.buttons) {\n          baseSize = this.ellipsisButtonConfig.buttons.length * 40\n        }\n\n        if (displayY + baseSize > document.documentElement.scrollHeight) {\n          displayY -= baseSize\n        }\n\n        this.ellipsisMenuTopStyle = `top:${displayY}px;`\n        this.showEllipsisMenu = true\n      },\n      fieldTypeText(fieldType) {\n        const foundFieldType = this.fieldTypeList.find((element) => {\n          return element.id === fieldType\n        })\n        return foundFieldType?.value\n      },\n      filteredFields() {\n        return !this.fields ? [] : this.fields.filter((field) => {\n          return field.name.toLowerCase().includes(this.lowerFieldFilterString) || field.title.toLowerCase().includes(this.lowerFieldFilterString)\n        })\n      },\n      async generalModalOKClick() {\n        if (this.deletingEntityId === 'delete-field-button') {\n          this.deleteField()\n        } else if (this.deletingEntityId === 'delete-form-layout-button') {\n          this.deleteFormLayout()\n        }\n      },\n      getDetails: async function (formId) {\n        await this.$store.dispatch('attributeForm/getFormDetails', formId)\n        this.setDataFromActiveForm()\n        this.markAsClean()\n        this.creatingNewForm = false\n        this.editingField = false\n        this.formName = this.activeForm.name\n      },\n      getIdValue: function (prefix, id) { return `${prefix}-${id}` },\n      goToAllForms() { this.$router.push({ name: 'AllForms' }) },\n      async loadFormLayoutsFromActiveForm() {\n        const formLayoutResponse = await this.$store.dispatch('forms/getEFormsByFormID', this.activeForm.ID)\n        this.formLayoutArray = formLayoutResponse && formLayoutResponse.EFormCollection && formLayoutResponse.EFormCollection.Values ? formLayoutResponse.EFormCollection.Values.slice() : []\n      },\n      markAsClean() { this.$store.dispatch('forms/updateAreFormsDirty', false) },\n      markAsDirty() { this.$store.dispatch('forms/updateAreFormsDirty', true) },\n      newLayoutClick() { this.$router.push({ name: 'TheNewFormView', params: { formID: this.activeForm.ID, formLayoutID: '0' } }) },\n      promptUpdateField(payload) {\n        this.showUpdateFieldsPrompt = !this.showUpdateFieldsPrompt\n        this.updateFieldPayload = payload\n      },\n      reorderField: function (direction, fieldName) {\n        // Get the field element and index for the field being moved\n        const originalIndex = this.fields.findIndex((f) => f.name === fieldName);\n        const fieldBeingMoved = this.fields[originalIndex]\n\n        // Get the field element and index for the field being displaced\n        const newIndex = direction === 'up' ? (originalIndex - 1) : (originalIndex + 1);\n\n        // Set the new fieldOrder value for the field being moved\n        const movedFieldOrder = this.fields[originalIndex].fieldOrder\n        this.fields[originalIndex].fieldOrder = direction === 'up' ? (movedFieldOrder - 1) : (movedFieldOrder + 1);\n\n        // Set the new fieldOrder value for the field being displaced\n        const displacedFieldOrder = this.fields[newIndex].fieldOrder\n        this.fields[newIndex].fieldOrder = direction === 'up' ? (displacedFieldOrder + 1) : (displacedFieldOrder - 1);\n\n        // Now move the fields\n        const newArray = this.fields.filter((f) => { // Remove the field being moved from the fields array\n            return f.name !== fieldName\n        })\n        newArray.splice(newIndex, 0, fieldBeingMoved) // Stuff it back in, at it's new home\n\n        this.fields = newArray;\n        this.saveFormFields()\n      },\n      resetLocalFieldInfo() {\n        this.editingFieldName = ''\n        this.newFieldConfig.fieldUniqueName = { name: '<New Field>' }\n        this.newFieldConfig.fieldLabel = ''\n        // eslint-disable-next-line\n        this.newFieldConfig.fieldType = this.fieldTypeList[0]\n        this.newFieldConfig.fieldValues = ''\n        this.newFieldConfig.fieldLength = 100\n        this.fieldId = 0\n        this.fieldOrder = 0\n        this.newFieldConfig.fieldHidden = false\n        this.newFieldConfig.mandatory = false\n        this.piiData = false\n        this.newFieldConfig.readOnly = false\n        this.newFieldConfig.systemDate = false\n        this.newFieldConfig.totalPageNo = false\n        this.newFieldConfig.filterValues = false\n        this.newFieldConfig.filterFieldsList = []\n      },\n      async saveFormFields() {\n        this.isLoading = true\n        const payload = {\n          ID: this.activeForm.ID,\n          fields: this.fields,\n        }\n        const response = await this.$store.dispatch('attributeForm/saveAttributeFormFields', payload)\n        const result = response?.errorMessage === ''\n\n        if (!result) {\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = 'Unable to update form fields'\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n        else {\n          response.fields?.forEach(f => {\n             const index = this.fields.findIndex(lf => lf.fieldID === 0 && lf.name === f.name)\n             if (index >= 0) {\n                this.fields[index].fieldID = f.fieldID\n             }\n          })\n        }\n\n        this.fields.forEach(field => {\n          if (field.type === 2) {\n            const payload = {\n              IndexFormID: this.activeForm.ID,\n              FieldToFilter: field.name,\n              FilterFields: (!field.filterValues) ? [] : field.filterFieldsList.filter(f => { return f.selected }).map(a => {\n                return {\n                  \"BaseFieldValue\": a.baseFieldValue,\n                  \"FilterFieldName\": a.filterFieldName,\n                  \"FilterFieldValue\": a.filterFieldValue,\n                }\n              }),\n            }\n            this.$store.dispatch('document/saveFilterFields', payload)\n          }\n        })\n\n        await this.$store.dispatch('forms/getAllFieldHeaders')\n\n        this.isLoading = false\n        return result\n      },\n      async setDataFromActiveForm() {\n        this.template = this.activeForm.documentNameTemplate\n        this.formName = this.activeForm.name\n        this.renameFiles = this.activeForm.renameFiles\n\n        this.accessUsers = []\n        this.accessGroups = []\n        this.availableUsers = []\n        this.availableGroups = []\n\n        this.users.forEach((user) => {\n          const newUser = {\n            name: user.name,\n            value: user.value,\n          }\n\n          if (this.activeForm.accessUserIDs && this.activeForm.accessUserIDs.includes(user.value)) {\n            this.accessUsers.push(newUser)\n          } else {\n            this.availableUsers.push(newUser)\n          }\n        })\n\n        this.groups.forEach((group) => {\n          const newGroup = {\n            name: group.name,\n            value: group.value,\n          }\n\n          if (this.activeForm.accessGroupIDs && this.activeForm.accessGroupIDs.includes(group.value)) {\n            this.accessGroups.push(newGroup)\n          } else {\n            this.availableGroups.push(newGroup)\n          }\n        })\n\n        this.fields = this.activeForm.fields\n\n        for (const field of this.fields) {\n          field.filterValues = false\n          field.filterFieldsList = []\n          if (field.type === 2) {\n            let filterPayload = {\n              IndexFormID: this.activeForm.ID,\n              BaseFieldName: field.name\n            }\n\n            let filterResult = await this.$store.dispatch('document/getFilterFieldsForEditing', filterPayload)\n            if (filterResult.FilterFieldsList) {\n              if (filterResult.FilterFieldsList.length > 0) {\n                field.filterValues = true\n              }\n\n              filterResult.FilterFieldsList.forEach(ff => {\n                field.filterFieldsList.push(\n                  {\n                    \"filterFieldName\": ff.FilterFieldName,\n                    \"baseFieldValue\": ff.BaseFieldValue,\n                    \"filterFieldValue\": ff.FilterFieldValue,\n                    \"selected\": true,\n                  }\n                )\n              })\n            }\n          }\n        }\n\n        this.loadFormLayoutsFromActiveForm()\n      },\n      shouldReorderDownShow(sequence) { return this.activeForm && this.activeForm.fields && (sequence + 1) < this.activeForm.fields.length },\n      shouldReorderUpShow(sequence) { return sequence > 0 },\n      showFailureSaveMessage(messageDetail) {\n        this.snackbarTitle = `Unable to update ${$formsLabel}`\n        this.snackbarSubTitle = messageDetail\n        this.snackbarImage = false\n        this.showSnackbar = true\n      },\n      async submitForm() {\n        if (!this.validateSaveData()) {\n          return\n        }\n\n        this.isLoading = true\n        if (this.formName !== this.activeForm.name) {\n          await this.editFormName()\n        }\n\n        const form = {\n          ID: this.activeForm.ID,\n          accessGroupIDs: this.accessGroups ? this.accessGroups.map((group) => {\n            return group.value\n          }) : [],\n          accessUserIDs: this.accessUsers ? this.accessUsers.map((user) => {\n            return user.value\n          }) : [],\n          documentNameTemplate: this.template,\n          renameFiles: this.renameFiles,\n        }\n\n        const success = await this.$store.dispatch('attributeForm/saveAttributeFormHeader', form)\n        this.isLoading = false\n        this.$store.dispatch('forms/updateAreFormsDirty', false)\n        if (success.Value === 'True') {\n          this.saving = true\n          this.goToAllForms()\n        } else {\n          this.showFailureSaveMessage(success)\n        }\n      },\n      toggleCreateNewForm: function () { this.creatingNewForm = !this.creatingNewForm },\n      toggleCheckbox(id) {\n        this[id] = !this[id]\n        this.markAsDirty()\n      },\n      toggleFieldEdit: function (fieldName) { this.$refs.newFieldDialog.toggleFieldEdit(fieldName) },\n      toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n      async updateFieldsInForms() {\n        this.isLoading = true\n        const response = await this.$store.dispatch('forms/updateFieldInEForms', this.updateFieldPayload)\n        if (response === 'False') {\n          this.snackbarTitle = 'Error!'\n          this.snackbarSubTitle = 'Could not update all fields'\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n        this.showUpdateFieldsPrompt = !this.showUpdateFieldsPrompt\n        this.isLoading = false\n      },\n      updateNameInFormList: function (payload) {\n          const form = this.forms.find((f) => f.value === payload.attributeFormID)\n          if (form) {\n              form.name = payload.attributeFormName\n              this.activeForm.name = payload.attributeFormName\n          }\n      },\n      updateSelectedTab(newSelectedTab) { this.selectedTabName = newSelectedTab },\n      updateTable(fields) {\n        this.fields = fields\n\n        this.loadFormLayoutsFromActiveForm()\n        this.saveFormFields()\n      },\n      validateSaveData() {\n        this.formName = this.formName.trim()\n        if (!this.formName) {\n          this.showFailureSaveMessage(`The ${$formsLabel} Name Cannot be Blank or Only Include Whitespace`)\n          return false\n        }\n\n        if (this.renameFiles && !this.template) {\n          this.showFailureSaveMessage('The File Name Format cannot be empty if Rename Files is set')\n          return false\n        }\n\n        // validate field uniqueness\n        let errorMessage = ''\n        const uniqueFieldNames = []\n\n        this.fields.map((field) => {\n          if (uniqueFieldNames.includes(field.name)) {\n            errorMessage += `${field.name} is not a unique field name. `\n            return false\n          }\n\n          uniqueFieldNames.push(field.name)\n          return true\n        })\n\n        if (errorMessage) {\n          this.showFailureSaveMessage(errorMessage)\n          return false\n        }\n\n        return true\n      },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n  #active-form-name::v-deep {\n    input {\n      color: black;\n    }\n  }\n\n  .button-div {\n    position: relative;\n    left: 50%;\n    top: 55%;\n  }\n\n  .tab-div {\n    margin-left: -10px;\n  }\n\n  .field-dialog {\n    width: 47%;\n  }\n\n  .dialogFooter {\n    width: 100%;\n    text-align: right;\n  }\n\n  .lightestGreyBackground {\n    background-color: $grey-50;\n  }\n\n  .spacer {\n    width: 2%;\n  }\n\n  .row {\n    width: 100%;\n    margin: 13px 0;\n    display: flex;\n    align-items: center;\n\n    .row-field {\n      margin: 0 16px 5px 0;\n\n      &.checkbox {\n        padding-top: 18px;\n        width: 390px;\n      }\n    }\n  }\n\n  .top-padding {\n    padding-top: 15px;\n  }\n\n  .right-text-align {\n    text-align: right;\n  }\n\n  .pointer:hover {\n    cursor: pointer;\n  }\n\n  .innerDiv {\n    padding-left: 16px;\n    padding-top: 7px;\n    padding-right: 16px;\n    width: 100%;\n\n    .dialog {\n      width: 750px;\n      height: 325px;\n    }\n  }\n\n  .detailsDiv {\n    background-color: white;\n  }\n\n  .w100 {\n    width: 100%;\n  }\n\n  .createFormDiv {\n    display: flex;\n    justify-content: center;\n    padding-top: 20px;\n  }\n\n  .leftSideNavDiv {\n    width: 304px;\n    height: 100%;\n    background-color: $grey-50;\n    overflow: auto;\n  }\n\n  #field-list {\n      min-width: 400px;\n      .form-field-title {\n          width: 200px;\n          margin-left: 15px;\n      }\n\n      .form-field-type {\n          width: 100px;\n      }\n      thead, tbody tr {\n        display:table;\n        width:100%;\n        table-layout:fixed;/* even columns width , fix width of table too*/\n      }\n  }\n\n  #index-form-submit {\n      margin-top: 0px;\n  }\n\n  #name-edit-form, #create-new-field {\n      padding: 10px;\n      border: thin solid gray;\n  }\n\n  #create-new-form {\n    padding: 10px;\n    width: 500px;\n    border: thin solid gray;\n    text-align: right;\n  }\n\n  #create-new-field {\n      padding: 10px;\n      border: none;\n  }\n\n  #index-new-form-cancel, #index-form-name-cancel {\n      margin-left: 5px;\n  }\n\n  .form-item {\n    width: 100%;\n  }\n\n  .vasion-html-table-default\n  {\n    padding-top: 20px;\n  }\n\n  .controls-column {\n    width: 125px;\n    text-align: right;\n  }\n\n  .icon-table-column {\n    width: 40px;\n    text-align: right;\n    fill: $grey-400;\n  }\n\n  .field-mandatory-column {\n    width: 100px;\n  }\n\n  .field-type-column {\n    width: 200px;\n  }\n\n  .field-header-table {\n    width: 100%;\n    margin-top: 20px;\n  }\n\n  .field-header-filter-column {\n    text-align: right;\n    width: 300px;\n  }\n\n  .field-header-add-field-column {\n    text-align: right;\n    width: 100px;\n  }\n\n  .layout-name-table-column {\n    width: 40%;\n  }\n\n  .no-form-layouts-div {\n    padding-top: 40px;\n    width: 100%;\n    text-align: center;\n  }\n\n  .no-form-layouts-label-div {\n    margin-top: 10px;\n  }\n\n  .md-layout-item {\n    width: 315px !important;\n  }\n\n  .scrollTBody {\n    display: table-caption;\n    caption-side: bottom;\n    overflow: auto;\n    max-height: calc(100vh - 385px);\n  }\n  .scrollTBodyFields {\n    display: table-caption;\n    caption-side: bottom;\n    overflow: auto;\n    max-height: calc(100vh - 315px);\n  }\n\n  table {\n    table-layout: fixed;\n    width: 100%;\n  }\n  .fields-column {\n    width: 20%;\n  }\n  td.fields-column:nth-child(2) { // \"Unique Name\" column\n    padding-left: 1px;\n  }\n  td.fields-column:nth-child(3) { // \"Mandatory\" column\n    padding-left: 5px;\n  }\n  td.fields-column:nth-child(4) { // \"Field Type\" column\n    padding-left: 6px;\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheEditAttributeForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheEditAttributeForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheEditAttributeForm.vue?vue&type=template&id=528167c7&scoped=true&\"\nimport script from \"./TheEditAttributeForm.vue?vue&type=script&lang=js&\"\nexport * from \"./TheEditAttributeForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheEditAttributeForm.vue?vue&type=style&index=0&id=528167c7&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  \"528167c7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheEditAttributeForm.vue?vue&type=style&index=0&id=528167c7&lang=scss&scoped=true&\""],"sourceRoot":""}