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)
|
||||
}}</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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue