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

INSR-6047 - New elements and functionality

Browse source 
Page is functional and has all necessary elements
No styling done
This commit is contained in:
scottkiener-at-safelite 2026-01-14 09:17:58 -05:00
parent d56629b346
commit 55f7dcf0fb
1 changed files with 68 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -15,16 +15,26 @@
id="sub-header" id="sub-header"
cmsWidgetName="SiteSubHeader" cmsWidgetName="SiteSubHeader"
class="mb-0 mt-4 text-center" /> class="mb-0 mt-4 text-center" />
<buttonQuestion <div
ref="buttonQuestion" class="body-text"
v-model="selectedProvider" v-html="scheduleWithSafeliteText"></div>
class="provider-preference" <buttonMain
questionText="Select an option:" ref="buttonMain"
:answers="prefAnswers" variant="navigation"
groupName="prefQuestions" buttonText="Schedule now"
buttonTypeString="providerPrefRadio" :class="
:validationRules="rules.optionRequired" (disableForwardAction || isForwardActionDisabled) &&
isRequired /> 'form-test-invalid'
"
@clickEvent="forwardButtonAction(options.SAFELITE)" />
<div
class="body-text"
v-html="scheduleWithOtherText"></div>
<textLink
linkType="navigation"
text="Find another shop"
href="#"
@clickEvent="forwardButtonAction(options.TPA)" />
<siteFooter <siteFooter
:ref="SITE_FOOTER_REF_NAME" :ref="SITE_FOOTER_REF_NAME"
class="mt-5" class="mt-5"
@ -33,6 +43,7 @@
:isForwardButtonNavigationDisabled="isForwardNavigationDisabled" :isForwardButtonNavigationDisabled="isForwardNavigationDisabled"
@backClicked="navigateBack" @backClicked="navigateBack"
@forwardClicked="forwardButtonAction" /> @forwardClicked="forwardButtonAction" />
</div> </div>
</div> </div>
</div> </div>
@ -80,6 +91,8 @@ import globalRules from '@/constants/global-rules';
import bailoutMessage from '@/constants/bailoutMessage'; import bailoutMessage from '@/constants/bailoutMessage';
import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue'; import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue';
import showIssLoadingModal from '@/helpers/loading-modal-helper'; import showIssLoadingModal from '@/helpers/loading-modal-helper';
import textLink from '@/ux-components/text-link/text-link.vue';
import buttonMain from '@/ux-components/button-main/button-main.vue';
const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' }; const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' };
const RECAL_MODAL_REF_NAME = 'RecalModal'; const RECAL_MODAL_REF_NAME = 'RecalModal';
@ -97,10 +110,12 @@ export default {
// eslint-disable-next-line vue/no-reserved-component-names // eslint-disable-next-line vue/no-reserved-component-names
Form, Form,
buttonQuestion, buttonQuestion,
buttonMain,
steeringModal, steeringModal,
shopPreferenceModal, shopPreferenceModal,
tpaRecalModal, tpaRecalModal,
contentGroupModal contentGroupModal,
textLink
}, },
mixins: [baseFormMixin], mixins: [baseFormMixin],
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
@ -176,6 +191,15 @@ export default {
}, },
ackError() { ackError() {
return errorMessages.ACKNOWLEDGEMENT_REQUIRED; return errorMessages.ACKNOWLEDGEMENT_REQUIRED;
},
scheduleWithSafeliteText() {
return this.getCmsContent('ScheduleWithSafeliteText', 'BodyText');
},
scheduleWithOtherText() {
return this.getCmsContent('ScheduleWithOtherText', 'BodyText');
},
options() {
return options;
} }
}, },
watch: { watch: {
@ -223,41 +247,42 @@ export default {
showIssLoadingModal(true); showIssLoadingModal(true);
this.navigateForward(this.navigationScenarios.CLICKED_FORWARD_WITH_TPA_ENABLED); this.navigateForward(this.navigationScenarios.CLICKED_FORWARD_WITH_TPA_ENABLED);
}, },
forwardButtonAction() { forwardButtonAction(selectedProvider) {
if (this.selectedProvider) { console.log('forwardButtonAction', selectedProvider);
let scenario = null; let scenario = null;
switch (this.selectedProvider) { switch (selectedProvider) {
case options.SAFELITE: case options.SAFELITE:
this.mainStore.updateIsSafeliteProvider(true); this.mainStore.updateIsSafeliteProvider(true);
scenario =
this.navigationScenarios
.CLICKED_FORWARD_WITH_SAFELITE;
break;
case options.TPA:
this.mainStore.updateIsSafeliteProvider(false);
console.log('enableTPAFlow', this.mainStore.issConfig.enableTPAFlow);
if (this.mainStore.issConfig.enableTPAFlow) {
console.log('hasRecalibrationPart', this.mainStore.hasRecalibrationPart);
if (this.mainStore.hasRecalibrationPart) {
this.$refs[TPA_RECAL_MODAL_REF_NAME].openModal();
return;
}
scenario = scenario =
this.navigationScenarios this.navigationScenarios
.CLICKED_FORWARD_WITH_SAFELITE; .CLICKED_FORWARD_WITH_TPA_ENABLED;
break; } else {
case options.TPA: this.mainStore.setBailout(bailoutMessage.TPANotEnabled());
this.mainStore.updateIsSafeliteProvider(false); scenario =
if (this.mainStore.issConfig.enableTPAFlow) { this.navigationScenarios
if (this.mainStore.hasRecalibrationPart) { .CLICKED_FORWARD_WITH_TPA_DISABLED;
this.$refs[TPA_RECAL_MODAL_REF_NAME].openModal(); }
return; break;
} default:
scenario =
this.navigationScenarios
.CLICKED_FORWARD_WITH_TPA_ENABLED;
} else {
this.mainStore.setBailout(bailoutMessage.TPANotEnabled());
scenario =
this.navigationScenarios
.CLICKED_FORWARD_WITH_TPA_DISABLED;
}
break;
default:
}
this.navigateForward(scenario);
this.mainStore.saveProviderPreferenceData({
selectedProvider: this.selectedProvider,
tpaAcknowledgement: this.tpaAcknowledgement
});
} }
this.navigateForward(scenario);
this.mainStore.saveProviderPreferenceData({
selectedProvider: selectedProvider,
tpaAcknowledgement: this.tpaAcknowledgement
});
}, },
openStateSteeringModal() { openStateSteeringModal() {
this.$refs[STEERING_MODAL_REF_NAME].openModal(); this.$refs[STEERING_MODAL_REF_NAME].openModal();