const fetchQuickLinksHeader = async (headerName) => { const pageSlug = 'resources-header'; const secondaryOrgId = '20519'; const { translation } = window.clientWorkState || {}; if (!secondaryOrgId || !translation) return; try { const res = await fetch( `https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/${secondaryOrgId}/cms/pages/${pageSlug}?locale=${translation?.locale || 'en'}` ); const data = await res.json(); console.log('Fetched data content:', data.content); const oneColumnSection = data.content.find(section => section.name === 'One Column'); if (!oneColumnSection) throw new Error('One Column section not found'); const links = oneColumnSection.config.flatMap(blocks => blocks.flatMap(block => block.config.content.match(/]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g)) ); return { quickLinksHeader: { name: headerName, children: links }, content: data.content }; } catch (err) { console.error('Error Fetching Department Header', err); return null; } }; const buildAndAttachQuickLinksHeader = ({ quickLinksHeader, content }) => { const desktopButton = document.querySelector('.right-menu-items #schoolsbutton'); // const mobileContainer = document.querySelector('.m4--drawer-element.mobile-element.new-mobile-header:has(#schools-header)'); const desktopDiv = desktopButton.parentElement; // const mobileDiv = mobileContainer; const bodyStyles = getComputedStyle(document.body); const primaryColor = bodyStyles.getPropertyValue('--primary-color') || '#000'; const primaryContrast = bodyStyles.getPropertyValue('--primary-color-contrast') || '#fff'; const customHeaderMenu = document.createElement('div'); customHeaderMenu.className = 'custom-header-menu'; customHeaderMenu.innerHTML = ` `; desktopDiv.insertAdjacentHTML('beforebegin', customHeaderMenu.outerHTML); // mobileDiv.insertAdjacentHTML('beforebegin', customHeaderMenu.outerHTML); addDropDownEventListeners(); }; const addDropDownEventListeners = () => { function toggleCustomMenu(e) { e.stopPropagation(); const btn = this; let menu = btn.nextSibling; while (menu && menu.nodeType != 1) { menu = menu.nextSibling; } if (!menu) return; if (menu.style.display !== 'block') { btn.querySelector('.arrow').classList.remove('close'); btn.querySelector('.arrow').classList.add('open'); menu.style.display = 'block'; if (toClose) toClose.style.display = 'none'; toClose = menu; } else { btn.querySelector('.arrow').classList.remove('open'); btn.querySelector('.arrow').classList.add('close'); menu.style.display = 'none'; toClose = false; } } const closeCustomMenu = () => { toClose.style.display = 'none'; }; document.querySelectorAll('.custom-header-button').forEach((btn) => { btn.addEventListener('click', toggleCustomMenu, true); }); window.onclick = (event) => { if (toClose) { closeCustomMenu.call(event.target); toClose = false; const arrows = document.querySelectorAll('.custom-header-menu .arrow'); arrows.forEach((a) => { if (!a.classList.contains('open')) return; a.classList.remove('open'); a.classList.add('close'); }); } }; }; let toClose = false; document.addEventListener('appLoaded', async (_e) => { const headerData = await fetchQuickLinksHeader('Resources'); if (headerData) buildAndAttachQuickLinksHeader(headerData); });

W. O. Lance Elementary School