fix(WISE Link): Link stops working when component is authored again (#…

…1095)
WISE-Community · Mar 10, 2023 · b922ccc · b922ccc
1 parent b7ec0b0
commit b922ccc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/assets/wise5/common/wise-link/wise-link.spec.ts b/src/assets/wise5/common/wise-link/wise-link.spec.ts
@@ -148,5 +148,5 @@ function createWiseLinkReplacedByElement(
   componentId: string,
   linkText: string
 ): string {
-  return `<${tag} wiselink="true" onclick="document.getElementById('replace-with-unique-id').dispatchEvent(new CustomEvent('wiselinkclicked', { detail: { nodeId: '${nodeId}', componentId: '${componentId}' } })); return false;">${linkText}</${tag}>`;
+  return `<${tag} wiselink="true" node-id="${nodeId}" component-id="${componentId}" onclick="document.getElementById('replace-with-unique-id').dispatchEvent(new CustomEvent('wiselinkclicked', { detail: { nodeId: '${nodeId}', componentId: '${componentId}' } })); return false;">${linkText}</${tag}>`;
 }
diff --git a/src/assets/wise5/common/wise-link/wise-link.ts b/src/assets/wise5/common/wise-link/wise-link.ts
@@ -102,10 +102,11 @@ function replaceWiseLinksHelper(html: string, regex: string): string {
     const linkText = getWiseLinkLinkText(wiseLinkHTML);
     let newElement = '';
     const onclickString = `document.getElementById('replace-with-unique-id').dispatchEvent(new CustomEvent('wiselinkclicked', { detail: { nodeId: '${nodeId}', componentId: '${componentId}' } })); return false;`;
+    const params = `wiselink="true" node-id="${nodeId}" component-id="${componentId}" onclick="${onclickString}"`;
     if (type === 'button') {
-      newElement = `<button wiselink="true" onclick="${onclickString}">${linkText}</button>`;
+      newElement = `<button ${params}>${linkText}</button>`;
     } else {
-      newElement = `<a wiselink="true" onclick="${onclickString}">${linkText}</a>`;
+      newElement = `<a ${params}>${linkText}</a>`;
     }
     html = html.replace(wiseLinkHTML, newElement);
     wiseLinkRegExMatchResult = wiseLinkRegEx.exec(html);