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 menuBtns = document.querySelectorAll("[id=schoolsbutton]"); for (let i = 0; i < menuBtns.length; i++) { menuBtns[i].parentElement.insertAdjacentHTML("afterend", "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 counter is 1, it will not execute if (!document.getElementById("districtLink")) { addLink(); counter++; // increment the counter by 1, new value = 1 } } } // 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); } }); setTimeout(function () { var schoolMenu = document.getElementsByClassName('footer-social-links')[0]; var attrData = schoolMenu.attributes; var dataL = attrData.length; var dataV; for (i = 0; i < dataL; i++) { let attribute = attrData[i].name; if (attribute.substring(0, 4) == 'data') { dataV = attribute; } } $('#footer-f1 .footer-column-last .footer-social-links').append('

'); }, 1000); /* ----------- 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 ----------- */

Clever

What is Clever?

How to Access Clever