// 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. */ var accessibilityStatementSchoolLink = 'https://cmsv2-shared-assets.apptegy.net/Global/Components/Accessibility-widget/accessibility-statement.html'; 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 < parseInt(p.data("counter-time")) ? parseInt(p.data("counter-time")) : i.time, e = 0 < parseInt(p.data("counter-delay")) ? parseInt(p.data("counter-delay")) : i.delay, n = t / e, a = p.data("counterupTo"), u = [a], r = /[0-9]+,[0-9]+/.test(a); a = a.replace(/,/g, ""); /^[0-9]+$/.test(a); for (var o = /^[0-9]+\.[0-9]+$/.test(a), c = o ? (a.split(".")[1] || []).length : 0, d = n; 1 <= d; d--) { var s = parseInt(Math.round(a / n * d)); if (o && (s = parseFloat(a / n * d).toFixed(c)), r) for (; /(\d+)(\d{3})/.test(s.toString());)s = s.toString().replace(/(\d+)(\d{3})/, "$1,$2"); u.unshift(s) } p.data("counterup-nums", u), p.text("0"); p.data("counterup-func", function () { p.data("counterup-nums") && (p.text(p.data("counterup-nums").shift()), p.data("counterup-nums").length ? setTimeout(p.data("counterup-func"), e) : (p.data("counterup-nums"), p.data("counterup-nums", null), p.data("counterup-func", null))) }), setTimeout(p.data("counterup-func"), e) }, { offset: "100%", triggerOnce: !0 }) }) } }(jQuery); //var rex = new RegExp("([0-9]+\.?[0-9]+)", "gm"); var rex = new RegExp("([0-9]+\.?[0-9]+)", "gm"); $('#stats-s1-custom .stats-wrapper .stats-info').each(function () { var headingText = $(this).children('.stats-headline').html(); var headingTextLenght = headingText.length; var content = headingText; var $element = $(this).find('.stats-headline'); var modifiedText = $element.html().replace(/\d+/g, '$&'); $element.html(modifiedText); if (headingTextLenght < 15) { $(this).addClass('biggerText'); } }); $('.counter').countUp(); } firstS(secondS); clearInterval(statsInterval); } setTimeout(function () { clearInterval(statsInterval); }, 3000); }, 500); } else if (document.getElementById("page") !== null) { const firstBreadcrumb = document.querySelector(".nuxt-link-active"); const clone = firstBreadcrumb.cloneNode(true); firstBreadcrumb.parentNode.appendChild(clone); firstBreadcrumb.remove() } }); // 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 twXIcon = ''; 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 = twXIcon; } 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(); }); //Add Language Button function addTranslateButton(selector) { const eventsNode = document.querySelector(selector); if (eventsNode) { eventsNode.insertAdjacentHTML( "afterbegin", `Request Translations` ); } } const EventsCss = `#languagesmenu .dynamicLink { position: absolute; left: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 450; color: var(--lang-text-color); background: var(--lang-bg-color); border: var(--lang-text-color) 2px solid; border-radius: 50px; padding: 5px 10px; margin-left: 15px; text-decoration: none; white-space: nowrap; box-sizing: border-box; transition: all 0.3s ease-in-out; } #languagesmenu .dynamicLink:hover { background: var(--lang-text-color); color: var(--lang-bg-color); } @media (max-width: 960px) { #languagesmenu .footer svg { width: 150px; } } `; const documentHead = document.head || document.getElementsByTagName("head")[0]; const styleTag = document.createElement("style"); documentHead.appendChild(styleTag); styleTag.appendChild(document.createTextNode(EventsCss)); window.addEventListener("click", () => { addTranslateButton("#languagesmenu > div.footer"); addTranslateButton("div.language-icon > #languagesmenu > div.footer"); }); //End Language Button window.addEventListener("load", (event) => { function checkAndAddElement() { if ($("#events-e4 div.see-all-container.see-all-top.bold a.calendarGlance").length === 0) { $("#events-e4 div.see-all-container.see-all-top.bold a").after( 'Calendar at a Glance' ); } } checkAndAddElement(); const interval = setInterval(() => { checkAndAddElement(); if ($("#events-e4 div.see-all-container.see-all-top.bold a.calendarGlance").length > 0) { clearInterval(interval); executeFirstCodeBlock(); } }, 1000); function executeFirstCodeBlock() { const targetElement = document.querySelector("#events-e4 > div > div.see-all-container.see-all-top.bold"); const newElement = document.createElement("h2"); newElement.innerHTML = '

‎

'; const referenceNode = targetElement.querySelector(".calendarGlance"); targetElement.insertBefore(newElement, referenceNode); } }); //Begin Fix padding for Sticky Header (function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("DOMContentLoaded", ready); } })(function domReady() { // function to add the padding bottom to cms-header var headerHeight; function headerPadding() { setTimeout(function () { var headerContainer = document.querySelector( ".cms-header .header-bar-wrapper.sticky" ); if (headerContainer) { headerHeight = getComputedStyle(headerContainer).height; var cmsHeader = document.querySelector("#cms-header"); //cmsHeader.style.paddingBottom = headerHeight; cmsHeader.style.setProperty("--header-height", headerHeight); cmsHeader.classList.add('isSticky'); } }, 200); } headerPadding(); window.onresize = function () { headerPadding(); } window.addEventListener("scroll", () => { if (window.scrollY < 40) { headerPadding(); } }); }); // End Fix padding for Sticky Header $(window).on("load",function(){$("#h2 div.header-container div.left a").each(function(){$(this).attr("href","https://www.buffaloschools.org/")})}); window.addEventListener("load",function(){$("#page-wrapper nav.breadcrumb ul li:nth-child(1) a").each(function(){$(this).attr("href","https://www.buffaloschools.org/")})});

BUFFALO

Communication Arts