/* ---------------- START Add More Headlines Text ---------------- */ window.addEventListener("appLoaded", () => { // Language dictionary for supported translations const translations = { en: "More Headlines", my: "နောက်ထပ်ခေါင်းကြီးပိုင်းများ", // Myanmar (Birmano) es: "Más titulares", ar: "المزيد من العناوين", // Arábica ne: "थप हेडलाइनहरू", // Nepali sw: "Vichwa vya Habari Zaidi", // Swahili bn: "আরও শিরোনাম", // Bengali ps: "نور سرلیکونه", // Pastún ti: "ተወሳኺ ኣርእስታት ዜና", // Tigrinya fr: "Plus de titres", // Francés fa: "سرفصل های بیشتر", // Persa rw: "Ibindi", // Kinyarwanda so: "Warar dheeraad ah", // Somali default: "More Headlines", }; const addNewsText = () => { if (document.querySelectorAll("#news-articles-list .more-headlines").length === 0) { // Get page language and corresponding translation const pageLang = document.documentElement.lang; const buttonText = translations[pageLang] || translations["default"]; const newsArticles = document.querySelector("#news-articles-list a.news-article:nth-child(2)"); if (newsArticles) { const newsArticlesText = document.createElement("div"); newsArticlesText.className = "more-headlines"; newsArticlesText.textContent = buttonText; newsArticles.insertAdjacentElement('afterend', newsArticlesText); } } } addNewsText(); const interval = setInterval(() => { addNewsText(); if (document.querySelectorAll("#news-articles-list .more-headlines").length > 0) { clearInterval(interval); } }, 1000); }); /* ---------------- END Add More Headlines Text ---------------- */ $(window).scroll(function () { var scroll = $(window).scrollTop(); var os = $('#cms-header').offset().top; var ht = $('#cms-header').height(); var bn = $('.m4-menu').height() + 26; if (scroll > os + ht - bn) { $('.right-mobile').addClass('newsticky'); $('.right-menu-items').addClass('newsticky'); $('.menu.button-action.m4-menu.bold').addClass('newsticky'); $('.m4-menu').addClass('newsticky'); $('#container.main').addClass('newsticky'); } else { $('.right-mobile').removeClass('newsticky'); $('.right-menu-items').removeClass('newsticky'); $('.menu.button-action.m4-menu.bold').removeClass('newsticky'); $('.m4-menu').removeClass('newsticky'); $('#container.main').removeClass('newsticky'); } }); // change departments to roles in staff if (window.location.pathname.includes("/staff") && document.querySelector("#staff")) { function updateStaffFilter() { const filterInput = document.querySelector("#staff .filters .filter-input"); if (filterInput) { const updateText = () => { const hasCounter = filterInput.querySelector(".filter-circle-counter") !== null; const textNode = Array.from(filterInput.childNodes).find(node => node.nodeType === Node.TEXT_NODE); if (textNode) { const newText = hasCounter ? "Selected Roles" : "Select Roles"; if (textNode.nodeValue.trim() !== newText) { textNode.nodeValue = newText; } } }; updateText(); const observer = new MutationObserver(updateText); observer.observe(filterInput, { childList: true, subtree: true }); } } window.addEventListener("appLoaded", updateStaffFilter); } // CUSTOM NEWS const newsApiConfigOverrides = { requiredData: { limit: 8 }, }; document.addEventListener("appLoaded", () => { const newsConfig = ConfigDefaults.mergeWithNewsDefaults(newsApiConfigOverrides); new NewsHTMLBuilder(newsConfig); }); (function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("appLoaded", 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) { // VIDEO var viewVideoDiv = document.getElementById('view-video'); // var spotlightDiv = document.querySelector('#programs-p1'); var spotlightDiv = document.querySelector('#custom-tm-programs-v1'); 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: 0, "loop": false, "rewind": true, responsive: { 650: { items: 2 }, 960: { items: 4 }, 1000: { items: 4 }, 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 appElement = 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(appElement, { 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; socialIcon.setAttribute('aria-label', 'Visit us on Facebook'); } if (socialIconURL.includes("twitter.com") || (socialIconURL.includes("x.com"))) { socialIcon.classList.add('twitter-button'); // optional socialIcon.innerHTML = twXIcon; socialIcon.setAttribute('aria-label', 'Visit us on Twitter'); } if (socialIconURL.includes("instagram.com")) { socialIcon.classList.add('instagram-button'); // optional socialIcon.innerHTML = instaIcon; socialIcon.setAttribute('aria-label', 'Visit us on Instagram'); } if (socialIconURL.includes("youtube.com")) { socialIcon.classList.add('youtube-button'); // optional socialIcon.innerHTML = ytIcon; socialIcon.setAttribute('aria-label', 'Visit us on YouTube'); } if (socialIconURL.includes("linkedin.com")) { socialIcon.classList.add('linkedin-button'); // optional socialIcon.innerHTML = linkedinIcon; socialIcon.setAttribute('aria-label', 'Visit us on LinkedIn'); } }); } } document.addEventListener("appLoaded", 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("appLoaded", (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("appLoaded", (e) => { changeMobileMenu(); }); window.addEventListener("scroll", (e) => { changeMobileMenu(); }); window.addEventListener("resize", (e) => { changeMobileMenu(); }); // Add "At a Glance" button to events section document.addEventListener("appLoaded", () => { // Language dictionary for supported translations const translations = { 'en': 'Calendar at a Glance', 'my': 'တစ်ချက်တည်းကြည့်ရှုခြင်း', // Myanmar 'es': 'De un vistazo', // Spanish 'ar': 'في لمحة', // Arabic 'ne': 'एक नजरमा', // Nepali 'sw': 'Kwa Mtazamo', // Swahili 'bn': 'এক নজরে', // Bengali 'ps': 'په یوه کتنه کې', // Pashto 'ti': 'ብሓንቲ ጠመተ', // Tigrinya 'fr': 'En un coup d\'œil', // French 'fa': 'در یک نگاه', // Persian 'rw': 'Muri make', // Kinyarwanda 'so': 'Si deg deg ah', // Somali 'default': 'Calendar at a Glance' }; /** * Creates the "At a Glance" button with the current language * @returns {HTMLElement} - The button element */ const createGlanceButton = () => { // Get translation based on page language const pageLang = document.documentElement.lang; const buttonText = translations[pageLang] || translations['default']; // Create the button const glanceButton = document.createElement('a'); glanceButton.className = 'calendarGlance see-all-button bold'; glanceButton.href = 'https://www.buffaloschools.org/o/bps/page/calendar-at-a-glance'; glanceButton.target = '_self'; // Create a span to wrap the text const textSpan = document.createElement('span'); textSpan.textContent = buttonText; // Append the span to the button glanceButton.appendChild(textSpan); return glanceButton; }; /** * Places the "At a Glance" button in the correct position * Follows specific priority rules for placement */ const placeGlanceButton = () => { // First remove any existing button to prevent duplicates const existingButton = document.querySelector('.calendarGlance'); if (existingButton) { existingButton.remove(); } // Look for the top and bottom see-all buttons const topButton = document.querySelector("#events-e4 .see-all-container.see-all-top .see-all-button"); const bottomButton = document.querySelector("#events-e4 .see-all-container.see-all-bottom .see-all-button"); // Apply placement rules if (topButton) { // Rule 1: If top button exists, place after it topButton.after(createGlanceButton()); } else if (bottomButton) { // Rule 2: If top button doesn't exist but bottom does, place after bottom bottomButton.after(createGlanceButton()); } }; // Initial placement placeGlanceButton(); // Check periodically for 5 seconds to handle delayed rendering let attempts = 0; const maxAttempts = 5; const checkInterval = setInterval(() => { placeGlanceButton(); if (document.querySelector('.calendarGlance') || ++attempts >= maxAttempts) { clearInterval(checkInterval); } }, 1000); // Handle resize events by repositioning the button const handleResize = () => { placeGlanceButton(); }; // Debounce the resize handler to prevent excessive calls let resizeTimer; window.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(handleResize, 250); }); }); const languageButtons = [ { id: "langBtn", href: "https://www.buffaloschools.org/o/dept-multilingual-education/page/office-of-translation-interpretation", label: "Request Translations", }, { id: "langBtn2", href: "https://aptg.co/spHCCs", label: "Rights to Interpreters/Translators", }, ]; const menuBodySelectors = [ "#languagesmenu > div.body", "div.language-icon > #languagesmenu > div.body", ]; const addLanguageButtons = (selector) => { const menuBody = document.querySelector(selector); if (!menuBody) return; const languageMenu = menuBody.closest("#languagesmenu"); if (languageMenu?.querySelector(".language-buttons-container")) { return; } const buttonsHtml = languageButtons .map( ({ id, href, label }) => ` ${label} ` ) .join(""); menuBody.insertAdjacentHTML( "afterend", `

${buttonsHtml}

` ); }; const languageButtonsCss = ` .language-buttons-container { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px; position: relative; z-index: 1; } .language-buttons-container .dynamicLink { 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; text-decoration: none; white-space: nowrap; box-sizing: border-box; transition: all 0.3s ease-in-out; &:hover { background: var(--lang-text-color); color: var(--lang-bg-color); } } .language-buttons-container .button-text { overflow: hidden; text-overflow: ellipsis; } @media (max-width: 960px) { .language-buttons-container { gap: 6px; } .language-buttons-container .dynamicLink { font-size: 12px; white-space: normal; text-align: center; line-height: 1.2; } } `; const documentHead = document.head || document.getElementsByTagName("head")[0]; const styleTag = document.createElement("style"); documentHead.appendChild(styleTag); styleTag.appendChild(document.createTextNode(languageButtonsCss)); window.addEventListener("click", () => { setTimeout(() => { menuBodySelectors.forEach(addLanguageButtons); }, 500); }); document.addEventListener('click', function () { const $select = $('#news-list select[name="filter"]'); $select.empty(); const opts = [ { 'value': 'https://www.buffaloschools.org/news', 'text': 'All' }, { 'value': 'https://www.buffaloschools.org/o/dept-public-relations/news', 'text': 'Press Releases' } ]; opts.forEach(function (obj) { $("

BUFFALO

Important Information

Office of the Superintendent