// Define a function that modifies the links on the live feed page function modifyLiveFeedLinks() { document.querySelectorAll(".status a").forEach(link => { link.setAttribute('target', '_blank'); }); } // Check if the current page is the live feed page if (window.location.href.includes("/live-feed")) { // Call the function on page load window.addEventListener('appLoaded', () => { modifyLiveFeedLinks(); // Override XMLHttpRequest.open to call the function when the request completes const oldOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function () { this.addEventListener('loadend', () => { setTimeout(modifyLiveFeedLinks, 200); }); oldOpen.apply(this, arguments); }; }); } function getProgramsTitle() { if (!document.querySelector("#programs-v2")) { return } var url; var mainProgramTitleUrl = document.querySelector("#programs-v2 .main-program-left .program-title a"); if (mainProgramTitleUrl) { url = mainProgramTitleUrl.href; var mainProgramLeft = document.querySelector("#programs-v2 p.program-description"); if (mainProgramLeft) { var mainProgramLeftText = mainProgramLeft.innerText; // console.log(mainProgramLeftText) var captionUrlArea = document.createElement("a"); captionUrlArea.innerText = mainProgramLeftText; captionUrlArea.href = url; captionUrlArea.setAttribute('target', '_blank'); // console.log(captionUrlArea) mainProgramLeft.innerHTML = ""; mainProgramLeft.appendChild(captionUrlArea); } var mainProgramImage = document.querySelector("#programs-v2 .main-program-image"); var imageUrlArea = document.createElement("a"); imageUrlArea.href = url; imageUrlArea.setAttribute('target', '_blank'); imageUrlArea.classList.add("imageUrlArea"); mainProgramImage.appendChild(imageUrlArea); } } const programsV2ButtonLeft = document.querySelector(".main-program-image .left-arrow-button") ? document.querySelector(".main-program-image .left-arrow-button") : document.querySelector("div"); const programsV2ButtonRight = document.querySelector(".main-program-image .right-arrow-button") ? document.querySelector(".main-program-image .right-arrow-button") : document.querySelector("div"); // ADD URL TO Programs V2 Main Image and Caption document.addEventListener("appLoaded", () => { getProgramsTitle() }); programsV2ButtonLeft.addEventListener("click", (e) => { setTimeout(() => { getProgramsTitle() }, 700); }); programsV2ButtonRight.addEventListener("click", (e) => { setTimeout(() => { getProgramsTitle() }, 700); }); /* ----------- Add Custom Buttons to Staff page ----------- */ function addCustomButtonsToStaff() { const staffContainer = document.querySelector("#staff"); if (staffContainer) { var staffButtons = { 'Leadership Updates': '/o/humbleisd/page/district-leadership-updates' }; // if (window.clientWorkStateTemp.pathPrefix == "/o/east-high") { // buttons = { // '2022-23 Academic Calendar': 'https://5il.co/1l4ti', // '2023-24 Academic Calendar': 'https://5il.co/1oqym', // 'Staff Calendars': ' /o/sccs/page/staff-calendars', // 'High School Athletics & Activities': 'https://missouririverconf.org/public/genie/167/school/3/', // '2022-2023 AB Calendar': 'https://5il.co/1l4tj' // }; // } let staffCustomButtons = document.createElement("div"); staffCustomButtons.classList.add('customButtons'); for (const key in staffButtons) { let staffButton = document.createElement("a"); staffButton.setAttribute('target', '_blank'); staffButton.setAttribute('href', `${staffButtons[key]}`); staffButton.innerText = `${key}`; staffCustomButtons.appendChild(staffButton); } staffContainer.querySelector('.page-container').insertAdjacentElement('beforebegin', staffCustomButtons); } } document.addEventListener("appLoaded", addCustomButtonsToStaff); /* ----------- END Add Custom Buttons to Calendar ----------- */ /* ----------- 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("appLoaded", changeFooterIcons); /* ----------- END Script to change the social icons in the footer ----------- */ /* ----------- EDIT THE SQUARE BUTTONS WITH ICONS ----------- */ document.addEventListener("appLoaded", () => { const buttonsWithIcons = document.querySelectorAll(".button.square .icon-wrapper"); buttonsWithIcons.forEach(button => { let buttonWrap = button.closest(".button.square"); buttonWrap.classList.add("custom-square-button-with-icon") }); }); /* ----------- END EDIT THE SQUARE BUTTONS WITH ICONS ----------- */ /* ----------- Add Custom Buttons to Calendar ----------- */ function addCustomButtonsToCalendar() { const eventCalendarContainer = document.querySelector(".event-cal .event-cal-container"); if (eventCalendarContainer) { var buttons = { '2026-2027 Academic Calendar': 'https://www.humbleisd.net/o/humbleisd/page/academic-calendar', 'Testing Calendar': 'https://www.humbleisd.net/o/teachinglearning/page/assessment', 'Subscribe to District Calendar': 'https://calendar.google.com/calendar/u/2?cid=d2VibWFzdGVyQGh1bWJsZWlzZC5uZXQ' }; var schoolName = window.clientWorkStateTemp.globals.info.school_name; if (schoolName.includes("Middle") || schoolName.includes("High")) { var bellSchedulesSlug = 'bell-schedules'; var schoolAlias = window.clientWorkStateTemp.alias; bellSchedulesPath = '/o/' + schoolAlias + '/page/' + bellSchedulesSlug + ''; // if other schools use this section, they will use their own page; if it does not exist, it will use the one from District var http = new XMLHttpRequest() http.open('HEAD', bellSchedulesPath, false) http.send() if (http.status === 200) { //This file exist! } else { //This file does not exist! bellSchedulesPath = '/page/' + bellSchedulesSlug + ''; } buttons = { '2026-2027 Academic Calendar': 'https://www.humbleisd.net/o/humbleisd/page/academic-calendar', 'Testing Calendar': 'https://humbleisdtx.sites.thrillshare.com/o/teachinglearning/page/assessment', 'Subscribe to District Calendar': 'https://calendar.google.com/calendar/u/2?cid=d2VibWFzdGVyQGh1bWJsZWlzZC5uZXQ', 'Bell Schedules': bellSchedulesPath }; } let eventCalendarCustomButtons = document.createElement("div"); eventCalendarCustomButtons.classList.add('customButtons'); for (const key in buttons) { let customCalendarButton = document.createElement("a"); customCalendarButton.setAttribute('target', '_blank'); customCalendarButton.setAttribute('href', `${buttons[key]}`); customCalendarButton.innerText = `${key}`; eventCalendarCustomButtons.appendChild(customCalendarButton); } eventCalendarContainer.insertAdjacentElement('beforebegin', eventCalendarCustomButtons); } } document.addEventListener("appLoaded", addCustomButtonsToCalendar); /* ----------- END Add Custom Buttons to Calendar ----------- */ document.addEventListener("appLoaded", () => { const stayConnectedTitle = document.querySelectorAll("#footer-f1 .footer-column-last h2"); if (stayConnectedTitle) { stayConnectedTitle.forEach(programsTitle => { programsTitle.innerText = "Connect With Us"; }); } }); //Make Child Program Images Clickable const programs = document.querySelector("#programs-v2") const miniPrograms = document.querySelectorAll("#programs-v2 .program-row .forward") const stackedMiniPrograms = document.querySelectorAll("#programs-v2 .stacked-programs li") document.addEventListener('appLoaded', (event) => { const linkAdder = (program) => { const link = program.querySelector("h3 a").href const text = program.querySelector(".program-description") const originalHTML = program.innerHTML program.innerHTML = `${originalHTML}` text.innerHTML = `${text}` } miniPrograms.forEach((p) => { // run a function on p linkAdder(p) }) stackedMiniPrograms.forEach((p) => { // run a function on p linkAdder(p) }) }); //End Programs JS 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; } } }, 1000); /* ----------- Script to add icons in the footer ----------- */ function addSocialIcons() { const iconColor = '#001957'; // define svg icons - in this case round icons const tiktokURL = "https://www.tiktok.com/@siouxcityschools"; const linkedinURL = "https://nextdoor.com/agency-detail/tx/humble/humble-independent-school-district-2/?i=qdkgwktzyqcykdwzkptz"; 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 ----------- */ /* Next Door Icon End */

HUMBLE ISD