Separating deductible and base pay

This commit is contained in:
Michaela Brydon 2024-02-29 14:49:53 -05:00
parent a8b75d8c1c
commit b5e24c8146
2 changed files with 18 additions and 21 deletions

View file

@ -24,7 +24,7 @@
class="d-flex justify-content-between align-items-center">
<span
id="deductible-label"
class="label">{{ deductibleOrBasePriceLabel }}</span>
class="label">{{ deductibleLabel }}</span>
<span id="deductible-value">{{ getDisplayed(deductible) }}</span>
</div>
<div
@ -33,7 +33,7 @@
class="d-flex justify-content-between align-items-center">
<span
id="base-price-label"
class="label">{{ deductibleOrBasePriceLabel }}</span>
class="label">{{ BasePriceLabel }}</span>
<span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span>
</div>
</div>
@ -53,7 +53,8 @@ export default {
props: {
showAsPaid: Boolean,
amountDueLabel: String,
deductibleOrBasePriceLabel: String
deductibleLabel: String,
basePriceLabel: String
},
data() {
return {

View file

@ -22,7 +22,8 @@
<cartDropdown
:showAsPaid="false"
:amountDueLabel="amountDueText"
:deductibleOrBasePriceLabel="deductibleOrBasePriceLabel" />
:deductibleLabel="deductibleLabel"
:basePriceLabel="basePriceLabel" />
<hr class="mt-0 mb-5" />
<div>Pia Alert Placeholder</div>
<paymentMethodQuestion
@ -56,12 +57,11 @@ import paymentMethodQuestion from '@/layouts/payment-method/payment-method-quest
// Supporting Items
import settleAllPromises from '@/helpers/layout-helper';
import { useMainStore } from '@/store';
import { fetchCmsContentForPage, processIfStatements } from '@/helpers/cms-content-helper';
import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
import { paymentMethods } from '@/constants/payment-method-constants';
import globalRules from '@/constants/global-rules';
import { Form } from 'vee-validate';
import widgetFields from '@/constants/cms-widget-fields.js';
import coverageStatuses from '@/constants/coverage-statuses';
import { AppointmentTypeStrings } from '@/constants/schedule-constants';
@ -112,7 +112,8 @@ export default {
},
widget: {
amountDue: 'AmountDueTextWidget',
deductibleOrBasePrice: 'DeductibleOrBasePriceWidget'
deductible: 'DeductibleWidget',
basePrice: 'BasePriceWidget'
}
};
},
@ -138,12 +139,17 @@ export default {
amountDueText() {
return this.getCmsContent(this.widget.amountDue, widgetFields.TEXT_BLOCK_WIDGET.TEXT);
},
deductibleOrBasePriceLabel() {
const deductibleOrBasePriceLabel = this.getCmsContent(
this.widget.deductibleOrBasePrice,
deductibleLabel() {
return this.getCmsContent(
this.widget.deductible,
widgetFields.TEXT_BLOCK_WIDGET.TEXT
);
},
basePriceLabel() {
return this.getCmsContent(
this.widget.basePrice,
widgetFields.TEXT_BLOCK_WIDGET.TEXT
);
return processIfStatements(deductibleOrBasePriceLabel, 'custom', this.getCustomValueFromString);
}
},
watch: {
@ -243,16 +249,6 @@ export default {
this.$route
);
}
},
getCustomValueFromString(str) {
switch (str) {
case 'itacOrNoComp':
return useMainStore().isNoComp || useMainStore().policy.isITAC;
case 'deductibleOrUnverified':
return !useMainStore().isNoComp && !useMainStore().policy.isITAC;
default:
return null;
}
}
}
};