$(document).ready(function () { var customHTML = document.getElementsByClassName('custom-html'); customHTML.forEach(item => { let closestItem = item.closest(".main"); if (closestItem) { closestItem.classList.add("custom-section"); } }); $('').insertBefore('#view-header'); $('.top-social-icons a.fb, .top-social-icons a.fb, .top-social-icons a.tw, .top-social-icons a.in, .top-social-icons a.yt, .top-social-icons a.ios, .top-social-icons a.play').css('display','none'); $('.footer-social-links li').each(function (index) { var socialImgAlt = $(this).find('img').attr("alt"); var socialBtn = socialImgAlt.match(/\w+$/)[0]; var socialLink = $(this).find('a').attr('href'); $(this).addClass(socialBtn); if(socialBtn == 'Facebook') { $('.top-social-icons a.fb').css('display', 'inline-block').attr("href", socialLink); } else if(socialBtn == 'Twitter') { $('.top-social-icons a.tw').css('display', 'inline-block').attr("href", socialLink); } else if(socialBtn == 'Youtube') { $('.top-social-icons a.yt').css('display', 'inline-block').attr("href", socialLink); } else if(socialBtn == 'Instagram') { $('.top-social-icons a.in').css('display', 'inline-block').attr("href", socialLink); } }); if($('.footer-column-last h2 + a').length) { var appStore = $('.footer-column-last h2 + a').attr('href'); $('.top-social-icons a.ios').css('display', 'inline-block').attr("href", appStore); } if($('.footer-column-last h2 + a + a').length) { var googlePlay = $('.footer-column-last h2 + a + a').attr('href'); $('.top-social-icons a.play').css('display', 'inline-block').attr("href", googlePlay); } document.querySelector(".skip-to-content").tabIndex = 1; var windowWidth = $(window).width(); if ($('.top-social-icons').is(':visible')) { $('#view-header').addClass('with-topbar'); var $sticky = $('#view-header, .top-social-icons'); if (!!$sticky.offset()) { var generalSidebarHeight = $sticky.innerHeight(); var stickyTop = $sticky.offset().top; var stickOffset = -115; $(window).scroll(function () { var windowTop = $(window).scrollTop(); if (stickyTop < windowTop + stickOffset) { $sticky.addClass('sticky'); } else { $sticky.removeClass('sticky'); } }); } $(function () { var headerHeight = $('#view-header .cms-header .header-bar-wrapper').height(); var topBarHeihgt = $('.top-social-icons').height(); var PaddingHeader = headerHeight + topBarHeihgt; $('#view-header .cms-header').each(function () { $(this).css('padding-bottom', PaddingHeader + 'px'); }); }); $(window).resize(function () { var headerHeight = $('#view-header .cms-header .header-bar-wrapper').height(); var topBarHeihgt = $('.top-social-icons').height(); var PaddingHeader = headerHeight + topBarHeihgt; $('#view-header .cms-header').each(function () { $(this).css('padding-bottom', PaddingHeader + 'px'); }); }); } }); /* BEGIN Custom Dropdown*/ // document.addEventListener("appLoaded", setupDropdown); // function setupDropdown() { // const containerSelector = ".toolbar-header-left"; // const dropdownContainer = document.createElement("div"); // dropdownContainer.id = "custom-dropdown-container"; // const dropdownButton = document.createElement("button"); // dropdownButton.textContent = "Subscribe to Calendar"; // dropdownButton.classList.add("dropbtn"); // dropdownButton.addEventListener("click", toggleDropdown); // const dropdownContent = document.createElement("div"); // dropdownContent.id = "myDropdown"; // dropdownContent.classList.add("dropdown-content"); // const departments = [ // { name: "FWES", link: "https://calendar.google.com/calendar/u/0?cid=Y19kaHBuZWhha2xqbWQzMWpjdjE2dGRibmtvY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "JTES", link: "https://calendar.google.com/calendar/u/0?cid=Y19rdm9ncjczZDhjc3Jodjk4dmoxN3NtZmY0a0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "MGES", link: "https://calendar.google.com/calendar/u/0?cid=Y183bGhyaGF2NGkzb29tdTMzaDU3bDdqZHE3b0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "SRMS", link: "https://calendar.google.com/calendar/u/0?cid=Y19ncnFwMXMzcmRydTJxaXRjZ21pcHVqbW1ja0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "TFES", link: "https://calendar.google.com/calendar/u/0?cid=Y19lNDM3ZDZkbWVwZTFjaGZzbWl2NGxzMDkwZ0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" }, // { name: "UDHS", link: "https://calendar.google.com/calendar/u/0?cid=Y181OWh1ZXM3MDE1Mmk1N2RpNDBtOXE4NGtlMEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t" } // ]; // departments.forEach(dept => { // const link = document.createElement("a"); // link.href = dept.link; // link.textContent = dept.name; // dropdownContent.appendChild(link); // dropdownContent.appendChild(document.createElement("br")); // }); // dropdownContainer.appendChild(dropdownButton); // dropdownContainer.appendChild(dropdownContent); // const menuContainer = document.querySelector(containerSelector); // menuContainer.appendChild(dropdownContainer); // const arrowButton = document.createElement("button"); // arrowButton.classList.add("dropbtn", "arrow-close"); // arrowButton.addEventListener("click", toggleDropdown); // const arrowSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); // arrowSvg.setAttribute("width", "23"); // arrowSvg.setAttribute("height", "23"); // arrowSvg.setAttribute("viewBox", "0 0 23 23"); // arrowSvg.setAttribute("fill", "none"); // arrowSvg.setAttribute("xmlns", "http://www.w3.org/2000/svg"); // const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect"); // rect.setAttribute("fill", "#A31202"); // rect.setAttribute("rx", "4"); // rect.setAttribute("width", "23"); // rect.setAttribute("height", "23"); // const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); // path.setAttribute("fill", "#fff"); // path.setAttribute("fill-rule", "evenodd"); // path.setAttribute("clip-rule", "evenodd"); // path.setAttribute("d", "M5.14645 8.14645C5.34171 7.95118 5.65829 7.95118 5.85355 8.14645L11.5 13.7929L17.1464 8.14645C17.3417 7.95118 17.6583 7.95118 17.8536 8.14645C18.0488 8.34171 18.0488 8.65829 17.8536 8.85355L11.8536 14.8536C11.6583 15.0488 11.3417 15.0488 11.1464 14.8536L5.14645 8.85355C4.95118 8.65829 4.95118 8.34171 5.14645 8.14645Z"); // arrowSvg.appendChild(rect); // arrowSvg.appendChild(path); // arrowButton.appendChild(arrowSvg); // dropdownContainer.appendChild(arrowButton); // } // function toggleDropdown() { // const dropdown = document.getElementById("myDropdown"); // const arrow = document.querySelector(".arrow-close"); // dropdown.classList.toggle("dept-show"); // arrow.classList.toggle("arrow-open"); // } /*End custom dropdown*/ /* Start Disable Event Checkboxes */ document.addEventListener('appLoaded', function() { // 1. Select all checkboxes and disable them on initial load const checkboxes = document.querySelectorAll('.event-filters .block .form-checkbox input'); if (checkboxes.length > 0) { checkboxes.forEach(function(checkbox) { checkbox.checked = true; checkbox.disabled = true; }); // 2. Set up a MutationObserver to enforce the disabled state const config = { attributes: true, attributeFilter: ['disabled'] }; const callback = function(mutationsList, observer) { for (const mutation of mutationsList) { // If the 'disabled' attribute was changed and the checkbox is not disabled, re-disable it if (mutation.type === 'attributes' && !mutation.target.disabled) { console.log('Checkbox was enabled. Re-disabling it now.'); mutation.target.disabled = true; } } }; const observer = new MutationObserver(callback); // 3. Start observing each checkbox for attribute changes checkboxes.forEach(function(checkbox) { observer.observe(checkbox, config); }); } else { console.warn('No checkboxes found with selector ".event-filters .block .form-checkbox input".'); } }); /* End Disable Event Checkboxes */ /* --------- START Events Buttons -------------- */ const addButtonToEventsToolbar = () => { // Update the eventButtons object with the desired button text and href values const eventButtons = { "Instructional Calendar (PDF)": "https://5il.co/373fo", "Letter Day Calendar": "https://5il.co/3l8gz", "Athletics Calendar": "https://www.udsd.org/o/srms/page/srms-athletics", }; const eventsToolbar = document.querySelector(".event-cal .toolbar-header-left"); if (eventsToolbar && !eventsToolbar.querySelector(".custom-button-container")) { const buttonContainer = document.createElement("div"); buttonContainer.classList.add("custom-button-container"); // Set the buttonContainer to use flexbox buttonContainer.style.display = "flex"; buttonContainer.style.gap = "1em"; // Add some space between the buttons Object.entries(eventButtons).forEach(([buttonText, buttonHref]) => { const button = document.createElement("a"); button.classList.add("custom-button"); button.innerText = buttonText; button.href = buttonHref; // Add styles here or add with CSS // Remove 'display: block;' from here, as flex item default is inline-flex or similar button.style.alignItems = "center"; button.style.background = "var(--primary-color)"; button.style.boxSizing = "border-box"; button.style.color = "var(--primary-color-contrast)"; button.style.borderRadius = "4px"; button.style.fontSize = "16px"; button.style.fontWeight = "600"; button.style.lineHeight = "18px"; button.style.marginLeft = "10"; // Remove individual button margin-left if container has gap button.style.minHeight = "40px"; button.style.padding = "10px 15px"; button.style.textAlign = "center"; button.style.textDecoration = "none"; button.style.whiteSpace = "pre-wrap"; buttonContainer.appendChild(button); }); eventsToolbar.insertAdjacentElement("beforeend", buttonContainer); } }; window.addEventListener("clientWorkEvent", addButtonToEventsToolbar); /* --------- END Events Buttons -------------- */

Sandy Run Middle School

6th Grade Presents "Alice in Wonderland"