jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

making consts for refs

Browse source
This commit is contained in:
Michaela Brydon 2024-07-18 10:57:03 -04:00
parent c4648df1f5
commit ba8e1cf5f0
3 changed files with 43 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -76,7 +76,7 @@
cmsWidgetName="DisclaimerWidget" cmsWidgetName="DisclaimerWidget"
typeStyle="caption" /> typeStyle="caption" />
<siteFooter <siteFooter
ref="siteFooter" :ref="SITE_FOOTER_REF_NAME"
class="mt-5" class="mt-5"
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
@ -86,10 +86,10 @@
</div> </div>
</div> </div>
<contentGroupModal <contentGroupModal
ref="RecalModal" :ref="RECAL_MODAL_REF_NAME"
cmsWidgetName="RecalModal" /> cmsWidgetName="RecalModal" />
<contentGroupModal <contentGroupModal
ref="DeductibleModal" :ref="DEDUCTIBLE_MODAL_REF_NAME"
cmsWidgetName="DeductibleModal" cmsWidgetName="DeductibleModal"
class="deductible-modal" /> class="deductible-modal" />
</Form> </Form>
@ -127,6 +127,9 @@ import coverageStatuses from '@/constants/coverage-statuses';
import coverageType from '@/constants/coverage-type'; import coverageType from '@/constants/coverage-type';
const SAFELITE_PROVIDER = 'Safelite'; const SAFELITE_PROVIDER = 'Safelite';
const RECAL_MODAL_REF_NAME = "RecalModal";
const DEDUCTIBLE_MODAL_REF_NAME = "DeductibleModal";
const SITE_FOOTER_REF_NAME = "siteFooter";
export default { export default {
name: 'coverage-statement', name: 'coverage-statement',
@ -206,7 +209,10 @@ export default {
explanatoryText: 'ExplanatoryTextWidget', explanatoryText: 'ExplanatoryTextWidget',
nextStep: 'NextStepsWidget', nextStep: 'NextStepsWidget',
serviceProviderQuestion: 'ServiceProviderQuestion' serviceProviderQuestion: 'ServiceProviderQuestion'
} },
RECAL_MODAL_REF_NAME,
DEDUCTIBLE_MODAL_REF_NAME,
SITE_FOOTER_REF_NAME
}; };
}, },
computed: { computed: {
@ -328,17 +334,17 @@ export default {
this.selectedProvider === SAFELITE_PROVIDER this.selectedProvider === SAFELITE_PROVIDER
? 'Continue with Safelite' ? 'Continue with Safelite'
: 'Continue'; : 'Continue';
this.$refs.siteFooter.updateButtonText(buttonText); this.$refs[SITE_FOOTER_REF_NAME].updateButtonText(buttonText);
}, },
nextStepsBody(newValue, oldValue) { nextStepsBody(newValue, oldValue) {
if (newValue !== oldValue) { if (newValue !== oldValue) {
setupModalLink(this, 'RecalModal'); setupModalLink(this, RECAL_MODAL_REF_NAME);
setupModalLink(this, 'DeductibleModal'); setupModalLink(this, DEDUCTIBLE_MODAL_REF_NAME);
} }
}, },
verifiedItacAlertBody(newValue, oldValue) { verifiedItacAlertBody(newValue, oldValue) {
if (newValue !== oldValue) { if (newValue !== oldValue) {
setupModalLink(this, 'DeductibleModal'); setupModalLink(this, DEDUCTIBLE_MODAL_REF_NAME);
} }
} }
}, },

31
src/layouts/provider-preference/provider-preference.vue
View file

