coverage-statement updates WIP
This commit is contained in:
Katie Kroell
parent
eb92223842
commit
4f7da04a6c
1 changed files with 42 additions and 12 deletions
|
|
@ -64,8 +64,13 @@
|
|||
class="mt-4"
|
||||
v-html="nextStepsSubheader"></div>
|
||||
<div
|
||||
v-if="isDeductibleVisible || isUnverifiedVisible"
|
||||
class="body-text"
|
||||
v-html="nextStepsBody"></div>
|
||||
<div
|
||||
v-if="isITACQuoteVisible || isNoCompQuoteVisible"
|
||||
class="body-text"
|
||||
v-html="nextStepsBodyITACNoComp"></div>
|
||||
<div
|
||||
v-if="isNoCompQuoteVisible"
|
||||
class="no-comp-price-text">
|
||||
|
|
@ -92,7 +97,7 @@
|
|||
@clickEvent="cancelClaim" />
|
||||
<textBlock
|
||||
v-if="isDisclaimerVisible"
|
||||
class="mt-5"
|
||||
class="mt-5 mb-5"
|
||||
:customText="disclaimerText"
|
||||
typeStyle="caption" />
|
||||
<siteFooter
|
||||
|
|
@ -102,6 +107,14 @@
|
|||
cmsWidgetName="SiteFooterWidget"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@backClicked="navigateBackByVehicleQuestions" />
|
||||
<div class="mb-5 text-center">
|
||||
<textLink
|
||||
v-if="isITACQuoteVisible"
|
||||
linkType="navigation"
|
||||
text="Back"
|
||||
href="#"
|
||||
@clickEvent="navigateBackByVehicleQuestions" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -142,7 +155,7 @@ import baseFormMixin from '@/mixins/base-form-mixin.js';
|
|||
import navigationScenarios from '@/router/router-constants/navigation-scenarios.js';
|
||||
import bailoutMessage from '@/constants/bailoutMessage';
|
||||
import widgetFields from '@/constants/cms-widget-fields.js';
|
||||
import { formatAmountInDollars, createUnorderedListFromStringOfParagraphs } from '@/helpers/text-helper.js';
|
||||
import { formatAmountInDollars, createUnorderedListFromStringOfParagraphs, createOrderedListFromStringOfParagraphs } from '@/helpers/text-helper.js';
|
||||
import showIssLoadingModal from '@/helpers/loading-modal-helper';
|
||||
import { getPriceOfLineItems } from '@/helpers/price-calculator';
|
||||
import coverageStatuses from '@/constants/coverage-statuses';
|
||||
|
|
@ -229,6 +242,7 @@ export default {
|
|||
verifiedItacAlert: 'VerifiedITACAlert',
|
||||
explanatoryText: 'ExplanatoryTextWidget',
|
||||
nextStep: 'NextStepsWidget',
|
||||
nextStepITACNoComp: 'NextStepsWidgetITACNoComp',
|
||||
serviceProviderQuestion: 'ServiceProviderQuestion'
|
||||
},
|
||||
CANCEL_CLAIM_REF_NAME,
|
||||
|
|
@ -307,6 +321,14 @@ export default {
|
|||
widgetFields.CONTENT_GROUP_WIDGET.BODY_TEXT
|
||||
)?.replaceAll('{custom:damage}', this.damageText);
|
||||
|
||||
return createOrderedListFromStringOfParagraphs(cmsText);
|
||||
},
|
||||
nextStepsBodyITACNoComp() {
|
||||
const cmsText = this.getTextFromCmsWithCustomIfStatements(
|
||||
this.widget.nextStepITACNoComp,
|
||||
widgetFields.CONTENT_GROUP_WIDGET.BODY_TEXT
|
||||
);
|
||||
|
||||
return createUnorderedListFromStringOfParagraphs(cmsText);
|
||||
},
|
||||
damageText() {
|
||||
|
|
@ -496,21 +518,27 @@ export default {
|
|||
return this.isITACQuoteVisible;
|
||||
case 'verifiedNoComp':
|
||||
return this.isNoCompQuoteVisible;
|
||||
case 'ADASReplace':
|
||||
return !isRepair && this.isADAS;
|
||||
case 'nonADASReplace':
|
||||
return !isRepair && !this.isADAS;
|
||||
case 'ADASReplace': //
|
||||
return !isRepair && this.isADAS && !this.isNoCompQuoteVisible && !this.isITACQuoteVisible;
|
||||
case 'nonADASReplace': //
|
||||
return !isRepair && !this.isADAS && !this.isNoCompQuoteVisible && !this.isITACQuoteVisible;
|
||||
case 'nonADASRepair':
|
||||
return isRepair;
|
||||
case 'deductibleOverZero':
|
||||
return this.isDeductibleVisible && this.deductibleValue > 0;
|
||||
case 'isDeductibleZero':
|
||||
return this.isDeductibleVisible && this.deductibleValue <= 0;
|
||||
case 'verifiedRepair':
|
||||
case 'verifiedRepairDeductible': //
|
||||
return isRepair && this.isDeductibleVisible;
|
||||
case 'verifiedReplaceZeroDeductible':
|
||||
case 'verifiedRepairZeroDeductible': //
|
||||
return isRepair && this.isDeductibleVisible && this.deductibleValue <= 0;
|
||||
case 'verifiedRepairDeductibleOverZero': //
|
||||
return isRepair && this.isDeductibleVisible && this.deductibleValue > 0;
|
||||
case 'verifiedReplaceDeductible': //
|
||||
return !isRepair && this.isDeductibleVisible;
|
||||
case 'verifiedReplaceZeroDeductible': //
|
||||
return !isRepair && this.isDeductibleVisible && this.deductibleValue <= 0;
|
||||
case 'verifiedReplaceDeductibleOverZero':
|
||||
case 'verifiedReplaceDeductibleOverZero': //
|
||||
return !isRepair && this.isDeductibleVisible && this.deductibleValue > 0;
|
||||
case 'unverifiedADAS':
|
||||
return this.isUnverifiedADAS;
|
||||
|
|
@ -577,11 +605,16 @@ export default {
|
|||
display: block;
|
||||
margin: 24px auto 0 auto;
|
||||
}
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
align-items: center;
|
||||
}
|
||||
:deep(.body-text > ol > ul) {
|
||||
list-style-position: outside;
|
||||
list-style-type: disc;
|
||||
padding-left: 0;
|
||||
}
|
||||
// revisit this
|
||||
:deep(ul) {
|
||||
padding: 0;
|
||||
padding-left: 1.25rem;
|
||||
|
|
@ -666,9 +699,6 @@ export default {
|
|||
margin-top: 20px;
|
||||
display: block;
|
||||
}
|
||||
:deep(a) {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.modal {
|
||||
|
|
|
|||
Loading…
Reference in a new issue