From 68a97846bed250028ea2875f45b9850317c60aa2 Mon Sep 17 00:00:00 2001 From: Matt Caimi Date: Fri, 2 Feb 2024 14:49:26 -0500 Subject: [PATCH 1/3] SSR-488 disable policyzip and lossdate on welcome page --- src/layouts/entry-page/entry-page.vue | 1 + src/layouts/welcome-page/welcome-page.vue | 8 ++++++++ src/store/index.js | 3 ++- 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/src/layouts/entry-page/entry-page.vue b/src/layouts/entry-page/entry-page.vue index b627bc37..cf029370 100644 --- a/src/layouts/entry-page/entry-page.vue +++ b/src/layouts/entry-page/entry-page.vue @@ -165,6 +165,7 @@ export default { case 'lossdate': // NOTE: May need some date parsing logic in here depending on client. this.mainStore.order.policy.dateOfLoss = value; + this.mainStore.issConfig.disabledFields.dateOfLoss = true; break; case 'successreturnurl': diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index c2b8c4ca..bfe8a390 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -34,6 +34,7 @@ inputId="policyZipCode" cmsWidgetName="PolicyZipQuestion" isRequired + :isDisabled="isPolicyZipEnabled" :validationRules="rules.policyZip" /> @@ -46,6 +47,7 @@ cmsWidgetName="DateOfLossQuestion" inputId="dateOfLossField" isRequired + :isDisabled="isDateOfLossEnabled" disableAutoFill :max="new Date().toJSON().slice(0, 10)" :min="'1972-12-01'" @@ -306,6 +308,12 @@ export default { isPolicyHolderEnabled() { return !!this.mainStore.issConfig.disabledFields.policyNumber; }, + isPolicyZipEnabled() { + return !!this.mainStore.issConfig.disabledFields.policyZipCode; + }, + isDateOfLossEnabled() { + return !!this.mainStore.issConfig.disabledFields.dateOfLoss; + }, isCoverageEnabled() { return this.mainStore.issConfig.isCoverageEnabled; }, diff --git a/src/store/index.js b/src/store/index.js index a4e9f04d..4193431e 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -202,7 +202,8 @@ const getDefaultState = () => ({ failureReturnURL: null, // Client URL to return the user to when they encounter an error or bailout and are unable to complete the flow. disabledFields: { // Fields that are disabled and read only if sent over from a client. policyNumber: null, - policyZipCode: null + policyZipCode: null, + dateOfLoss: null } } }); From 99cd7b3f268582f0e5d038cdfc4d27fb1bd5bdaa Mon Sep 17 00:00:00 2001 From: Matt Caimi Date: Fri, 2 Feb 2024 15:12:26 -0500 Subject: [PATCH 2/3] SSR-488 disable fields when verified on coverage statement page --- src/layouts/coverage-statement/coverage-statement.vue | 3 +++ src/store/index.js | 7 +++++++ 2 files changed, 10 insertions(+) diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index 7e144400..831317e8 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -193,6 +193,9 @@ export default { vm.availableLineItems = pricingResults; vm.$refs.loadingModal.showModal(); vm.initializeComponent(availableLineItems); + if (!vm.unverified) { + useMainStore().disableKeyFields(); + } }); } }, diff --git a/src/store/index.js b/src/store/index.js index 4193431e..2c1b5cc6 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -1534,6 +1534,13 @@ export const useMainStore = defineStore({ this.issConfig.failureReturnURL = null; this.issConfig.disabledFields.policyNumber = false; this.issConfig.disabledFields.policyZipCode = false; + this.issConfig.disabledFields.dateOfLoss = false; + }, + + disableKeyFields() { + this.issConfig.disabledFields.policyNumber = true; + this.issConfig.disabledFields.policyZipCode = true; + this.issConfig.disabledFields.dateOfLoss = true; }, updateVehicleYear(year) { From b104dcc6afa563f9a5e80d43306343275794f6cd Mon Sep 17 00:00:00 2001 From: Matt Caimi Date: Fri, 2 Feb 2024 15:31:12 -0500 Subject: [PATCH 3/3] SSR-488 updated disabled fields computed names --- src/layouts/welcome-page/welcome-page.vue | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index bfe8a390..77a60a5f 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -20,7 +20,7 @@ cmsWidgetName="PolicyNumberQuestion" isRequired disableAutoFill - :isDisabled="isPolicyHolderEnabled" + :isDisabled="isPolicyHolderDisabled" :validationRules="rules.policyNumber" /> @@ -34,7 +34,7 @@ inputId="policyZipCode" cmsWidgetName="PolicyZipQuestion" isRequired - :isDisabled="isPolicyZipEnabled" + :isDisabled="isPolicyZipDisabled" :validationRules="rules.policyZip" /> @@ -47,7 +47,7 @@ cmsWidgetName="DateOfLossQuestion" inputId="dateOfLossField" isRequired - :isDisabled="isDateOfLossEnabled" + :isDisabled="isDateOfLossDisabled" disableAutoFill :max="new Date().toJSON().slice(0, 10)" :min="'1972-12-01'" @@ -305,13 +305,13 @@ export default { getStates() { return states; }, - isPolicyHolderEnabled() { + isPolicyHolderDisabled() { return !!this.mainStore.issConfig.disabledFields.policyNumber; }, - isPolicyZipEnabled() { + isPolicyZipDisabled() { return !!this.mainStore.issConfig.disabledFields.policyZipCode; }, - isDateOfLossEnabled() { + isDateOfLossDisabled() { return !!this.mainStore.issConfig.disabledFields.dateOfLoss; }, isCoverageEnabled() {