diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index 2dae3b4f..7d1f03ed 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -64,8 +64,13 @@ class="mt-4" v-html="nextStepsSubheader">
+
@@ -92,7 +97,7 @@ @clickEvent="cancelClaim" /> +
+ +
@@ -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 {