add in PIA alert to payment-method page

This commit is contained in:
Bill Richardson 2024-04-01 08:37:09 -04:00
parent 855bfaee05
commit 5b92962624

View file

@ -26,7 +26,12 @@
servicePackageTitleWidgetName="ServicePackageTitle" servicePackageTitleWidgetName="ServicePackageTitle"
:availableVaps="availableVaps" /> :availableVaps="availableVaps" />
<hr class="mt-0 mb-5" /> <hr class="mt-0 mb-5" />
<div>Pia Alert Placeholder</div> <alert
v-if="displayPayInAdvanceAlert"
class="my-4"
cmsWidgetName="PayInAdvanceErrorAlertWidget"
alertClass="alert-danger"
:isDismissible="false" />
<paymentMethodQuestion <paymentMethodQuestion
v-model="paymentMethodInternalModel" v-model="paymentMethodInternalModel"
cmsWidgetName="PaymentMethodWidget" cmsWidgetName="PaymentMethodWidget"
@ -53,12 +58,14 @@ import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue'
import reviewDropdown from '@/layouts/payment-method/review-dropdown/review-dropdown.vue'; import reviewDropdown from '@/layouts/payment-method/review-dropdown/review-dropdown.vue';
import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue'; import cartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
import paymentMethodQuestion from '@/layouts/payment-method/payment-method-question/payment-method-question.vue'; import paymentMethodQuestion from '@/layouts/payment-method/payment-method-question/payment-method-question.vue';
import alert from '@/ux-components/alert/alert.vue';
// Supporting Items // Supporting Items
import settleAllPromises from '@/helpers/layout-helper'; import settleAllPromises from '@/helpers/layout-helper';
import { useMainStore } from '@/store'; import { useMainStore } from '@/store';
import { fetchCmsContentForPage } from '@/helpers/cms-content-helper'; import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
import { paymentMethods } from '@/constants/payment-method-constants'; import { paymentMethods } from '@/constants/payment-method-constants';
import queryStrings from '@/constants/query-strings';
import globalRules from '@/constants/global-rules'; import globalRules from '@/constants/global-rules';
import { Form } from 'vee-validate'; import { Form } from 'vee-validate';
import issPageValues from '@/router/router-constants/issPage-values'; import issPageValues from '@/router/router-constants/issPage-values';
@ -75,7 +82,8 @@ export default {
siteFooter, siteFooter,
reviewDropdown, reviewDropdown,
cartDropdown, cartDropdown,
paymentMethodQuestion paymentMethodQuestion,
alert
}, },
mixins: [baseFormMixin], mixins: [baseFormMixin],
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
@ -155,6 +163,11 @@ export default {
}, },
paymentMethod() { paymentMethod() {
return this.paymentMethodInternalModel; return this.paymentMethodInternalModel;
},
displayPayInAdvanceAlert() {
return (
this.$route.query[queryStrings.DISPLAY_PAY_IN_ADVANCE_ALERT]
);
} }
}, },
watch: { watch: {