CASH-940 policy-info-submitted content
CASH-940 policy-info-submitted content
This commit is contained in:
parent
f2c8ab9241
commit
8c3bc461e2
1 changed files with 33 additions and 27 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
|
||||
<funnelHeader
|
||||
cmsWidgetName="FunnelHeaderWidget"
|
||||
ref="funnelHeader"
|
||||
|
|
@ -8,17 +8,22 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<insuranceNavBar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@cancel-clicked="cancelButtonAction"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
<funnelSubHeader
|
||||
cmsWidgetName="FunnelSubHeaderWidget"
|
||||
class="siteSubHeader pb-4"
|
||||
:alignLeft="true" />
|
||||
|
||||
<buttonMain
|
||||
ref="buttonMain"
|
||||
class="mb-3"
|
||||
isPrimary
|
||||
:buttonText="ContinueButtonCopy"
|
||||
loaderColor="white"
|
||||
:aria-disabled="false"
|
||||
:isDisabled="false"
|
||||
@click-event="forwardButtonAction" />
|
||||
|
||||
<div v-if="showAmFamDisclaimer" v-html="amFamDisclaimerWidget"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -27,8 +32,9 @@
|
|||
|
||||
<script>
|
||||
import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
|
||||
import insuranceNavBar from "@/fmg-components/insurance-nav-bar/insurance-nav-bar";
|
||||
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
|
||||
import { parentAccountNumbers } from "@/constants/insurance";
|
||||
import buttonMain from "@/ux-components/button-main/button-main";
|
||||
import { Form } from "vee-validate";
|
||||
|
||||
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
|
||||
|
|
@ -46,8 +52,8 @@ export default {
|
|||
},
|
||||
components: {
|
||||
Form,
|
||||
buttonMain,
|
||||
funnelHeader,
|
||||
insuranceNavBar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
|
|
@ -81,23 +87,23 @@ export default {
|
|||
clientLogoImageSrc() {
|
||||
return this.clientConfig?.ClientLogoWidget?.Image || "";
|
||||
},
|
||||
ContinueButtonCopy() {
|
||||
return this.getCmsContent("ContinueButtonWidget", "QuestionText");
|
||||
},
|
||||
amFamDisclaimerWidget() {
|
||||
return this.getCmsContent("AmFamDisclaimerWidget", "Text");
|
||||
},
|
||||
showAmFamDisclaimer() {
|
||||
return this.parentAccountNumberFromStore() === this.parentAccountNumbers.CONNECT;
|
||||
},
|
||||
parentAccountNumbers() {
|
||||
return parentAccountNumbers;
|
||||
},
|
||||
},
|
||||
|
||||
methods: {
|
||||
cancelButtonAction() {
|
||||
forwardButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_CANCEL_VERIFICATION,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
async forwardButtonAction() {
|
||||
this.$router.navigateWithSaving(
|
||||
this.navigationScenarios.CLICKED_FORWARD,
|
||||
this.pageName
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in a new issue