/* 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("appLoaded", 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("appLoaded", changeFooterIcons);

SLLIS Students Play Guitars in Music Specials Class