//make the whole event item clickable document.addEventListener('appLoaded', () => { if (document.getElementById("home")) { const interval = setInterval(() => { const eventCards = document.querySelectorAll('.events-card'); const lastEventCard = eventCards[eventCards.length - 1]; if (lastEventCard) { eventCards.forEach(card => { const titleLink = card.querySelector('.events-title'); if (titleLink) { const newLink = titleLink.cloneNode(true); Object.assign(newLink.style, { position: 'absolute', top: '0', left: '0', right: '0', bottom: '0', zIndex: '10', display: 'block', fontSize: '0' }); card.style.position = 'relative'; card.appendChild(newLink); } }); clearInterval(interval); } }, 500); setTimeout(() => clearInterval(interval), 3000); } }); // end /*Asana ticket to add icons to footer*/ window.addEventListener("appLoaded", (event) => { $("#footer-f1 .footer-column-last .footer-social-links") .append( '

' + '' + '' + "

" ) .css("display", "flex"); }); /*side nav headers are clickable*/ document.addEventListener("appLoaded", () => { const toggleSubmenus = () => { const navLinksItems = document.querySelectorAll('.navLi > a'); navLinksItems.forEach(element => { element.addEventListener('click', (e) => { const parentLi = element.closest('.navLi'); if (parentLi.classList.contains('hasSubmenu')) { e.preventDefault(); parentLi.classList.toggle("activeSubmenu"); } }); }); }; const observer = new MutationObserver((mutations, obs) => { const sidebarNav = document.getElementById('sidebarNav'); if (sidebarNav) { toggleSubmenus(); obs.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); }); /*side nav headers are clickable*/ // Define button details and other options const buttons = [ //duplicate this to add a new button { url: 'https://www.nhsd.org/page/our-distinctions', target: '_top', text: 'Distinctions', hideText: true, imgSrc: 'https://cmsv2-shared-assets.apptegy.net/Schools/New-Hope-Salesbury-SD-4507/Distinctions-Badge.png' }, //End button options ]; document.addEventListener("appLoaded", () => { const options = { buttons: buttons, defaultClosed: true // add this line to display the buttons small as default }; const badgePlugin = new BadgePlugin(options); });