From be499757b00396c556346174523524ee23941214 Mon Sep 17 00:00:00 2001 From: brydon1 Date: Tue, 12 Sep 2023 14:24:37 -0400 Subject: [PATCH] Updating only recal modal link when appropriate --- src/helpers/cms-content-helper.js | 14 ++++++++++++++ .../coverage-statement/coverage-statement.vue | 4 ++-- 2 files changed, 16 insertions(+), 2 deletions(-) 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 ba9a854b..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'; @@ -317,7 +317,7 @@ export default { }, nextStepsBody(newValue, oldValue) { if (newValue !== oldValue){ - setupModalLinks(this); + setupModalLink(this, "RecalModal"); } } },