diff --git a/src/helpers/cms-content-helper.js b/src/helpers/cms-content-helper.js index 12bd7043..861eacec 100644 --- a/src/helpers/cms-content-helper.js +++ b/src/helpers/cms-content-helper.js @@ -469,6 +469,20 @@ export function setupModalLinks(context) { }); } +/** + * + * @param context + * @param desiredTarget + */ +export function setupModalLink(context, desiredTarget) { + context.$nextTick(() => { + const element = document.querySelector(`[modalTarget=${desiredTarget}]`); + if (element) { + element.addEventListener('click', () => context.$refs[desiredTarget].openModal()); + } + }); +} + /** * * @param copy diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index ccd03999..9cddedd6 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -112,7 +112,7 @@ import buttonQuestion from '@/digital-components/button-question/button-question import loadingModal from '@/iss-components/loading-modal/loading-modal.vue'; // Import Supporting Files -import { fetchCmsContentForPage, setupModalLinks, processIfStatements } from '@/helpers/cms-content-helper.js'; +import { fetchCmsContentForPage, setupModalLinks, setupModalLink, processIfStatements } from '@/helpers/cms-content-helper.js'; import settleAllPromises from '@/helpers/layout-helper.js'; import { getDamageString } from '@/helpers/damage-helper.js'; import { useMainStore } from '@/store/index.js'; @@ -314,6 +314,11 @@ export default { } else { this.$refs.siteFooter.updateButtonText('Continue'); } + }, + nextStepsBody(newValue, oldValue) { + if (newValue !== oldValue){ + setupModalLink(this, "RecalModal"); + } } }, async mounted() { @@ -374,9 +379,6 @@ export default { ); } }, - openModalAction(modalName) { - this.$refs[modalName.args].openModal(); - }, processIfStatements, getHeaderTextFromCms(cmsWidgetName) { const header = this.getCmsContent(cmsWidgetName, 'HeaderText');