@ -32,7 +32,7 @@ ref="theForm"
:validationRules="rules.optionRequired" :validationRules="rules.optionRequired"
isRequired /> isRequired />
<siteFooter <siteFooter
ref="siteFooter" :ref="SITE_FOOTER_REF_NAME"
class="mt-5" class="mt-5"
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="isForwardActionDisabled" :isForwardActionDisabled="isForwardActionDisabled"
@ -45,15 +45,15 @@ ref="theForm"
:ref="RECAL_MODAL_REF_NAME" :ref="RECAL_MODAL_REF_NAME"
cmsWidgetName="RecalModal" /> cmsWidgetName="RecalModal" />
<steeringModal <steeringModal
ref="StateSteeringModal" :ref="STEERING_MODAL_REF_NAME"
cmsWidgetName="StateSteeringModal" /> cmsWidgetName="StateSteeringModal" />
<shopPreferenceModal <shopPreferenceModal
ref="ShopPreferenceDrawer" :ref="SHOP_PREFERENCE_MODAL_REF_NAME"
cmsWidgetName="ShopPreferenceDrawer" cmsWidgetName="ShopPreferenceDrawer"
:showSteeringLink="showSteeringLink" :showSteeringLink="showSteeringLink"
@openSteering="openStateSteeringModal" /> @openSteering="openStateSteeringModal" />
<tpaRecalModal <tpaRecalModal
ref="TPARecalModal" :ref="TPA_RECAL_MODAL_REF_NAME"
cmsWidgetName="TPARecalModal" cmsWidgetName="TPARecalModal"
:ackError="ackError" :ackError="ackError"
@buttonClick="navigateWithTPAAck" /> @buttonClick="navigateWithTPAAck" />
@ -86,10 +86,13 @@ import contentGroupModal from '@/iss-components/content-group-modal/content-grou
const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' }; const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' };
const RECAL_MODAL_REF_NAME = "RecalModal"; const RECAL_MODAL_REF_NAME = "RecalModal";
const STEERING_MODAL_REF_NAME = "StateSteeringModal";
const SHOP_PREFERENCE_MODAL_REF_NAME = "ShopPreferenceDrawer";
const TPA_RECAL_MODAL_REF_NAME = "TPARecalModal";
const SITE_FOOTER_REF_NAME = "siteFooter";
export default { export default {
name: 'provider-preference', name: 'provider-preference',
components: { components: {
siteFooter, siteFooter,
siteHeader, siteHeader,
@ -116,21 +119,25 @@ export default {
next((vm) => { next((vm) => {
vm.setCmsContent(resultMap.cmsContent); vm.setCmsContent(resultMap.cmsContent);
vm.showSteeringLink = !!vm.$refs.StateSteeringModal.ModalBodyText; vm.showSteeringLink = !!vm.$refs[STEERING_MODAL_REF_NAME].ModalBodyText;
if (vm.showSteeringLink) { if (vm.showSteeringLink) {
vm.$refs.StateSteeringModal.openModal(); vm.openStateSteeringModal();
} }
}); });
}, },
data() { data() {
return { return {
RECAL_MODAL_REF_NAME,
selectedProvider: null, selectedProvider: null,
showSteeringLink: false, showSteeringLink: false,
tpaAcknowledgement: false, tpaAcknowledgement: false,
rules: { rules: {
optionRequired: globalRules.OPTION_REQUIRED optionRequired: globalRules.OPTION_REQUIRED
} },
RECAL_MODAL_REF_NAME,
STEERING_MODAL_REF_NAME,
SHOP_PREFERENCE_MODAL_REF_NAME,
TPA_RECAL_MODAL_REF_NAME,
SITE_FOOTER_REF_NAME
}; };
}, },
computed: { computed: {
@ -229,8 +236,8 @@ export default {
this.mainStore.updateIsSafeliteProvider(false); this.mainStore.updateIsSafeliteProvider(false);
if (this.mainStore.issConfig.enableTPAFlow) { if (this.mainStore.issConfig.enableTPAFlow) {
if (this.mainStore.hasRecalibrationPart) { if (this.mainStore.hasRecalibrationPart) {
this.$refs.TPARecalModal.openModal(); this.$refs[TPA_RECAL_MODAL_REF_NAME].openModal();
this.$refs.siteFooter.removeLoader(); this.$refs[SITE_FOOTER_REF_NAME].removeLoader();
return; return;
} }
scenario = scenario =
@ -253,7 +260,7 @@ export default {
} }
}, },
openStateSteeringModal() { openStateSteeringModal() {
this.$refs.StateSteeringModal.openModal(); this.$refs[STEERING_MODAL_REF_NAME].openModal();
} }
} }
}; };

15
src/layouts/service-location/service-location.vue
View file

@ -86,7 +86,7 @@
" /> " />
<shopQuestion <shopQuestion
v-show="isShopQuestionDisplayed" v-show="isShopQuestionDisplayed"
ref="shopQuestion" :ref="SHOP_QUESTION_REF_NAME"
v-model="selectedProvider" v-model="selectedProvider"
:selectedAppointmentType="selectedAppointmentType" :selectedAppointmentType="selectedAppointmentType"
:isDisplayed="isShopQuestionDisplayed" :isDisplayed="isShopQuestionDisplayed"
@ -95,10 +95,10 @@
setMobileProviderNumber setMobileProviderNumber
" /> " />
<contentGroupModal <contentGroupModal
ref="RecalModal" :ref="RECAL_MODAL_REF_NAME"
cmsWidgetName="RecalModal" /> cmsWidgetName="RecalModal" />
<siteFooter <siteFooter
ref="siteFooter" :ref="SITE_FOOTER_REF_NAME"
class="mt-5" class="mt-5"
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled=" :isForwardActionDisabled="
@ -152,6 +152,11 @@ defineRule('mobile-location-required', (value) => {
return true; return true;
}); });
defineRule('selection-required', required(errorMessages.OPTION_REQUIRED)); defineRule('selection-required', required(errorMessages.OPTION_REQUIRED));
const SHOP_QUESTION_REF_NAME = "shopQuestion";
const RECAL_MODAL_REF_NAME = "RecalModal";
const SITE_FOOTER_REF_NAME = "siteFooter";
export default { export default {
name: 'service-location', name: 'service-location',
components: { components: {
@ -217,7 +222,7 @@ export default {
resultMap.mobileFeePart, resultMap.mobileFeePart,
resultMap.shopQuestionInitialData?.mobileProviderNumber resultMap.shopQuestionInitialData?.mobileProviderNumber
); );
vm.$refs.shopQuestion.initializeComponent(resultMap.shopQuestionInitialData); vm.$refs[SHOP_QUESTION_REF_NAME].initializeComponent(resultMap.shopQuestionInitialData);
}); });
}, },
setup() { setup() {
@ -389,7 +394,7 @@ export default {
); );
}, },
async reloadShopData(zipCode) { async reloadShopData(zipCode) {
await this.$refs.shopQuestion.reloadShopData(zipCode); await this.$refs[SHOP_QUESTION_REF_NAME].reloadShopData(zipCode);
}, },
async forwardButtonAction() { async forwardButtonAction() {
let provider = this.selectedProvider; let provider = this.selectedProvider;