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) 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;