// change departments to roles in staff if ( window.location.pathname.includes("/staff") && document.querySelector("#staff") ) { function changeStaffFilter() { document.querySelector("#staff .filters .filter-input").innerText = "Select Roles"; } changeStaffFilter(); window.addEventListener("load", (event) => { changeStaffFilter(); }); } (function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("DOMContentLoaded", ready); } })(function domReady() { /* the document is now ready. */ if (document.getElementById("home") !== null) { var viewVideoDiv = document.getElementById('view-video'); var spotlightDiv = document.querySelector('#programs-p1'); function updateIframeVideo(callback) { if (viewVideoDiv && spotlightDiv) { viewVideoDiv.querySelector('#video-component').insertAdjacentHTML('beforeend', 'Archive'); const interval = setInterval(function () { var videoPlayer = viewVideoDiv.querySelector('.video-wrapper .video .video-player iframe'); if (videoPlayer) { videoPlayer.setAttribute('allow', videoPlayer.getAttribute('allow').replace('autoplay;', '')); videoPlayer.src += '?autoplay=0'; if (videoPlayer.src.includes('vimeo')) { // Disable autoplay var player = new Vimeo.Player(videoPlayer, { autoplay: false }); } callback(); clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 5000); }, 100); } } function moveVideoSection() { var videoPlayer = viewVideoDiv.querySelector('.video-wrapper .video .video-player iframe'); if (videoPlayer.src.includes('vimeo')) { // Disable autoplay var player = new Vimeo.Player(videoPlayer, { autoplay: false }); } spotlightDiv.parentNode.insertBefore(viewVideoDiv, spotlightDiv); spotlightDiv.closest('.main').classList.add('videoStats'); spotlightDiv.parentNode.classList.add('statsVideoWrapper'); } updateIframeVideo(moveVideoSection); // Full width Stats slider const statsInterval = setInterval(function () { var statsWrapper = document.querySelector('#stats-s1'); if (statsWrapper) { function firstS(callback) { statsWrapper.id = 'stats-s1-custom'; callback(); } function secondS() { var StatsSlider = tns({ container: '#stats-s1-custom .stats-wrapper', items: 1, nav: false, arrowKeys: true, gutter: 40, edgePadding: 20, "loop": false, "rewind": true, responsive: { 650: { items: 2 }, 1000: { items: 3 }, 1300: { items: 4 } } }); !function(n){"use strict";n.fn.countUp=function(t){var e=n.extend({time:2e3,delay:10},t);return this.each(function(){var p=n(this),i=e;p.waypoint(function(){p.data("counterupTo")||p.data("counterupTo",p.text());var t=0$&'); $element.html(modifiedText); if (headingTextLenght < 15) { $(this).addClass('biggerText'); } }); $('.counter').countUp(); } firstS(secondS); clearInterval(statsInterval); } setTimeout(function () { clearInterval(statsInterval); }, 3000); }, 500); } }); // Custom schools menu const app = document.querySelector("#app"); var viewHeader = document.getElementById('view-header'); const observer = new MutationObserver(() => { const searchElements = document.querySelectorAll("#schools-menu-sm1"); if (searchElements) { for (let i = 0; i < searchElements.length; i++) { var searchElement = searchElements[i]; var quickLinksStatus = searchElement.querySelector("#searchItem"); if (!quickLinksStatus) { let html = '

Find a School:

'; searchElement.insertAdjacentHTML("afterbegin", html); if (!viewHeader.classList.contains("fullWidthMenu")) { viewHeader.classList.add("fullWidthMenu"); } searchElement.addEventListener("keydown", function (event) { if (event.key === "Escape") { closeSchoolsMenu(); if (viewHeader.classList.contains("fullWidthMenu")) { viewHeader.classList.remove("fullWidthMenu"); } } }); } } } }); observer.observe(app, { attributes: true, childList: true, subtree: true, }); function filterSchools(e) { var input, filter, ul, li, a, i, txtValue; filter = e.value.toUpperCase(); ul = document.querySelectorAll(".child-ul"); li = document.querySelectorAll("#schools-menu-sm1 .child-item"); for (i = 0; i < li.length; i++) { a = li[i].getElementsByTagName("a")[0]; txtValue = a.textContent || a.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { li[i].classList.remove("hide"); } else { li[i].classList.add("hide"); } } for (i = 0; i < ul.length; i++) { if (ul[i].children.length == ul[i].querySelectorAll(".hide").length) { ul[i].parentElement.classList.add("hide"); } else { ul[i].parentElement.classList.remove("hide"); } } } function closeSchoolsMenu() { var quickLinksStatus = document.querySelector("#searchItem"); if (quickLinksStatus) { if (viewHeader.classList.contains("fullWidthMenu")) { viewHeader.classList.remove("fullWidthMenu"); } const schoolsButton = document.querySelector("#schoolsbutton"); schoolsButton.dispatchEvent(new Event("click")); } } // END Custom schools menu /* ----------- 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 = ''; const linkedinIcon = ''; /* 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; } if (socialIconURL.includes("linkedin.com")) { socialIcon.classList.add('linkedin-button'); // optional socialIcon.innerHTML = linkedinIcon; } }); } } document.addEventListener("DOMContentLoaded", changeFooterIcons); /* ----------- END Script to change the social icons in the footer ----------- */ //adds button to events page function addCalendarButton() { if ( document.querySelectorAll("#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div").length === 3 ) { document.querySelectorAll( "#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div" )[0].insertAdjacentHTML('beforeend','

'); } else { setTimeout(function () { addCalendarButton(); }, 500); } } window.addEventListener("load", (event) => { if (window.location.pathname.includes('events')) { addCalendarButton(); }; }); var oldOpen = XMLHttpRequest.prototype.open; function onStateChange(event) { // code goes here addCalendarButton(); } XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", onStateChange); oldOpen.apply(this, arguments); }; $("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button").click(function () { setTimeout(function () { addCalendarButton(); }, 800); }); const changeMobileMenu = () => { const mobileExplore = document.querySelector(".right-mobile .menu-field"); mobileExplore.innerText = " Menu "; }; window.addEventListener("load", (e) => { changeMobileMenu(); }); window.addEventListener("scroll", (e) => { changeMobileMenu(); }); window.addEventListener("resize", (e) => { changeMobileMenu(); });

Westfield Elementary

Red Ribbon Week