`); } }); }); break; case 3: // Extra Buttons extraButtons = CMSPageHTMLBuilder.createButton(item['ts-button'], 'extra-button'); break; case 4: // Footer Bg Image footerBgImage = CMSPageHTMLBuilder.createImage(item['ts-image'], 'footerBgImage'); break; case 5: item['ts-button'][0]['buttons'].forEach(button => { appPlatforms.forEach(platform => { if (button.link.includes(platform)) { appButtons.push(`

`); } }); }); break; } }); footerHTML = ` `; document.getElementById('customFooter').innerHTML = footerHTML; }); /* ====================================== BUILD THE HTML - CUSTOM FOOTER - END ====================================== */ /* --------- START Events Buttons -------------- */ const addCustomButtonsToCalendar = () => { const eventCalendarContainer = document.querySelector( ".event-cal .event-cal-container" ); if (eventCalendarContainer) { const eventButtons = { "25-26 Academic Calendar": "https://aptg.co/TGSfV7", "Student Assessments": "/documents/about-us/calendars/student-assessment-calendars/640737", "UIL Eligibility Calendar": "https://5il.co/2ihnz", "26-27 Approved Academic Calendar": "https://aptg.co/FGTtg0", "A/B Calendar": "https://aptg.co/QllhY0" // display it only on high schools }; const calendarButtonContainer = document.createElement("div"); calendarButtonContainer.classList.add("custom-eventButtons"); calendarButtonContainer.style.display = "flex"; calendarButtonContainer.style.alignItems = "center"; calendarButtonContainer.style.justifyContent = "center"; calendarButtonContainer.style.flexFlow = "row wrap"; // Check for additional button condition const schoolName = window.clientWorkState.globals.secondary_organization_name.toLowerCase(); const containsHigh = schoolName.includes('high'); for (const key in eventButtons) { // Skip adding the "A/B Calendar" button if conditions are not met if (key === "A/B Calendar" && !containsHigh) { continue; } const customCalendarButton = document.createElement("a"); customCalendarButton.setAttribute("target", "_blank"); customCalendarButton.setAttribute("href", `${eventButtons[key]}`); customCalendarButton.innerText = `${key}`; customCalendarButton.style.margin = "6px 10px"; customCalendarButton.style.padding = "0.5em 1.5em"; customCalendarButton.style.display = "flex"; customCalendarButton.style.alignItems = "center"; customCalendarButton.style.fontWeight = "700"; customCalendarButton.style.textDecoration = "none"; customCalendarButton.style.backgroundColor = "var(--primary-color)"; customCalendarButton.style.color = "#fff"; customCalendarButton.style.borderRadius = "1.5em"; calendarButtonContainer.appendChild(customCalendarButton); } eventCalendarContainer.insertAdjacentElement( "beforebegin", calendarButtonContainer ); } }; document.addEventListener("appLoaded", addCustomButtonsToCalendar); /* --------- END Events Buttons -------------- */

Together We Prosper