window.addEventListener("appLoaded", (event) => { $("#footer-f1 .footer-column-last .footer-social-links") .append( '

' + '' + '' + "

" ) .css("display", "flex"); }); // Update search field in the Events page document.addEventListener('appLoaded', () => { // Desired placeholder text const placeholderText = 'Search Calendars'; const searchSelector = '#event-filter-search'; // Updates the placeholder text if the search input exists const updateSearchPlaceholder = () => { const searchInput = document.getElementById('event-filter-search'); if (searchInput) { searchInput.placeholder = placeholderText; } const calendarTitle = document.querySelector('.event-cal .event-cal-content .toolbar-header .header-title'); const breadcrumbLink = document.querySelector('.event-cal .breadcrumb .router-link-active'); if (calendarTitle) { calendarTitle.textContent = 'School Calendar'; } if (breadcrumbLink) { breadcrumbLink.textContent = 'School Calendar'; } }; // A debounce function const debounce = (callback, delay = 250) => { let timerId; return (...args) => { clearTimeout(timerId); timerId = setTimeout(() => callback(...args), delay); }; }; // Create a debounced version of the update function const debouncedUpdate = debounce(updateSearchPlaceholder); // Update the placeholder on window resize window.addEventListener('resize', debouncedUpdate); // Do an immediate update in case the search input is already on the page updateSearchPlaceholder(); // Set up a MutationObserver on the event calendar container to catch dynamic changes const eventCalContainer = document.querySelector('.event-cal-container'); if (eventCalContainer) { const observer = new MutationObserver((mutations) => { let shouldUpdate = false; // Loop through each mutation and its added nodes for (const mutation of mutations) { for (const node of mutation.addedNodes) { // Only check element nodes if (node.nodeType !== Node.ELEMENT_NODE) continue; // If the node itself or any of its descendants match, flag for update if (node.matches?.(searchSelector) || node.querySelector?.(searchSelector)) { shouldUpdate = true; break; } } if (shouldUpdate) break; } if (shouldUpdate) { debouncedUpdate(); } }); observer.observe(eventCalContainer, { childList: true, subtree: true }); } }); // END update search field in the Events page