/* custom dropdown menu */ (function ($, sr) { var debounce = function (func, threshold, execAsap) { var timeout; return function debounced() { var obj = this, args = arguments; function delayed() { if (!execAsap) func.apply(obj, args); timeout = null; }; if (timeout) clearTimeout(timeout); else if (execAsap) func.apply(obj, args); timeout = setTimeout(delayed, threshold || 100); }; } // smartresize jQuery.fn[sr] = function (fn) { return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; })(jQuery, 'smartresize'); /* EndsmartResize */ function customMenu() { setTimeout(function () { $(".m4-menu--bar-item-wrapper .m4--menu-item").each(function () { var IDname = $(this).attr('id'); var ItemPosition = $(this).offset(); var ItemPositionX = ItemPosition.left; if ($(this).is(':visible')) { $('.m4-menu--bar-item-wrapper #drawer-' + IDname + '').css("left", ItemPositionX); $('.m4-menu--bar-item-wrapper #drawer-' + IDname + '').addClass('isInTopbar').removeClass('isHidden'); } else { $('.m4-menu--bar-item-wrapper #drawer-' + IDname + '').removeClass('isInTopbar').addClass('isHidden'); } }); $('.m4-menu--bar-item-wrapper .m4-menu--drawer').removeClass('LastInTopbar'); $(".m4-menu--bar-item-wrapper .m4--menu-item:visible").last().next().addClass('LastInTopbar'); //console.log('2'); }, 500); } //rename + relink events function changeEventText() { if ( document.querySelectorAll("#events-e4 .see-all-container.see-all-top h2") .length === 1 ) { document.querySelectorAll( "#events-e4 .see-all-container.see-all-top h2")[0].innerText = "Important Dates"; document.querySelectorAll("#events-e4 .see-all-container a")[0].innerText = "See All Dates"; } else { setTimeout(function () { changeEventText(); }, 500); } } // START Document Ready function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } } // END of Document Ready docReady(function () { customMenu(); if (document.getElementById("home") !== null) { changeEventText(); } // add class to each row where are added custom code var customDivs = document.querySelectorAll('.row .embed-block .embed-block--wrapper > div'); if (customDivs) { var customDivsLength = customDivs.length; for (let i = 0; i < customDivsLength; i++) { var customDiv = customDivs[i]; var customDivClass = customDiv.classList; customDiv.closest(".row").classList.add(...customDivClass); } } // events section added in CMS page let customEventsSection = document.getElementById('viewEvents'); if (customEventsSection) { fetch('https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/1143/cms/events?locale=en') .then((response) => response.json()) .then((result) => { var currentLocation = window.location.href; var currentPathName = window.location.pathname.split('/')[2]; var parts = currentLocation.split('/'); var lastSegment = parts.pop() || parts.pop(); var eventItems = result.events; var eventsLength = eventItems.length; for (let i = 0; i < 4; i++) { var event = eventItems[i]; var eventID = event.id; var eventTitle = event.title; var eventAllDay = event.all_day; var fullDate = event.formatted_date; var dateSplit = fullDate.split(" "); if (eventAllDay == true) { var eventTime = "All Day" } else { var eventTime = dateSplit.splice(-5).join(' '); } var eventDate = dateSplit.join(' '); let divElem = document.createElement('div'); divElem.setAttribute('class', 'events-card'); let dateElem = document.createElement('p'); dateElem.setAttribute('class', 'events-date'); var elemDateText = document.createTextNode(eventDate); let titleElem = document.createElement('a'); var eventLink = '/o/' + currentPathName + '/events?id=' + eventID; titleElem.setAttribute('href', eventLink); titleElem.setAttribute('class', 'events-title'); var elemTitleText = document.createTextNode(eventTitle); let timeElem = document.createElement('p'); timeElem.setAttribute('class', 'events-time'); var elemTimeText = document.createTextNode(eventTime); timeElem.appendChild(elemTimeText); titleElem.appendChild(elemTitleText); dateElem.appendChild(elemDateText); divElem.appendChild(dateElem); divElem.appendChild(titleElem); divElem.appendChild(timeElem); var eventsContainer = document.getElementById('viewEvents'); eventsContainer.appendChild(divElem); } }).catch(function (err) { // There was an error console.log('Something went wrong.', err); }); } }); $(window).smartresize(function () { customMenu(); }); $(document).on("mouseenter", "#more-menu-dropdown", function (e) { $(".m4-menu--bar-dropdown-wrapper .m4--menu-dropdown-item").each(function () { var IDnamet = $(this).attr('id'); $('.m4-menu--bar-item-wrapper #drawer-' + IDnamet + '').addClass('isHidden').removeClass('isInTopbar LastInTopbar'); var $menuItem = $('.m4-menu--bar-item-wrapper #drawer-' + IDnamet + '').clone(true); $(this).append($menuItem); $(this).on("click", ".isHidden a", function () { // console.log('test2'); var href = $(this).attr('href'); if ($(this).attr('target') == '_blank') { window.open(href, '_blank') || window.location.replace(href); } else { window.location = href; }; }); }); }); /* ----------- Script to change the social icons in the footer ----------- */ function changeFooterIcons() { // REQUIRES: urls added from the CMS /* SETTINGS */ // define color of the icon - can be CSS variable const iconColor = '#fff'; // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; /* END SETTINGS */ const socialIcons = document.querySelectorAll("#cms-footer .footer-social-links li a"); // define elements if (socialIcons) { // loop through icons - logic can adapt to fit the situation socialIcons.forEach(function (socialIcon) { let socialIconURL = socialIcon.href; // check what type of button if (socialIconURL.includes("facebook.com")) { socialIcon.classList.add('facebook-button'); // optional since we alrady add the icon below with color/fill already defined socialIcon.innerHTML = fbIcon; } if (socialIconURL.includes("twitter.com")) { socialIcon.classList.add('twitter-button'); // optional socialIcon.innerHTML = twIcon; } if (socialIconURL.includes("instagram.com")) { socialIcon.classList.add('instagram-button'); // optional socialIcon.innerHTML = instaIcon; } if (socialIconURL.includes("youtube.com")) { socialIcon.classList.add('youtube-button'); // optional socialIcon.innerHTML = ytIcon; } }); } } document.addEventListener("DOMContentLoaded", changeFooterIcons); // Single Button Widget // if (typeof jQuery == "undefined") { var FB_JQ = document.createElement("script"); FB_JQ.src = "https://code.jquery.com/jquery-3.6.4.min.js"; FB_JQ.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(FB_JQ); } // Check if jQuery's loaded function FB_wait() { if (typeof jQuery == "undefined") { window.setTimeout(FB_wait, 100); } else { // If jQuery is loaded // Make sure body is loaded jQuery("document").ready(function () { var t = setTimeout("FB_addBudgetBadge()", 0); window.setTimeout(function () { $("#view-header").addClass("loaded"); }, 1000); //<-- Delay in millisecond }); } } //end FB_wait FB_wait(); function buildBudgetBadgeHtml( aTransparencyUrl, aTransparencyTarget, aSchoolDataUrl, aSchoolDataTarget ) { var lTransparencyTarget = ""; var lSchoolDataTarget = ""; if ( aTransparencyTarget && aTransparencyTarget != null && aTransparencyTarget.length > 0 ) { lTransparencyTarget = ' target = "' + aTransparencyTarget + '"'; } if ( aSchoolDataTarget && aSchoolDataTarget != null && aSchoolDataTarget.length > 0 ) { lSchoolDataTarget = ' target = "' + aSchoolDataTarget + '"'; } var budgetBadgeHTML = '

'; budgetBadgeHTML += '

Niche 2024 Best School Districts Georgia - Commerce City Schools

'; budgetBadgeHTML += ' "; budgetBadgeHTML += ' U.S. News Best Charter Elementary Schools in Missouri

'; budgetBadgeHTML += " "; budgetBadgeHTML += ' "; budgetBadgeHTML += " "; budgetBadgeHTML += " "; budgetBadgeHTML += "

"; budgetBadgeHTML += "

"; return budgetBadgeHTML; } //end buildBudgetBadgeHtml // Execute code function FB_addBudgetBadge() { var lTransparencyUrl = "https://www.usnews.com/education/k12/missouri/st-louis-lang-immersion-marine-233996"; var lTransparencyTarget = "_blank"; var lSchoolDataUrl = ""; var lSchoolDataTarget = "_blank"; if ( typeof budgetBadgeTransparencyUrl !== "undefined" && budgetBadgeTransparencyUrl != null && budgetBadgeTransparencyUrl.length > 0 ) { lTransparencyUrl = budgetBadgeTransparencyUrl; } if ( typeof budgetBadgeTransparencyTarget !== "undefined" && budgetBadgeTransparencyTarget != null && budgetBadgeTransparencyTarget.length > 0 ) { lTransparencyTarget = budgetBadgeTransparencyTarget; } if ( typeof budgetBadgeSchoolDataUrl !== "undefined" && budgetBadgeSchoolDataUrl != null && budgetBadgeSchoolDataUrl.length > 0 ) { lSchoolDataUrl = budgetBadgeSchoolDataUrl; } if ( typeof budgetBadgeSchoolDataTarget !== "undefined" && budgetBadgeSchoolDataTarget != null && budgetBadgeSchoolDataTarget.length > 0 ) { lSchoolDataTarget = budgetBadgeSchoolDataTarget; } var lAnchor = "#view-header .header-bar-wrapper"; if ( typeof budgetBadgeAnchor !== "undefined" && budgetBadgeAnchor != null && budgetBadgeAnchor.length > 0 ) { lAnchor = budgetBadgeAnchor; } // Check we're not in the editor jQuery( buildBudgetBadgeHtml( lTransparencyUrl, lTransparencyTarget, lSchoolDataUrl, lSchoolDataTarget ) ).appendTo(lAnchor); $(function () { var header = $("#view-header"); var headerHeight = header.outerHeight(); if ($(".header-bar-wrapper").hasClass("sticky")) { $("#view-header").addClass("sticky-header"); } $(window).scroll(function () { var scroll = $(window).scrollTop(); if (scroll >= headerHeight) { header.removeClass("default-badge"); } else { header.removeClass("fixed-position"); if (!header.hasClass("minimized-logos")) { header.removeClass("small-badge").addClass("default-badge"); } } }); $("#view-header").on("click", ".minimize_logos", function (e) { e.preventDefault(); if (header.hasClass("small-badge")) { header.removeClass("small-badge minimized-logos"); } else { header.addClass("small-badge minimized-logos"); } }); }); } //FB_addBudgetBadge /* Available options for the budget badge. ALL OPTIONS ARE SHOWN AS DEFAULT Any of the options can be deleted or omitted and the default behavior will be exactly as if the options were set like they are below. */ // Transparency URL. var budgetBadgeTransparencyUrl = "https://www.usnews.com/education/k12/missouri/st-louis-lang-immersion-marine-233996"; // Target for the Transparency link. // link target, such as "_blank", "_new", etc... var budgetBadgeTransparencyTarget = "_blank"; // Transparency Dashboard URL. var budgetBadgeSchoolDataUrl = ""; // Target for the Transparency Dashboard link. // link target, such as "_blank", "_new", etc... var budgetBadgeSchoolDataTarget = "_blank"; // Anchor element for the budget badge. // a CSS selector for the desired DOM element to anchor the budget badge to. //var budgetBadgeAnchor = '#view-header'; // Default Budget Badge Open var defaultBudgetBadgeOpen = "True"; // END Single Button Widget //

Welcome to the SLLIS Cafeteria Page!

2022-2023 Menus

Questions?

Meet our Team