const onVisible = (e, n) => { new IntersectionObserver((e, s) => { e[0].isIntersecting && (n(), s.disconnect()); }).observe(e); }; const fetchDepartmentsHeader = async (headerName) => { const { parentOrgId, secondaryOrgId, translation } = window.clientWorkState || {}; if (!parentOrgId || !secondaryOrgId || !translation) return; try { const res = await fetch( `https://cmsv2-static-cdn-prod.apptegy.net/content/${parentOrgId}/${secondaryOrgId}/${translation?.locale || 'en' }/homepage_structure.json`, ); const data = await res.json(); const departmentHeader = data.sitemap.find((header) => header?.name === headerName); if (!departmentHeader || !departmentHeader?.children?.length) throw new Error(`${headerName} not found in menu`); return departmentHeader; } catch (err) { console.error('Error Fetching Department Header', err); return null; } }; const buildAndAttachDepartmentHeader = (header) => { const desktopDiv = document.querySelector('.right-menu-items #schoolsbutton').parentElement; const mobileDiv = document.querySelector('.right-mobile .schools-menu-container'); 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 fetchDepartmentsHeader('Board of Education'); if (headerData) buildAndAttachDepartmentHeader(headerData); }); // Define button details and other options const buttons = [ //duplicate this to add a new button { url: 'https://www.nscs.edu/nebraskasmart', target: '_top', text: 'Nebraska SMART', hideText: false, imgSrc: '' }, //End button options ]; document.addEventListener("appLoaded", () => { const badgePlugin = new BadgePlugin({ buttons: buttons }); });

Morrill Public Schools

Volleyball Fundraier!