fix(portal): restore staff resource buttons and tag template list

This commit is contained in:
AIAMarketing authored and Jeff Hales committed 2026-11-01 14:05:35 -07:00
1 parent 5d6d4af8bd
commit aa406e623d
1 file changed
+34
+34
View File
@@ -41,8 +41,42 @@ export function safePortalContent(html: string): DocumentFragment {
target.appendChild(element);
};
for (const child of template.content.childNodes) copy(child, output);
enhanceStaffPortalPresentation(output);
return output;
}
/**
* The staff stream has a "Management Templates" section. Its resource links
* used HubSpot presentation rules that are intentionally removed by the safe
* renderer. Restore local visual semantics only after sanitization; never
* copy arbitrary source classes, attributes, styles or executable content.
*/
function enhanceStaffPortalPresentation(fragment: DocumentFragment): void {
const headings = [...fragment.querySelectorAll<HTMLElement>('h1, h2, h3, h4, h5, h6')];
const templatesHeading = headings.find((heading) =>
heading.textContent?.replace(/\s+/g, ' ').trim().toLowerCase() === 'management templates');
if (!templatesHeading) return;
// This heading distinguishes the general-staff resource directory from the
// separate management-report view. Preserve contact links as links.
for (const anchor of fragment.querySelectorAll<HTMLAnchorElement>('a[href]')) {
const protocol = new URL(anchor.href).protocol;
if (protocol === 'https:' || protocol === location.protocol) {
anchor.classList.add('portal-resource-button');
}
}
// The original section is a heading followed by a list, occasionally with
// intervening wrappers. Keep the list and its reading/tab order intact.
let templatesList: HTMLUListElement | null = null;
for (let sibling = templatesHeading.nextElementSibling; sibling; sibling = sibling.nextElementSibling) {
if (/^H[1-6]$/.test(sibling.tagName)) break;
if (sibling instanceof HTMLUListElement) { templatesList = sibling; break; }
templatesList = sibling.querySelector('ul');
if (templatesList) break;
}
if (!templatesList) templatesList = templatesHeading.closest('section, article')?.querySelector('ul') ?? null;
templatesList?.classList.add('portal-template-grid');
}
function initialize() {
const root = document.querySelector<HTMLElement>('[data-employee-portal]');
if (!root || root.dataset.bound) return;