NonRecal - Verified - ITAC | Components re-arranged
This commit is contained in:
parent
de77b68bba
commit
b26b00c954
1 changed files with 33 additions and 33 deletions
|
|
@ -43,44 +43,37 @@
|
||||||
formatAmountInDollars(deductibleValue)
|
formatAmountInDollars(deductibleValue)
|
||||||
}}</span>
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
<alert
|
|
||||||
v-if="isITACQuoteVisible"
|
|
||||||
ref="verifiedITACAlert"
|
|
||||||
class="mb-5"
|
|
||||||
cmsWidgetName="VerifiedITACAlert"
|
|
||||||
:manualHeadline="verifiedItacAlertHeader"
|
|
||||||
:manualCopy="verifiedItacAlertBody"
|
|
||||||
alertClass="alert-success"
|
|
||||||
:isDismissible="false">
|
|
||||||
</alert>
|
|
||||||
<div
|
<div
|
||||||
class="fw-bold text-black mt-5 mb-2"
|
class="fw-bold text-black mt-5 mb-2"
|
||||||
v-html="nextStepsHeader"></div>
|
v-html="nextStepsHeader"></div>
|
||||||
<div
|
<div
|
||||||
class="body-text"
|
class="body-text"
|
||||||
v-html="nextStepsBody"></div>
|
v-html="nextStepsBody"></div>
|
||||||
<buttonQuestion
|
<buttonMain
|
||||||
v-if="isQuoteDisplayed"
|
ref="buttonMain"
|
||||||
v-model="selectedProvider"
|
class="full-width-button"
|
||||||
cmsWidgetName="ServiceProviderQuestion"
|
variant="navigation"
|
||||||
:questionText="serviceProviderQuestionText"
|
buttonText="Continue scheduling"
|
||||||
:answers="serviceProviderQuestionAnswers"
|
@clickEvent="continueToSchedule" />
|
||||||
groupName="ServiceProviderQuestionOption"
|
|
||||||
buttonTypeString="listButton"
|
<textLink
|
||||||
isRequired
|
class="underlined-text"
|
||||||
:validationRules="rules.selectionRequired">
|
linkType="navigation"
|
||||||
</buttonQuestion>
|
text="No, I want to cancel"
|
||||||
<siteFooter
|
href="#"
|
||||||
:ref="SITE_FOOTER_REF_NAME"
|
@clickEvent="cancelClaim" />
|
||||||
class="mt-5"
|
<textBlock
|
||||||
cmsWidgetName="SiteFooterWidget"
|
|
||||||
:isForwardActionDisabled="!meta.valid"
|
|
||||||
@backClicked="navigateBackByVehicleQuestions"
|
|
||||||
@forwardClicked="navigateForward" />
|
|
||||||
<textBlock
|
|
||||||
v-if="isQuoteDisplayed"
|
v-if="isQuoteDisplayed"
|
||||||
:customText="disclaimerText"
|
:customText="disclaimerText"
|
||||||
typeStyle="caption" />
|
typeStyle="caption" />
|
||||||
|
<siteFooter
|
||||||
|
:ref="SITE_FOOTER_REF_NAME"
|
||||||
|
class="mt-5"
|
||||||
|
isForwardButtonHidden="true"
|
||||||
|
cmsWidgetName="SiteFooterWidget"
|
||||||
|
:isForwardActionDisabled="!meta.valid"
|
||||||
|
@backClicked="navigateBackByVehicleQuestions"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -107,9 +100,9 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
|
||||||
import alert from '@/ux-components/alert/alert.vue';
|
import alert from '@/ux-components/alert/alert.vue';
|
||||||
import cancelClaimModal from '@/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue';
|
import cancelClaimModal from '@/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue';
|
||||||
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 buttonQuestion from '@/digital-components/button-question/button-question.vue';
|
|
||||||
import textBlock from '@/digital-components/text-block/text-block.vue';
|
import textBlock from '@/digital-components/text-block/text-block.vue';
|
||||||
|
import textLink from '@/ux-components/text-link/text-link.vue';
|
||||||
|
import buttonMain from '@/ux-components/button-main/button-main.vue';
|
||||||
// Import Supporting Files
|
// Import Supporting Files
|
||||||
import {
|
import {
|
||||||
fetchCmsContentForPage,
|
fetchCmsContentForPage,
|
||||||
|
|
@ -148,8 +141,9 @@ export default {
|
||||||
alert,
|
alert,
|
||||||
cancelClaimModal,
|
cancelClaimModal,
|
||||||
contentGroupModal,
|
contentGroupModal,
|
||||||
buttonQuestion,
|
buttonMain,
|
||||||
textBlock
|
textBlock,
|
||||||
|
textLink
|
||||||
},
|
},
|
||||||
mixins: [baseFormMixin, vehicleQuestionsMixin],
|
mixins: [baseFormMixin, vehicleQuestionsMixin],
|
||||||
async beforeRouteEnter(to, from, next) {
|
async beforeRouteEnter(to, from, next) {
|
||||||
|
|
@ -526,6 +520,12 @@ export default {
|
||||||
.sub-header {
|
.sub-header {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
|
.full-width-button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.underlined-text {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
:deep(ol) {
|
:deep(ol) {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
padding-left: 1.125rem;
|
padding-left: 1.125rem;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue