// Begin sidenav style for Departments | Only show active page and its children const recursivePageSearch = (menu) => { if (menu.children.length === 0) {return []} return menu.children.flatMap(menuItem => { const idOfParent = menuItem.id const childIds = menuItem.children.map(item => item.id) return [idOfParent, ...childIds] }) } const checkPageId = (id, array) => { return array.includes(id) } const _$ = window.__NUXT__.state; const pageId = _$.page.id; const departmentHeader = _$.menu.find(x => x.name === "Departments") const arrayOfIds = recursivePageSearch(departmentHeader) const renderSidebar = checkPageId(pageId, arrayOfIds) if (renderSidebar) { // console.log("render sidebar") const style = document.createElement('style'); style.innerHTML = ` #sidebarNav .navLinks .navLi { display: none; } `; document.head.appendChild(style); } // End sidenav style for Departments | Only show active page and its children document.addEventListener("DOMContentLoaded", function () { let targetElements = document.getElementsByClassName("event-cal-sidebar"); let htmlContent = '

'; Array.from(targetElements).forEach(function (element) { element.innerHTML += htmlContent; }); }); function isViewportWidthUnder1280px() { return window.innerWidth < 1280; } function toggleCalendarButtonVisibility() { const buttons = document.querySelectorAll(".academiccalendar-button-wide"); if (isViewportWidthUnder1280px()) { buttons.forEach((button) => (button.style.display = "block")); } else { buttons.forEach((button) => (button.style.display = "none")); } } 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", '

2023-2024 Instructional Calendars (Spanish)

GCARSE Meetings

' ); } toggleCalendarButtonVisibility(); } window.addEventListener("load", (event) => { if (window.location.pathname.includes("events")) { addCalendarButton(); } }); window.addEventListener("resize", () => { toggleCalendarButtonVisibility(); }); var oldOpen = XMLHttpRequest.prototype.open; function onStateChange(event) { toggleCalendarButtonVisibility(); } 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); });