/* Events date format */ /* function formatDate(inputDate) { // Check if the input contains a date range separator " — " if (inputDate.includes(" — ")) { const dateParts = inputDate.split(" — "); const startDate = new Date(dateParts[0] + " 2023"); const endDate = new Date(dateParts[1] + " 2023"); const startMonth = startDate.getMonth() + 1; // Months are 0-based const startDay = startDate.getDate(); const endMonth = endDate.getMonth() + 1; // Months are 0-based const endDay = endDate.getDate(); const formattedStartDate = `${startMonth}/${startDay}`; const formattedEndDate = `${endMonth}/${endDay}`; return `${formattedStartDate} - ${formattedEndDate}`; } else { // If it's not a date range, assume it's a single date in the format "MMM D" const singleDate = new Date(inputDate + " 2023"); const singleMonth = singleDate.getMonth() + 1; // Months are 0-based const singleDay = singleDate.getDate(); const formattedSingleDate = `${singleMonth}/${singleDay}`; return formattedSingleDate; } } (function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("appLoaded", ready); } })(function domReady() { if (document.getElementById("home") !== null) { document.querySelector("#view-header").classList.add("homeHeader"); const intervalEv = setInterval(function () { var eventsSection = document.querySelector("#events-e4.bold"); if (eventsSection) { var eventsCard = eventsSection.querySelectorAll( ".events-info .events-card" ); var eventsCardLength = eventsCard.length; for (let i = 0; i < eventsCardLength; i++) { var eventCard = eventsCard[i]; var eventDate = eventCard.querySelector(".events-date"); var eventDateText = eventDate.innerHTML.trim(); var dateFormated = formatDate(eventDateText); eventDate.innerHTML = dateFormated; } clearInterval(intervalEv); } setTimeout(function () { clearInterval(intervalEv); }, 4000); }, 500); } }); */ /* end Events date format */ const _$ = window.clientWorkStateTemp; const orgID = _$.secondaryOrgId; const orgName = _$.alias; document.addEventListener("appLoaded", () => { /* Report and Anon alerts header banners */ var firstButtonUrl = "/o/hcs/page/bullying-intimidation-harassment-reporting"; var firstButtonTarget = "_blank"; var firstButtonImgSrc = "https://cmsv2-shared-assets.apptegy.net/Schools/Huntsville-City-Schools-4113/report-bullying.svg"; var firstButtonText = "Report Bullying"; var secondButtonUrl = "https://www.anonymousalerts.com/huntsvillecityschools/default.aspx"; var secondButtonTarget = "_blank"; var secondButtonImgSrc = "https://cmsv2-shared-assets.apptegy.net/Schools/Huntsville-City-Schools-4113/anon-alerts.svg"; var secondButtonText = "Anonymous Alerts"; var headerButtonsHTML = '

'; headerButtonsHTML += '

'; headerButtonsHTML += ''; headerButtonsHTML += '' + firstButtonText + '

'; headerButtonsHTML += " "; headerButtonsHTML += ''; headerButtonsHTML += '' + secondButtonText + '

'; headerButtonsHTML += " "; headerButtonsHTML += "

"; headerButtonsHTML += "

"; var header = document.querySelector("#view-header"); var headerHeight = header.offsetHeight; const headerBarWrapper = header.querySelector(".header-bar-wrapper"); headerBarWrapper.insertAdjacentHTML("beforeend", headerButtonsHTML); if (headerBarWrapper.classList.contains("sticky")) { header.classList.add("sticky-header"); } function closeBadge() { header.classList.add("small-badge", "minimized-logos"); //localStorage.setItem('isClosed', true); } function openBadge() { header.classList.remove("small-badge", "minimized-logos"); //localStorage.setItem('isClosed', false); } // const isClosedValue = localStorage.getItem('isClosed'); // if (isClosedValue != 'true') { // openBadge(); // } else { // closeBadge(); // } // const minimizeLogosButton = header.querySelector('.minimize_logos'); // minimizeLogosButton.addEventListener('click', (e) => { // e.preventDefault(); // // if (header.classList.contains('small-badge')) { // openBadge(); // } else { // closeBadge(); // } // }); window.addEventListener("scroll", () => { const scroll = window.scrollY; if (scroll >= headerHeight) { header.classList.remove("default-badge"); header.classList.add("small-badge", "fixed-position"); } else { header.classList.remove("fixed-position"); if (!header.classList.contains("minimized-logos")) { header.classList.remove("small-badge"); header.classList.add("default-badge"); } } }); /* END Report and Anon alerts header banners */ }); /* --------- Homepage Events -------------- */ //const eventsApiUrl = 'https://thrillshare.com/api/v4/o/18311/cms/events'; //const numberOfEventsDisplayed = 15; //const customEventsParent = "#homepage-notifications"; //const currentSection = "events"; //const currentSectionTitle = "Notifications"; //const seeMoreEvents = "See All Events" //const isEventsSlider = true; // //if (document.getElementById("home") !== null) { // fetch(eventsApiUrl).then(response => { // return response.json(); // }).then(result => { // parseEventsData(result); // }).catch(err => { // console.warn('Something went wrong.', err); // }); //} // //function parseEventsData(result) { // var index = 0; // // document.querySelector(customEventsParent).insertAdjacentHTML("afterbegin", "

"); // // var elementContainer = document.querySelector('.custom-' + currentSection + '__inner'); // // for (const event of result.events) { // index++; // // if (index <= numberOfEventsDisplayed) { // let dayOfTheEvent; // let startEndHoursOfTheEvent; // // const startDate = new Date(event.formatted_start); // // const startYear = startDate.getFullYear() % 100; // const startMonth = startDate.getMonth() + 1; // const startDay = startDate.getDate(); // // const dateFormattedStart = `${startMonth.toString().padStart(2, '0')}/${startDay.toString().padStart(2, '0')}/${startYear.toString().padStart(2, '0')}`; // // // const endDate = new Date(event.formatted_end); // // const endYear = endDate.getFullYear() % 100; // const endMonth = endDate.getMonth() + 1; // const endDay = endDate.getDate(); // // const dateFormattedEnd = `${endMonth.toString().padStart(2, '0')}/${endDay.toString().padStart(2, '0')}/${endYear.toString().padStart(2, '0')}`; // // // if (startDay === endDay && startMonth === endMonth) { // dayOfTheEvent = "

" + dateFormattedStart + "

"; // } else { // dayOfTheEvent = "

" + dateFormattedStart + " - " + dateFormattedEnd + "

"; // } // // if (event.all_day) { // startEndHoursOfTheEvent = "all day"; // } else { // startEndHoursOfTheEvent = event.formatted_date; // } // // let elementHtml = createEventHtml(event.id, event.title, dayOfTheEvent, startEndHoursOfTheEvent); // elementContainer.innerHTML += elementHtml; // } else { // break; // } // } // // if (isEventsSlider) { // // elementContainer.classList.add("has-slider"); // // setTimeout(() => { // // var swiper = new Swiper(".custom-events", { // slidesPerView: 5, // spaceBetween: 30, // loop: true, // speed: 500, // grabCursor: false, // autoplay: { // delay: 50000, // disableOnInteraction: false, // }, // navigation: { // nextEl: ".swiper-button-next-notif", // prevEl: ".swiper-button-prev-notif", // }, // breakpoints: { // // when window width is >= 320px // 320: { // slidesPerView: 1 // }, // 600: { // slidesPerView: 2 // }, // 960: { // slidesPerView: 3 // }, // 1280: { // slidesPerView: 4 // } // } // }); // // }, 100); // } // //} // //function createEventHtml(id, title, day, hour) { // // let htmlItem = `

`; // // htmlItem += `

`; // if (day) { // htmlItem += ` ${day} `; // } // // if (title) { // htmlItem += `

${title}

`; // } // // if (hour) { // htmlItem += `

${hour}

`; // } // // htmlItem += `

`; // htmlItem += `

`; // // return htmlItem; //} /* --------- END Homepage Events -------------- */ /* --------- START Featured Pages -------------- */ document.addEventListener("appLoaded", () => { if (document.getElementById("home") !== null) { const pageNameFeatured = "featured-pages"; const apiUrlFeatured = "https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/" + orgID + "/cms/pages/" + pageNameFeatured; fetch(apiUrlFeatured) .then((response) => response.json()) .then((result) => { let pageContent; // Check if the new structure exists (with root element) if (result.content && result.content.length > 0 && result.content[0].id === 'root') { // New structure: content is nested inside root config as array of arrays pageContent = result.content[0].config.flat(); console.log("Using new JSON structure (with root)"); } else { // Old structure: content is directly accessible pageContent = result.content; console.log("Using old JSON structure (direct content)"); } const customHomepageComponent = document.querySelector("#featured-pages"); const customInner = document.createElement("div"); customInner.classList.add("featured-pages-inner"); // for each page component/layout/section pageContent.forEach((pageElement) => { if (pageElement.component == "ts-left-sidebar") { let leftSidebarItem = pageElement.config; const customInnerElement = document.createElement("div"); customInnerElement.classList.add("featured-page-item"); leftSidebarItem.forEach((leftSidebarHalf, index) => { // If right part of the "Left Sidebar" if (index == 1) { var contentWrap = document.createElement("div"); contentWrap.classList.add("featured-page-item-content"); var contentWrapInner = document.createElement("div"); contentWrapInner.classList.add("featured-page-item-inner"); } leftSidebarHalf.forEach((element) => { if (element.component == "ts-image") { let imageSRC = element.config.image.url; let imageUrl = element.config.image.link_url; let imageAltText = element.config.image.alt_text; if (imageSRC) { let imageElement = document.createElement("img"); imageElement.src = imageSRC; if (imageAltText) { imageElement.alt = imageAltText; } if (imageUrl) { let imageElementWrap = document.createElement("div"); imageElementWrap.classList.add("image-wrap"); let imageElementLink = document.createElement("a"); imageElementLink.setAttribute("href", imageUrl); imageElementLink.setAttribute("target", "blank"); imageElementLink.classList.add("image-wrap"); imageElementLink.appendChild(imageElement); imageElementWrap.appendChild(imageElementLink); customInnerElement.appendChild(imageElementWrap); } else { let imageElementWrap = document.createElement("div"); imageElementWrap.classList.add("image-wrap"); imageElementWrap.appendChild(imageElement); customInnerElement.appendChild(imageElementWrap); } } } if (element.component == "ts-button") { let buttonTarget = false; let buttonText = element.config.button.buttons[0].title; let buttonURL = element.config.button.buttons[0].link; if (element.config.button.buttons[0].open_link_in_new_tab) { buttonTarget = true; } if (buttonText) { let buttonElement = document.createElement("a"); buttonElement.classList.add("button-wrap"); buttonElement.innerHTML = buttonText; buttonElement.href = buttonURL; if (buttonTarget) { buttonElement.target = "_blank"; } contentWrapInner.appendChild(buttonElement); } } }); // If right part of the "Left Sidebar" if (index == 1) { contentWrap.appendChild(contentWrapInner); customInnerElement.appendChild(contentWrap); } }); customInner.appendChild(customInnerElement); } }); customHomepageComponent.appendChild(customInner); }); } }); /* --------- END Featured Pages -------------- */ //function changeEventsTitle() { // const programsTitles = document.querySelectorAll("#events-e4 .see-all-container h2"); // // if (programsTitles) { // programsTitles.forEach(programsTitle => { // programsTitle.innerText = "School Events"; // }); // } //} // //document.addEventListener("appLoaded", changeEventsTitle); /* --------- START News -------------- */ /* ----------- Create Custom News Section ----------- */ const newsApiUrl = _$.links.news + "?locale=" + _$.translation.locale; const defaultImage = _$.settings.newsFallbackImage.url; const numberOfElements = 20; const inserAfterElement = "#custom-news"; const section = "news"; const seeMoreBtn = "See All News"; const isNewsSlider = true; var schoolAlias = _$.alias; document.addEventListener("appLoaded", () => { fetch(newsApiUrl) .then((response) => { return response.json(); }) .then((result) => { parseData(result); const swiperNewsLink = document.querySelector(".news-swiper-button-link"); if (swiperNewsLink) { swiperNewsLink.href = `/o/${schoolAlias}/news`; swiperNewsLink.innerText = seeMoreBtn; } }) .catch((err) => { console.warn("Something went wrong.", err); }); }); function parseData(result) { var index = 0; document .querySelector(inserAfterElement) .insertAdjacentHTML( "afterbegin", "

" ); const elementOuter = document.querySelector(".custom-" + section); const elementContainer = document.querySelector( ".custom-" + section + "__inner" ); for (const article of result.articles) { index++; if (schoolAlias !== null) { var articleLink = "/o/" + schoolAlias + "/article/" + article.id; } else { var articleLink = "/article/" + article.id; } if (index <= numberOfElements) { let elementHtml = createHtmlItem( article.id, article.title, article.snippet, articleLink, article.cover_image ); elementContainer.innerHTML += elementHtml; } else { break; } } if (isNewsSlider) { elementOuter.classList.add("swiper"); elementContainer.classList.add("has-slider", "swiper-wrapper"); setTimeout(() => { var swiper = new Swiper(".custom-news", { slidesPerView: 3, spaceBetween: 30, loop: true, speed: 500, grabCursor: false, autoplay: false, navigation: { nextEl: ".news-swiper-button-next", prevEl: ".news-swiper-button-prev", }, breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, }, 600: { slidesPerView: 2, spaceBetween: 20, }, 960: { slidesPerView: 3, spaceBetween: 30, }, 1280: { slidesPerView: 3, spaceBetween: 50, }, }, }); }, 100); } } function createHtmlItem(id, title, text, link, image) { let htmlItem = ``; if (image) { htmlItem += `

`; } else { htmlItem += `

`; } htmlItem += `

`; if (title) { htmlItem += `

${title}

`; } if (text) { htmlItem += `

${text}

`; } htmlItem += `

`; htmlItem += ``; return htmlItem; } /* ----------- END Create Custom News Section ----------- */ /* --------- END News -------------- */ /* Button Link PDF Icon */ // (() => { // if (document.querySelector("#page")) { // const pdfReplacer = () => { // if ( // document.querySelector("#page") && // document.querySelector(".button.link") // ) { // const svgs = document.querySelectorAll("#page .button.link svg"); // svgs.forEach((svg) => { // const pdfIcon = document.createElement("img"); // pdfIcon.src = // "https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/PDF_file_icon.svg/32px-PDF_file_icon.svg.png"; // pdfIcon.style.height = "20px"; // svg.replaceWith(pdfIcon); // const parentA = pdfIcon.parentNode; // const title = parentA.querySelector(".title"); // const siblingA = // pdfIcon.nextSibling === title ? pdfIcon : pdfIcon.nextSibling; // title.parentNode.insertBefore(pdfIcon, title); // parentA.insertBefore(title, siblingA); // pdfIcon.style.display = "block"; // }); // } // }; // const lazyLoadCheck = () => { // const targetNode = document.querySelector("#page"); // if (!targetNode) return; // const observer = new MutationObserver((mutationsList) => { // mutationsList.forEach((m) => { // let condition = // m.addedNodes.length > 0 && // m.addedNodes[0].nodeName.toLowerCase() == "svg"; // if (condition) { // pdfReplacer(); // } // }); // }); // const config = { childList: true, subtree: true }; // observer.observe(targetNode, config); // }; // lazyLoadCheck(); // pdfReplacer(); // window.addEventListener("click", (event) => { // pdfReplacer(); // }); // } // })(); /* Button Link PDF Icon */ /* --------- START Footer rework -------------- */ document.addEventListener("appLoaded", () => { // Find the div element with the class .additional-text var additionalTextDiv = document.querySelector("#footer-f1 .additional-text"); // Find the div element with the id #cms-footer var cmsFooterDiv = document.querySelector("#cms-footer .apptegy-copyright"); if (additionalTextDiv) { // Append the additionalTextDiv to cmsFooterDiv cmsFooterDiv.appendChild(additionalTextDiv); } // Different BG image for each school on "Footer Area" if (document.getElementById("home") !== null) { const viewFooter = document.querySelector("#view-footer"); const schoolsImages = { chs: "Columbia.jpg", ghs: "Grissom-Evening.jpg", hhs: "HuntsvilleHigh.jpg", jhs: "JemisonHigh.jpg", lhs: "Lee-High.jpg", ncths: "New-Century-Blue-Ribbon.jpg", aaams: "AAA-ES&MS.jpg", asflms: "ASFL-ES&MS.jpg", crms: "Challenger-Middle-Resize.jpg", cpms: "Chapman-ES&MS.jpg", hcms: "HamptonCoveMiddle.jpg", hjhs: "Huntsville-Junior-High.jpg", mms: "Morris-P8-Final.jpg", mgms: "MtGapP8.jpg", mjhs: "McNair.jpg", wbms: "WhitesburgP8.jpg", wlms: "WilliamsP8-Reshoot.jpg", aaaes: "AAA-ES&MS.jpg", asfle: "ASFL-ES&MS.jpg", bes: "Blossomwood-Elementary-3.jpg", cfes: "ChaffeeElementary.jpg", cres: "ChallengerElementary.jpg", cpes: "Chapman-Elementary-School-v2.jpg", fes: "Farley.jpg", ges: "Goldsmith-Schiffman-Resize.jpg", hces: "Hampton-Cove-Elementary-Resize.jpg", hes: "HighlandsElementary.jpg", jdes: "JamesDawson.jpg", jves: "JonesValleyElementaryEdited.jpg", les: "Lakewood-Reshoot.jpg", mlkjes: "MLK-Jr.jpg", mdes: "McDonnell.jpg", mses: "MonteSanoElementary.jpg", mves: "MontviewElementaryEditedSized2.jpg", mes: "Morris-P8-Final.jpg", mges: "MtGapP8.jpg", pes: "ProvidenceElementary.jpg", res: "Ridgecrest-v2.jpg", rhes: "RollingHillsElementary.jpg", shes: "SonnieHerefordElem21.jpg", whes: "WeatherlyHeightsElementary.jpg", wbes: "WhitesburgP8.jpg", wles: "WilliamsP8-Reshoot.jpg", }; const footerBgImageName = schoolsImages[orgName]; const footerBgImagePath = "https://cmsv2-shared-assets.apptegy.net/Schools/Huntsville-City-Schools-4113/newsImages/" + footerBgImageName; viewFooter.style.setProperty( "--footer-img-bg", "url(" + footerBgImagePath + ")" ); } }); /* --------- END Footer rework -------------- */ // ----------------- // Add Custom Modal Modal START // ----------------- // theese need to be added for each site specifically // var modalCondition = window.location.href.indexOf('/events') > -1; // the condition for the modal to appear; leave 'true' to appear everyone on the website // const modalPageName = 'modal-info-text'; const modalCondition = true; if (typeof modalPageName === "undefined" || modalPageName === null) { var modalPageName = "modal-info-text"; } const modalApiUrl = "https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/" + orgID + "/cms/pages/" + modalPageName; var modalSectionTitle = "Modal Title"; // The title of the modal; this will be overwritten by the setting defined in the CMS var modalTextColor = "#fff"; // The color of the text; this will be overwritten by the setting defined in the CMS var modalBackgroundColor = "var(--primary-color)"; // The bg color of the text; this will be overwritten by the setting defined in the CMS var modalPositionOnPage = "bottom"; // Can be "bottom", "top", "centered", "fullscreen"; this will be overwritten by the setting defined in the CMS var modalSecondsActive = 5; // how many seconds the modal is active; this will be overwritten by the setting defined in the CMS var modalDisplayLogo = false; // if logo is displayed var logoOpacity = 100; // this will be overwritten by the setting defined in the CMS var logoMaxWidth = 100; // this will be overwritten by the setting defined in the CMS var logoMaxHeight = 100; // this will be overwritten by the setting defined in the CMS var modalLogoSrc = _$.globals.logo.url; const modalExtraClass = "programComponent"; const appElement = document.querySelector("#app"); var disableModal = false; const isValidUrl = (urlString) => { var urlPattern = new RegExp( "^(https?:\\/\\/)?" + // validate protocol "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" + // validate domain name "((\\d{1,3}\\.){3}\\d{1,3}))" + // validate OR ip (v4) address "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // validate port and path "(\\?[;&a-z\\d%_.~+=-]*)?" + // validate query string "(\\#[-a-z\\d_]*)?$", "i" ); // validate fragment locator return !!urlPattern.test(urlString); }; if (modalCondition) { fetch(modalApiUrl) .then((response) => response.json()) .then((result) => { const pageContent = result.content; const htmlContent = document.createElement("div"); htmlContent.classList.add("htmlContent", "modalHtml"); // for each page component/layout/section pageContent.forEach((pageElement) => { if (pageElement.component == "ts-full-width") { pageElement.config[0].forEach((fullWidthElement) => { if (fullWidthElement.component == "ts-table-v2") { const configTable = fullWidthElement.config.table.content; const jsonConfig = JSON.parse(convertTableToJson(configTable)); for (let i = 0; i < jsonConfig.length; i++) { const element = jsonConfig[i]; if (element["setting"] == "section_title") { modalSectionTitle = element["value"]; } if (element["setting"] == "text_color") { modalTextColor = element["value"].trim(); } if (element["setting"] == "background_color") { if (element["value"].trim()) { modalBackgroundColor = element["value"].trim(); } } if (element["setting"] == "position_on_page") { modalPositionOnPage = element["value"].trim(); } if (element["setting"] == "seconds_active") { modalSecondsActive = Number(element["value"]); } if (element["setting"] == "display_logo") { modalDisplayLogo = element["value"].trim(); } if (element["setting"] == "logo_opacity") { logoOpacity = Number(element["value"]); } if (element["setting"] == "logo_max_width") { logoMaxWidth = Number(element["value"]); } if (element["setting"] == "logo_max_height") { logoMaxHeight = Number(element["value"]); } if ( element["setting"] == "logo_custom_image" && isValidUrl(element["value"].trim()) ) { modalLogoSrc = element["value"].trim(); } if (element["setting"] == "disable") { if (element["value"] == "true") { disableModal = true; } } } } }); } // if it's our desired repetitive element else if (pageElement.component == "ts-one-column") { let oneColumnItem = pageElement.config; console.log(oneColumnItem); oneColumnItem.forEach((oneColumnComponent, index) => { oneColumnComponent.forEach((element) => { if (element.component == "ts-heading") { let titleContent = element.config.content; if (titleContent) { let titleElementWrap = document.createElement("div"); titleElementWrap.classList.add("title-wrap"); titleElementWrap.innerHTML = titleContent; htmlContent.appendChild(titleElementWrap); } } if (element.component == "ts-text") { let textContent = element.config.content; if (textContent) { let textElementWrap = document.createElement("div"); textElementWrap.classList.add("text-wrap"); textElementWrap.innerHTML = textContent; htmlContent.appendChild(textElementWrap); } } if (element.component == "ts-button") { let buttonTarget = false; let buttonText = element.config.button.buttons[0].title; let buttonURL = element.config.button.buttons[0].link; if (element.config.button.buttons[0].open_link_in_new_tab) { buttonTarget = true; } if (buttonText) { let buttonElement = document.createElement("a"); buttonElement.classList.add("button-element"); buttonElement.innerHTML = buttonText; buttonElement.href = buttonURL; if (buttonTarget) { buttonElement.target = "_blank"; } htmlContent.appendChild(buttonElement); } } }); }); } }); if (!disableModal) { createModal( htmlContent, modalSectionTitle, modalTextColor, modalBackgroundColor, modalPositionOnPage ); } setTimeout(() => { appElement.classList.add("hiddenModal"); }, modalSecondsActive * 1000); }); } function convertTableToJson(htmlString) { const parser = new DOMParser(); const htmlWithTable = parser.parseFromString(htmlString, "text/html"); const table = htmlWithTable.querySelector("table"); var header = []; var rows = []; for (var i = 0; i < table.rows[0].cells.length; i++) { header.push(table.rows[0].cells[i].innerText); } for (var i = 1; i < table.rows.length; i++) { var row = {}; for (var j = 0; j < table.rows[i].cells.length; j++) { row[header[j]] = table.rows[i].cells[j].innerText; } rows.push(row); } const jsonFromTable = JSON.stringify(rows); return jsonFromTable; } function createModal( htmlContent, modalSectionTitle, modalTextColor, modalBackgroundColor, modalPositionOnPage ) { appElement.classList.add( "hasCustomModal", "hasCustomModal--" + modalPositionOnPage ); const modalOuter = document.createElement("div"); modalOuter.classList.add("modalOuter"); modalOuter.style.setProperty("--text-color", modalTextColor); modalOuter.style.setProperty("--background-color", modalBackgroundColor); const modalTitle = document.createElement("h3"); modalTitle.classList.add("modalTitle"); modalTitle.innerText = modalSectionTitle; const modalElement = document.createElement("div"); modalElement.classList.add("modalElement"); const modalInner = document.createElement("div"); modalInner.classList.add("modalInner"); const closeModal = document.createElement("div"); closeModal.classList.add("closeModal"); closeModal.id = "closeModal"; const triggerModalWhenHidden = document.createElement("div"); triggerModalWhenHidden.classList.add("triggerModalWhenHidden"); triggerModalWhenHidden.id = "triggerModalWhenHidden"; modalInner.appendChild(modalTitle); modalInner.appendChild(htmlContent); modalElement.appendChild(closeModal); modalElement.appendChild(modalInner); // modal logo if (modalDisplayLogo == "true" || modalDisplayLogo == "yes") { const modalLogo = document.createElement("div"); modalLogo.classList.add("modalLogo"); const modalLogoImg = document.createElement("img"); modalLogoImg.classList.add("modalLogoImg"); modalLogoImg.src = modalLogoSrc; modalLogo.style.setProperty("--logo-opacity", logoOpacity / 100); modalLogo.style.setProperty("--logo-max-width", logoMaxWidth + "px"); modalLogo.style.setProperty("--logo-max-height", logoMaxHeight + "px"); modalLogo.appendChild(modalLogoImg); modalElement.appendChild(modalLogo); } modalOuter.appendChild(modalElement); appElement.prepend(modalOuter); appElement.appendChild(triggerModalWhenHidden); } document.addEventListener("click", function (e) { const target = e.target.closest("#closeModal"); if (target) { appElement.classList.add("hiddenModal"); } }); document.addEventListener("click", function (e) { const target = e.target.closest("#triggerModalWhenHidden"); if (target) { appElement.classList.remove("hiddenModal"); } }); // ----------------- // Add Custom Modal Modal END // ----------------- // Truncate Events window.addEventListener("clientWorkEvent", (e) => { e.detail.name === "events-loaded" && (() => { const countEvents = () => { const element = document.querySelector( ".event-cal-content-wrapper .event-list-item" ); return !!element; }; const checkEventsLoad = () => { return new Promise((resolve) => { const intervalId = setInterval(() => { const status = window.clientWorkStateTemp.events.fetchingEvents; if (countEvents()) { clearInterval(intervalId); resolve(status); } }, 50); }); }; const resetEvents = () => { document.querySelectorAll(".readMoreButton").forEach((button) => { button.remove(); }); document .querySelectorAll(".events-list .event-list-item .description") .forEach((eventCard) => { eventCard.style.visibility = "hidden"; eventCard.style.position = "absolute"; $(eventCard).trigger("destroy.dot"); }); }; const displayEventDescriptions = () => { document .querySelectorAll(".events-list .event-list-item .description") .forEach((eventCard) => { eventCard.style.visibility = "initial"; eventCard.style.position = "initial"; }); }; const readMoreButton = (node) => { const parentNode = node.parentNode; const readMoreButton = parentNode.querySelector(".readMoreButton"); if (readMoreButton) { readMoreButton.remove(); } const allTags = parentNode.querySelectorAll(".event-tag"); const nodeToClone = allTags[allTags.length - 1].parentNode; const readMore = nodeToClone.cloneNode(true); const title = parentNode.querySelector(".title"); const pill = readMore.children[0]; const toolTip = readMore.children[1]; pill.innerText = "Read More"; pill.style.color = "white"; pill.style.backgroundColor = "var(--heading)"; pill.style.cursor = "pointer"; readMore.addEventListener("click", () => { title.click(); }); pill.classList.add("readMoreButton"); toolTip.innerText = "Read More"; nodeToClone.insertAdjacentElement("afterend", readMore); }; const truncateEvents = () => { if (window.location.href.includes("?id=")) { resetEvents(); displayEventDescriptions(); return; } const events = document.querySelectorAll( ".events-list .event-list-item .description" ); resetEvents(); events.forEach((eventCard) => { if (eventCard.innerHTML.length < 1) { return; } $(eventCard).dotdotdot({ height: 100, }); readMoreButton(eventCard); }); displayEventDescriptions(); }; const fixEvents = async () => { try { await checkEventsLoad(); truncateEvents(); } catch (error) { console.error(error); } }; fixEvents(); window.addEventListener("click", (e) => { fixEvents(); }); window.addEventListener("clientWorkEvent", (e) => { if (e.detail.name === "events-loaded") { fixEvents(); } }); window.addEventListener("popstate", (event) => { fixEvents(); }); let oldOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", fixEvents); oldOpen.apply(this, arguments); }; })(); }); // Truncate Events /* --------- START Header Slogans -------------- */ function addCustomText() { const slogan = { //columbia high school 18497: { "300 Explorer Boulevard | Huntsville, AL 35806": "https://maps.app.goo.gl/HqgTV5nKBnUnxMcj9", "256-428-7576": "tel:2564287576", }, //grissom high school 18498: { "1001 Haysland Rd | Huntsville, AL 35802": "https://maps.app.goo.gl/fn6ASaCSLHHjdqHg8", "256-428-8000": "tel:2564288000", }, //hunstville high school 18499: { "2304 Billie Watkins Ave | Huntsville, AL 35801": "https://maps.app.goo.gl/3yMTXB5w8Y8KCiXQ9", "256-428-8050": "tel:2564288050", }, //jemison high school 18500: { "5000 Pulaski Pike | Huntsville, AL 35810": "https://maps.app.goo.gl/rvQGk1Kue3a2541b6", "256-428-8100": "tel:2564288100", }, //lee high school 18501: { "2500 Meridian St. | Huntsville, AL 35811": "https://maps.app.goo.gl/W3EKa43tufSsKJku8", "256-428-8150": "tel:2564288150", }, //new century technology high 18502: { "2500 Meridian St. | Huntsville, AL 35811": "https://maps.app.goo.gl/UBMcoo8oJBr6fSLt5", "256-428-7800": "tel:2564287800", }, //Academy for Academics and Arts Middle 18503: { "4800 Sparkman Drive | Huntsville, AL 35810": "https://maps.app.goo.gl/Pinhg5nXRmEUyaW86", "256-428-7600": "tel:2564287600", }, //Academy for Science & Foreign Language Middle 18504: { "3221 Mastin Lake Road | Huntsville, AL 35810": "https://maps.app.goo.gl/dP1jTUvma3Gsh4EK9", "256-428-7000": "tel:2564287000", }, //Challenger Middle School 18505: { "13555 Chaney Thompson Road | Huntsville, AL 35803": "https://maps.app.goo.gl/NGwRHNfonHt3zvUu7", "256-428-7620": "tel:2564287620", }, //Chapman Middle School 18506: { "2006 Reuben Drive | Huntsville, AL 35811": "https://maps.app.goo.gl/K5KFUwnY9c5JzyKt9", "256-428-7640": "tel:2564287640", }, //Hampton Cove Middle School 18507: { "261-B Old 431 Highway | Huntsville, AL 35763": "https://maps.app.goo.gl/1ikJXwWCu6mvAtNt5", "256-428-8380": "tel:2564288380", }, //Huntsville Junior High School 18508: { "817 Adams Ave. | Huntsville, AL 35801": "https://maps.app.goo.gl/4uh1VQqA45EWk479A", "256-428-7700": "tel:2564287700", }, //Morris Middle School 18509: { "4801 Bob Wallace Avenue | Huntsville, AL 35805": "https://maps.app.goo.gl/X9w95fHxwTvbQ5Gb9", "256-428-7340": "tel:2564287340", }, //Mountain Gap Middle School 18510: { "821 Mountain Gap Road | Huntsville, AL 35803": "https://maps.app.goo.gl/QwVbLk9QUQ6nJUgGA", "256-428-7720": "tel:2564287720", }, //Ronald E. McNair Jr. High 18511: { "5000 Pulaski Pike | Huntsville, AL 35810": "https://maps.app.goo.gl/TA8Q7Y3TiHg1sS8u5", "256-428-7660": "tel:2564287660", }, //Whitesburg Middle School 18512: { "107 Sanders Rd. SW | Huntsville, AL 35802": "https://maps.app.goo.gl/TkufDqRhRTnGA2k98", "256-428-7780": "tel:2564287780", }, //Williams Middle School 18513: { "155 Barren Fork Blvd SW | Huntsville, AL 35824": "https://maps.app.goo.gl/4EYknJRJJTJRHCBp9", "256-428-7330": "tel:2564287330", }, //Academy for Academics and Arts Elementary 18514: { "4800 Sparkman Drive | Huntsville, AL 35810": "https://maps.app.goo.gl/gq4oGbjP5pDh668Z6", "256-428-7600": "tel:2564287600", }, //Academy for Science & Foreign Language Elementary 18515: { "3221 Mastin Lake Road | Huntsville, AL 35810": "https://maps.app.goo.gl/JsYCkKDTrzTn6ZgU8", "256-428-7000": "tel:2564287000", }, //Blossomwood Elementary 18516: { "1321 Woodmont Ave. | Huntsville, AL 35801": "https://maps.app.goo.gl/Kug8vumKgAFq9mna8", "256-428-7020": "tel:2564287020", }, //Chaffee Elementary 18517: { "7900 Whittier Road | Huntsville, AL 35802": "https://maps.app.goo.gl/xQyRGzbP43b5naNK8", "256-428-7040": "tel:2564287040", }, //Challenger Elementary 18518: { "13555 Chaney Thompson Rd. SE | Huntsville, AL 35803": "https://maps.app.goo.gl/Brcpb8BGu2d5Apy47", "256-428-7060": "tel:2564287060", }, //Chapman Elementary 18519: { "2006 Reuben Drive | Huntsville, AL 35811": "https://maps.app.goo.gl/DDVigHG9vF1zM4sD9", "256-428-7080": "tel:2564287080", }, //Farley Elementary School 18520: { "2900 Green Cove Road | Huntsville, AL 35803": "https://maps.app.goo.gl/XTeijcFYJs8F6gXj8", "256-428-7160": "tel:2564287160", }, //Goldsmith-Schiffman Elementary 18521: { "1210 Taylor Road | Huntsville, AL 35763": "https://maps.app.goo.gl/xYujRkuobVD2XVnj7", "256-428-7150": "tel:2564287150", }, //Hampton Cove Elementary School 18522: { "261-A Old Highway 431 | Huntsville, AL 35763": "https://maps.app.goo.gl/vXN4NRR4Y1AwuZ2K8", "256-428-7180": "tel:2564287180", }, //Highlands Elementary School 18523: { "2500 Barney Terrace NW | Huntsville, AL 35810": "https://maps.app.goo.gl/4KasAqhVeBMrrxA56", "256-428-7200": "tel:2564287200", }, //James I Dawson Elementary 18524: { "5308 Mastin Lake Rd. | Huntsville, AL 35810": "https://maps.app.goo.gl/PZs7KCtJ8dwEqcUJ8", "256-428-7500": "tel:2564287500", }, //Jones Valley Elementary School 18525: { "4908 Garth Road SE | Huntsville, AL 35802": "https://maps.app.goo.gl/9XrCgcqgTSnJGd236", "256-428-7220": "tel:2564287220", }, //Lakewood Elementary 18526: { "3501 Kenwood Drive | Huntsville, AL 35810": "https://maps.app.goo.gl/8mmr4YGDuwgkJ2yj9", "256-428-7240": "tel:2564287240", }, //Martin Luther King Jr. Elementary 18527: { "3112 Meridian Street | Huntsville, AL 35811": "https://maps.app.goo.gl/aUN3WbLYXY5xd99w6", "256-428-7100": "tel:2564287100", }, //McDonnell Elementary 18528: { "4010 Binderton Place | Huntsville, AL 35805": "https://maps.app.goo.gl/RRQwmyUPNdG7RMpE6", "256-428-7280": "tel:2564287280", }, //Monte Sano Elementary 18529: { "1107 Monte Sano Blvd | Huntsville, AL 35801": "https://maps.app.goo.gl/wJPkWbBPmcmWSWdp7", "256-428-7300": "tel:2564287300", }, //Montview Elementary 18530: { "2600 Garvin Road NW | Huntsville, AL 35810": "https://maps.app.goo.gl/2cRQ8W9K3TYvBDrM7", "256-428-7320": "tel:2564287320", }, //Morris Elementary 18531: { "4801 Bob Wallace Avenue | Huntsville, AL 35805": "https://maps.app.goo.gl/EVJnbFiY5VLu9jcw8", "256-428-7340": "tel:2564287340", }, //Mountain Gap Elementary 18532: { "821 Mountain Gap Road | Huntsville, AL 35803": "https://maps.app.goo.gl/7P57UWuq69EzQnVo6", "256-428-7720": "tel:2564287720", }, //Providence Elementary School 18533: { "10 Chalkstone Street | Huntsville, AL 35806": "https://maps.app.goo.gl/5Xda2JGJX2f2KFWH8", "256-428-7125": "tel:2564287125", }, //Ridgecrest Elementary 18534: { "3505 Cerro Vista Dr. SW | Huntsville, AL 35805": "https://maps.app.goo.gl/T5zqMpyBaLhRkqt37", "256-428-7380": "tel:2564287380", }, //Rolling Hills Elementary School 18535: { "2901 Hilltop Terrace | Huntsville, AL 35810": "https://maps.app.goo.gl/23x1xqvYHFbg6S1N8", "256-428-7400": "tel:2564287400", }, //Sonnie Hereford Elementary 18536: { "2755 Wilson St | Huntsville, AL 35816": "https://maps.app.goo.gl/v33ioQLu8EwnkxLW6", "256-428-7440": "tel:2564287440", }, //Weatherly Heights Elementary 18537: { "1307 Cannstatt Drive | Huntsville, AL 35803": "https://maps.app.goo.gl/hFcTGz5qXNU8JrZw9", "Phone: 256-428-7460 | ": "tel:2564287460", "Fax: 256-428-7468": "tel:2564287468", }, //Whitesburg Elementary 18538: { "107 Sanders Rd. SW | Huntsville, AL 35802": "https://maps.app.goo.gl/Vz1tzjfDxJ61snkK8", "256-428-7780": "tel:2564287780", }, //Williams Elementary 18539: { "155 Barren Fork Blvd SW | Huntsville, AL 35824": "https://maps.app.goo.gl/XdbBHqch3NLEUi768", "256-428-7540": "tel:2564287540", }, //Test School Site 20145: { "1321 Woodmont Ave. | Huntsville, AL 35801": "https://maps.app.goo.gl/Kug8vumKgAFq9mna8", "256-428-7020": "tel:2564287020", }, //Artemis Virtual Academy 22230: { "2006 Reuben Dr. | Huntsville, AL 35811": "https://maps.app.goo.gl/XRXE6YRiRi24HAAGA", "256-428-8005": "tel:2564288005", }, //Huntsville Center for Technology 30953: { "2603 N Memorial Pkwy | Huntsville, AL 35810": "https://maps.app.goo.gl/AqrzNLD7S5EXa19S6", "256-428-7810": "tel:2564287810", }, }; const orgID = window.clientWorkStateTemp.org; const buttons = slogan[orgID]; if (!buttons) { console.error(`No custom text available for orgID: ${orgID}`); return; } const customTextContainer = document.querySelector("#cms-header .name"); if (!customTextContainer) { console.error("customTextContainer not found on the page."); return; } let customHeaderSlogan = document.createElement("div"); customHeaderSlogan.classList.add("customSlogan"); for (const key in buttons) { let customSloganText = document.createElement("a"); customSloganText.setAttribute("target", "_blank"); customSloganText.setAttribute("href", buttons[key]); customSloganText.innerText = key; customHeaderSlogan.appendChild(customSloganText); } const SloganCss = ` .customSlogan { display: flex; flex-flow: column wrap; width: 100%; height: fit-content; justify-content: center; } .customSlogan a { font-size: 16px; font-weight: 500; color: var(--school-name-color); line-height: 20px; text-decoration: none; } @media only screen and (max-width: 960px){ .customSlogan { margin-top: 16px; margin-bottom: -16px; } .customSlogan a { line-height: 28px; } } `; const documentHead = document.head || document.getElementsByTagName("head")[0]; const styleTag = document.createElement("style"); documentHead.appendChild(styleTag); styleTag.appendChild(document.createTextNode(SloganCss)); customTextContainer.insertAdjacentElement("afterend", customHeaderSlogan); } const customTextContainer = document.querySelector("#cms-header .name"); if (customTextContainer) { document.addEventListener("appLoaded", addCustomText); } /* --------- END Header Slogans -------------- */ /* --------- START Secondary Events Buttons -------------- */ function addCustomButtons() { const buttonContent = { //columbia high school 18497: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/chs/athletics", }, //grissom high school 18498: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/ghs/athletics", }, //hunstville high school 18499: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/hhs/athletics", }, //jemison high school 18500: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/jhs/athletics", }, //lee high school 18501: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/lhs/athletics", }, //new century technology high 18502: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Academy for Academics and Arts Middle 18503: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Academy for Science & Foreign Language Middle 18504: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Challenger Middle School 18505: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/crms/athletics", }, //Chapman Middle School 18506: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/cpms/athletics", }, //Hampton Cove Middle School 18507: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/hcms/athletics", }, //Huntsville Junior High School 18508: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/hjhs/athletics", }, //Morris Middle School 18509: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/mms/athletics", }, //Mountain Gap Middle School 18510: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/mgms/athletics", }, //Ronald E. McNair Jr. High 18511: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/mjhs/athletics", }, //Whitesburg Middle School 18512: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/wbms/athletics", }, //Williams Middle School 18513: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", Athletics: "/o/wlms/athletics", }, //Academy for Academics and Arts Elementary 18514: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Academy for Science & Foreign Language Elementary 18515: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Blossomwood Elementary 18516: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Chaffee Elementary 18517: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Challenger Elementary 18518: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Chapman Elementary 18519: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Farley Elementary School 18520: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Goldsmith-Schiffman Elementary 18521: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Hampton Cove Elementary School 18522: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Highlands Elementary School 18523: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //James I Dawson Elementary 18524: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Jones Valley Elementary School 18525: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Lakewood Elementary 18526: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Martin Luther King Jr. Elementary 18527: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //McDonnell Elementary 18528: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Monte Sano Elementary 18529: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Montview Elementary 18530: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Morris Elementary 18531: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Mountain Gap Elementary 18532: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Providence Elementary School 18533: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Ridgecrest Elementary 18534: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Rolling Hills Elementary School 18535: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Sonnie Hereford Elementary 18536: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Weatherly Heights Elementary 18537: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Whitesburg Elementary 18538: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Williams Elementary 18539: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, //Test School Site 20145: { "2025-26 District Assessment Schedule": "/o/hcs/page/district-assessment-schedule", "2025-26 School Year Calendar & Work Schedule": "https://5il.co/2vcrj", }, }; const orgID = window.clientWorkStateTemp.org; const buttons = buttonContent[orgID]; if (!buttons) { console.error(`No custom text available for orgID: ${orgID}`); return; } const customButtonContainer = document.querySelector( ".event-cal .event-cal-container" ); if (!customButtonContainer) { console.error("customButtonContainer not found on the page."); return; } let eventCalendarCustomButtons = document.createElement("div"); eventCalendarCustomButtons.classList.add("custom-buttons"); eventCalendarCustomButtons.style.display = "flex"; eventCalendarCustomButtons.style.alignItems = "center"; eventCalendarCustomButtons.style.justifyContent = "center"; eventCalendarCustomButtons.style.flexFlow = "row wrap"; for (const key in buttons) { let customCalendarButton = document.createElement("a"); customCalendarButton.setAttribute("target", "_blank"); customCalendarButton.setAttribute("href", `${buttons[key]}`); customCalendarButton.innerText = `${key}`; customCalendarButton.style.margin = "6px 10px"; customCalendarButton.style.display = "flex"; customCalendarButton.style.alignItems = "center"; customCalendarButton.style.minHeight = "40px"; if ( !key.includes("District Assessment Schedule") && !key.includes("Athletics") ) { let pdfIcon = document.createElement("img"); pdfIcon.setAttribute( "src", "https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/PDF_file_icon.svg/32px-PDF_file_icon.svg.png" ); pdfIcon.setAttribute("height", "20px"); pdfIcon.style.display = "block"; pdfIcon.style.margin = "6px 10px"; customCalendarButton.insertBefore( pdfIcon, customCalendarButton.firstChild ); } customCalendarButton.style.textDecoration = "none"; customCalendarButton.style.color = "var(--primary-color)"; eventCalendarCustomButtons.appendChild(customCalendarButton); } customButtonContainer.insertAdjacentElement( "beforebegin", eventCalendarCustomButtons ); } const customButtonContainer = document.querySelector( ".event-cal .event-cal-container" ); if (customButtonContainer) { document.addEventListener("appLoaded", addCustomButtons); } /* --------- END Secondary Events Buttons -------------- */