NonRecal - Verified - ITAC | Components re-arranged

This commit is contained in:
scottkiener-at-safelite 2026-01-16 11:11:04 -05:00
parent de77b68bba
commit b26b00c954

View file

@ -43,44 +43,37 @@
formatAmountInDollars(deductibleValue)
}}</span>
</div>
<alert
v-if="isITACQuoteVisible"
ref="verifiedITACAlert"
class="mb-5"
cmsWidgetName="VerifiedITACAlert"
:manualHeadline="verifiedItacAlertHeader"
:manualCopy="verifiedItacAlertBody"
alertClass="alert-success"
:isDismissible="false">
</alert>
<div
class="fw-bold text-black mt-5 mb-2"
v-html="nextStepsHeader"></div>
<div
class="body-text"
v-html="nextStepsBody"></div>
<buttonQuestion
v-if="isQuoteDisplayed"
v-model="selectedProvider"
cmsWidgetName="ServiceProviderQuestion"
:questionText="serviceProviderQuestionText"
:answers="serviceProviderQuestionAnswers"
groupName="ServiceProviderQuestionOption"
buttonTypeString="listButton"
isRequired
:validationRules="rules.selectionRequired">
</buttonQuestion>
<siteFooter
:ref="SITE_FOOTER_REF_NAME"
class="mt-5"
cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid"
@backClicked="navigateBackByVehicleQuestions"
@forwardClicked="navigateForward" />
<textBlock
<buttonMain
ref="buttonMain"
class="full-width-button"
variant="navigation"
buttonText="Continue scheduling"
@clickEvent="continueToSchedule" />
<textLink
class="underlined-text"
linkType="navigation"
text="No, I want to cancel"
href="#"
@clickEvent="cancelClaim" />
<textBlock
v-if="isQuoteDisplayed"
:customText="disclaimerText"
typeStyle="caption" />
<siteFooter
:ref="SITE_FOOTER_REF_NAME"
class="mt-5"
isForwardButtonHidden="true"
cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid"
@backClicked="navigateBackByVehicleQuestions"/>
</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 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 buttonQuestion from '@/digital-components/button-question/button-question.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 {
fetchCmsContentForPage,
@ -148,8 +141,9 @@ export default {
alert,
cancelClaimModal,
contentGroupModal,
buttonQuestion,
textBlock
buttonMain,
textBlock,
textLink
},
mixins: [baseFormMixin, vehicleQuestionsMixin],
async beforeRouteEnter(to, from, next) {
@ -526,6 +520,12 @@ export default {
.sub-header {
line-height: 2rem;
}
.full-width-button {
width: 100%;
}
.underlined-text {
text-decoration: underline;
}
:deep(ol) {
padding: 0;
padding-left: 1.125rem;