'; headerButtonsHTML += '

'; headerButtonsHTML += ''; headerButtonsHTML += '' + firstButtonText + '

'; headerButtonsHTML += " "; headerButtonsHTML += "

"; headerButtonsHTML += "

"; var header = document.querySelector('#view-header'); var headerHeight = header.offsetHeight; const headerBarWrapper = header.querySelector('.header-bar-wrapper'); headerBarWrapper.insertAdjacentHTML("beforeend", headerButtonsHTML); if (headerBarWrapper.classList.contains('sticky')) { header.classList.add('sticky-header'); } window.addEventListener('scroll', () => { const scroll = window.scrollY; if (scroll >= headerHeight) { header.classList.remove('default-badge'); header.classList.add('small-badge', 'fixed-position'); } else { header.classList.remove('fixed-position'); if (!header.classList.contains('minimized-logos')) { header.classList.remove('small-badge'); header.classList.add('default-badge'); } } }); function closeBadge() { header.classList.add('small-badge', 'minimized-logos'); localStorage.setItem('isClosed', true); } function openBadge() { header.classList.remove('small-badge', 'minimized-logos'); localStorage.setItem('isClosed', false); } const isClosedValue = localStorage.getItem('isClosed'); if (isClosedValue != 'true') { openBadge(); } else { closeBadge(); } const minimizeLogosButton = header.querySelector('.minimize_logos'); minimizeLogosButton.addEventListener('click', (e) => { e.preventDefault(); if (header.classList.contains('small-badge')) { openBadge(); } else { closeBadge(); } }); /* end badge below the header */ /* News above the Events */ const orgID = window.__NUXT__.state.globals.secondary_organization_id; const pageSlug = window.__NUXT__.state.page.slug; const pageName1 = 'homepage-whats-trending'; const apiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/' + orgID + '/cms/pages/' + pageName1; if (document.getElementById("home") !== null) { fetch(apiUrl).then(response => { return response.json(); }).then(result => { parseNewsTrendingData(result); }).catch(err => { }); } function parseNewsTrendingData(result) { const pageContent = result.content; pageContent.forEach(pageElement => { if (pageElement.component == 'ts-one-column') { const interval = setInterval(function () { var viewEventsContainer = document.getElementById('view-events'); if (viewEventsContainer) { viewEventsContainer.insertAdjacentHTML("beforebegin", "

"); let htmlItem = `

`; pageElement.config[0].forEach(oneColumnElement => { if (oneColumnElement.component == "ts-heading") { // console.log("heading"); var headingItem = oneColumnElement.config.content; if (headingItem) { htmlItem += `

${headingItem}

`; } } if (oneColumnElement.component == "ts-divider") { var dividerColorItem = oneColumnElement.config.divider.color.hex; var dividerThicknessItem = oneColumnElement.config.divider.thickness; if (dividerThicknessItem) { htmlItem += `

`; } } if (oneColumnElement.component == "ts-slider") { let sliderItem = oneColumnElement.config.slider; var sliderHasDots = sliderItem.has_dots; var sliderHasArrows = sliderItem.has_arrows; var sliderAutoplay = sliderItem.is_autoplay; var sliderDotPosition = sliderItem.dot_position; var sliderArrowPosition = sliderItem.arrow_position; let sliderImages = sliderItem.images; htmlItem += `

`; sliderImages.forEach((sliderImage, index) => { htmlItem += `

`; var imageSrc = sliderImage.url; var imageAltText = sliderImage.alt_text; var imageLinkUrl = sliderImage.link_url; var imageLinkNewTab = sliderImage.open_link_in_new_tab; if (imageLinkUrl) { if (imageLinkNewTab) { htmlItem += `

`; } else { htmlItem += `

`; } } else { htmlItem += ` ${imageAltText}

`; } htmlItem += `

`; }); htmlItem += `

`; setTimeout(() => { var slider = tns({ container: '.sliderWrapper', controls: sliderHasArrows, nav: sliderHasDots, arrowKeys: true, autoplay: sliderAutoplay, navPosition: 'bottom', autoplayPosition: 'bottom' }); }, 100); } if (oneColumnElement.component == "ts-text") { // console.log("text"); var textBlockContentItem = oneColumnElement.config.content; if (textBlockContentItem) { htmlItem += `

${textBlockContentItem}

`; } } }); htmlItem += `

`; // console.log(htmlItem); document.querySelector('#custom-trendingNews').innerHTML += htmlItem; clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 5000); }, 200); } }); } // Create Custom News Section // // const trendingFilterID = "267337"; // const trendingNewsApiUrl = // window.__NUXT__.state.links.news + // "?locale=" + // window.__NUXT__.state.translation.locale + // "&filter_id=" + // trendingFilterID; // // const numberOfNews = 6; // const inserAfterEvents = "#view-events"; // const trendingNewsSection = "trendingNews"; // const trendingNewsSectionTitle = "What's Trending"; // var schoolAlias = window.__NUXT__.state.alias; // // fetch(trendingNewsApiUrl) // .then((response) => { // return response.json(); // }) // .then((result) => { // parseNewsData(result); // }) // .catch((err) => {}); // // function parseNewsData(result) { // var index = 0; // // document // .querySelector(inserAfterEvents) // .insertAdjacentHTML( // "beforebegin", // "

" // ); // // var newsContainer = document.querySelector( // ".custom-" + trendingNewsSection + "__inner" // ); // // if (trendingNewsSectionTitle) { // newsContainer.innerHTML += // "

" + // trendingNewsSectionTitle + // "

"; // } // // for (const article of result.articles) { // index++; // // var newsArticleLink = "/article/" + article.id; // // if (schoolAlias !== null) { // var newsArticleLink = "/o/" + schoolAlias + "/" + article.id; // } else { // var newsArticleLink = "/article/" + article.id; // } // // if (index <= numberOfNews) { // let elementHtml = createNewsHtml( // article.id, // article.title, // newsArticleLink // ); // newsContainer.innerHTML += elementHtml; // } else { // break; // } // } // // newsContainer.innerHTML += "

"; // } // // function createNewsHtml(id, title, link) { // let newsHtmlItem = ``; // // newsHtmlItem += `

`; // if (title) { // newsHtmlItem += `

${title}

`; // } // newsHtmlItem += `

`; // // newsHtmlItem += ``; // // return newsHtmlItem; // } /* END */ const topfullSection = document.querySelectorAll( "#page .ts-full-width-row" )[0]; if (topfullSection) { const topImageContainer = topfullSection.querySelector( ".ts-full-width .image-container" ); if (topImageContainer) { const topImageSrc = topImageContainer.querySelector("img").src; topImageContainer.style.backgroundImage = "url(" + topImageSrc + ")"; topImageContainer.closest(".block").classList.add("hasBackground"); } } }); //adds button to events page 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', ''); } else { setTimeout(function () { addCalendarButton(); }, 500); } } window.addEventListener("load", (event) => { if (window.location.pathname.includes('events')) { addCalendarButton(); }; }); var oldOpen = XMLHttpRequest.prototype.open; function onStateChange(event) { // code goes here addCalendarButton(); } 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); //}); document.querySelectorAll("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button").forEach(function(button) { button.addEventListener('click', function() { setTimeout(function() { addCalendarButton(); }, 800); }); });

The Binder

September 8, 2023