jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

coverage-statement updates WIP

Browse source
This commit is contained in:
Katie Kroell 2026-01-27 16:34:01 -05:00
parent eb92223842
commit 4f7da04a6c
1 changed files with 42 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/layouts/coverage-statement/coverage-statement.vue
View file

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