if (document.getElementById("home") !== null) { var headerHome = document.querySelector("#view-header"); headerHome.classList.add("homeHeader"); } const cmsFooter = document.getElementById("cms-footer"); cmsFooter.setAttribute("data-value", "WE ARE EPS"); /* ----------- Script to change the social icons in the footer ----------- */ function changeFooterIcons() { // REQUIRES: urls added from the CMS /* SETTINGS */ // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; /* END SETTINGS */ const socialIcons = document.querySelectorAll("#cms-footer .footer-social-links li a"); // define elements if (socialIcons) { // loop through icons - logic can adapt to fit the situation socialIcons.forEach(function (socialIcon) { let socialIconURL = socialIcon.href; // check what type of button if (socialIconURL.includes("facebook.com")) { socialIcon.classList.add("facebook-button"); // optional since we alrady add the icon below with color/fill already defined socialIcon.innerHTML = fbIcon; } if (socialIconURL.includes("twitter.com")) { socialIcon.classList.add("twitter-button"); // optional socialIcon.innerHTML = twIcon; } if (socialIconURL.includes("instagram.com")) { socialIcon.classList.add("instagram-button"); // optional socialIcon.innerHTML = instaIcon; } if (socialIconURL.includes("youtube.com")) { socialIcon.classList.add("youtube-button"); // optional socialIcon.innerHTML = ytIcon; } }); } } document.addEventListener("appLoaded", changeFooterIcons); /* ----------- END Script to change the social icons in the footer ----------- */ //function addCustomFooterUrls(){ // const lastFooterColumn = document.querySelectorAll(".footer-column-last")[0]; // // if(lastFooterColumn){ // const footerLinks = document.createElement("div"); // footerLinks.classList.add('footerLinks'); // // const url1 = document.createElement("a"); // const url2 = document.createElement("a"); // const url3 = document.createElement("a"); // // url1.innerText = "EPS Webmaster"; // url1.setAttribute('href', "#"); // url2.innerText = "Financial Audit"; // url2.setAttribute('href', "#"); // url3.innerText = "Non-Discrimination"; // url3.setAttribute('href', "#"); // // footerLinks.append(url1); // footerLinks.append(url2); // footerLinks.append(url3); // lastFooterColumn.append(footerLinks); // } //} // //// add custom links in footer //document.addEventListener("appLoaded", addCustomFooterUrls); (function (ready) { if (document.readyState === "complete" || document.readyState === "interactive") { ready(); } else { document.addEventListener("appLoaded", ready); } })(function domReady() { /* the document is now ready. */ /* district link in header */ function addLink() { const headerElement = document.querySelector("#cms-header"); if (headerElement) { headerElement.insertAdjacentHTML("afterbegin", "

Staff Resources

"); } } if (!document.getElementById("districtLink")) { addLink(); } window.onresize = function () { if (!document.getElementById("districtLink")) { addLink(); } }; window.onscroll = myScroll; var counter = 0; function myScroll() { if (counter == 0) { if (!document.getElementById("districtLink")) { addLink(); counter++; } } } // Move links from the second column to the last one var oldParent = document.querySelectorAll(".footer-columns .normal-window")[1]; var newParent = document.querySelectorAll(".footer-column-last")[0]; newParent.append(oldParent); var oldParentb = document.querySelectorAll(".footer-column-main .additional-text")[0]; var newParentb = document.querySelector("#footer-f1"); newParentb.append(oldParentb); var featureImg = document.querySelector("#page .row.ts-full-width-row:first-child .image-container img"); if (featureImg) { var headerHome = document.querySelector("#view-header"); headerHome.classList.add("homeHeader"); var featureImgParent = featureImg.closest(".ts-full-width-row"); var breadcrumbSection = document.querySelector(".breadcrumb"); function insertAfter(referenceNode, newNode) { referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); } insertAfter(featureImgParent, breadcrumbSection); } }); /* ----------- Script to add icons in the footer ----------- */ function addSocialIcons() { const iconColor = "#fff"; // define svg icons - in this case round icons const linkedinURL = "https://www.linkedin.com/company/edmondschools"; const linkedin = ''; /* END SETTINGS */ const iconsToBeAdded = [linkedin]; const iconsUrlsToBeAdded = [linkedinURL]; //ofc, they should match const socialIconsWrapper = document.querySelectorAll("#cms-footer .footer-social-links")[0]; if (socialIconsWrapper) { if (iconsToBeAdded) { iconsToBeAdded.forEach((icon, index) => { let listElement = document.createElement("li"); let listElementLink = document.createElement("a"); listElement.setAttribute("data-newid", "social-icon"); listElementLink.setAttribute("href", iconsUrlsToBeAdded[index]); listElementLink.setAttribute("target", "_blank"); listElementLink.innerHTML = icon; listElement.appendChild(listElementLink); socialIconsWrapper.appendChild(listElement); }); } } } document.addEventListener("appLoaded", addSocialIcons); /* ----------- END Script to add new icons in the footer ----------- */ /* --------------- START Temporary Accessibility Fix For Tables --------------- */ const makeTablesAccessible = () => { const page = document.querySelector('#page.page-renderer-package-enabled'); if (!page) return; const scrollWrappers = document.querySelectorAll('.scroll-shadow-wrapper'); scrollWrappers.forEach(scrollWrapper => { if (scrollWrapper) { const isScrollable = scrollWrapper.scrollWidth > scrollWrapper.clientWidth; if (isScrollable) { scrollWrapper.setAttribute('tabindex', '0'); scrollWrapper.setAttribute('role', 'region'); scrollWrapper.setAttribute('aria-label', 'Scrollable table, use left and right arrow keys to navigate content.'); scrollWrapper.addEventListener('keydown', (event) => { const scrollAmount = 50; if (event.key === 'ArrowRight') { event.preventDefault(); scrollWrapper.scrollLeft += scrollAmount; } else if (event.key === 'ArrowLeft') { event.preventDefault(); scrollWrapper.scrollLeft -= scrollAmount; } }); } else { scrollWrapper.removeAttribute('tabindex'); scrollWrapper.removeAttribute('role'); scrollWrapper.removeAttribute('aria-label'); } } }); }; window.addEventListener('resize', makeTablesAccessible); window.addEventListener("appLoaded", () => { setTimeout(() => { makeTablesAccessible(); }, 250); }); /* ---------------- END Temporary Accessibility Fix For Tables ---------------- */

UPCOMING

EVENTS