/* --------------- START Custom News --------------- */ const addCustomContentToNews = async () => { try { if (document.getElementById("custom-news")) { console.log("Custom news content already exists, skipping addition"); return; } const newsPageContainer = document.querySelector("#news-list .page-container"); if (!newsPageContainer) return; const districtOrgID = 25395; const pageName = 'custom-news-page-text'; const apiUrl = `https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/${districtOrgID}/cms/pages/${pageName}`; const response = await fetch(apiUrl); if (!response.ok) { throw new Error(`HTTP error! Status: ${response.status}`); } const result = await response.json(); const pageContent = result.content; const oneColumnElements = pageContent.filter(element => element.component === 'ts-one-column'); if (oneColumnElements.length > 0) { const containerDiv = document.createElement("div"); containerDiv.id = "custom-news"; containerDiv.className = "pageCloneContent"; oneColumnElements.forEach(columnElement => { // Create standard row for each column component const standardRow = document.createElement("div"); standardRow.className = "standard-row"; // Create row div const rowDiv = document.createElement("div"); rowDiv.className = "row"; // Create column div const columnDiv = document.createElement("div"); columnDiv.className = "column ts-one-column"; // Process each content item in the column columnElement.config[0].forEach(contentItem => { // Create a block div for each component const blockDiv = document.createElement("div"); blockDiv.className = "block"; switch(contentItem.component) { case 'ts-heading': const headingBlock = document.createElement("div"); headingBlock.className = "heading-block"; headingBlock.innerHTML = contentItem.config.content || ''; blockDiv.appendChild(headingBlock); break; case 'ts-text': const textBlock = document.createElement("div"); textBlock.className = "text-block"; textBlock.innerHTML = contentItem.config.content || ''; blockDiv.appendChild(textBlock); break; case 'ts-image': const imageBlock = document.createElement("div"); imageBlock.className = "image-block"; if (contentItem.config && contentItem.config.image) { const image = contentItem.config.image; const figure = document.createElement("figure"); figure.className = `image-alignment-${image.image_alignment || 'left'}`; const img = document.createElement("img"); img.src = image.url; img.alt = image.alt_text || ''; if (image.preferred_width) { img.style.width = `${image.preferred_width}px`; } figure.appendChild(img); // Add caption if it exists if (image.caption) { const figcaption = document.createElement("figcaption"); figcaption.textContent = image.caption; figcaption.className = `caption-alignment-${image.caption_alignment || 'center'}`; figure.appendChild(figcaption); } // If image has a link if (image.link_url && image.action_on_click === 'open-link') { const linkWrapper = document.createElement("a"); linkWrapper.href = image.link_url; if (image.open_link_in_new_tab) { linkWrapper.target = "_blank"; linkWrapper.rel = "noopener noreferrer"; } linkWrapper.appendChild(img); figure.replaceChild(linkWrapper, img); } imageBlock.appendChild(figure); } blockDiv.appendChild(imageBlock); break; case 'ts-button': const buttonBlock = document.createElement("div"); buttonBlock.className = "button-block"; // Check if button configuration exists and create button elements if (contentItem.config && contentItem.config.button && contentItem.config.button.buttons) { // Add alignment class buttonBlock.classList.add(contentItem.config.button.alignment || 'left'); contentItem.config.button.buttons.forEach(btn => { const buttonLink = document.createElement("a"); buttonLink.href = btn.link || '#'; buttonLink.className = `button ${contentItem.config.button.theme || 'dark'} ${contentItem.config.button.size || 'regular'} ${contentItem.config.button.type || 'regular'}`; const buttonTitle = document.createElement("span"); buttonTitle.className = "title"; buttonTitle.textContent = btn.title || 'Button'; buttonLink.appendChild(buttonTitle); buttonBlock.appendChild(buttonLink); }); } blockDiv.appendChild(buttonBlock); break; } // Add block to column columnDiv.appendChild(blockDiv); }); // Build the DOM structure rowDiv.appendChild(columnDiv); standardRow.appendChild(rowDiv); containerDiv.appendChild(standardRow); }); // Insert container div into news page newsPageContainer.insertAdjacentElement("afterbegin", containerDiv); } } catch (error) { console.warn('Error loading custom news content:', error); } }; window.addEventListener("clientWorkEvent", addCustomContentToNews); /* --------------- END Custom News --------------- */ function addCalendarButton() { const toolbarDivs = document.querySelectorAll("#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div"); if (toolbarDivs.length === 3) { // Define the buttons with their respective HTML const buttonsHTML = `

`; // Append all buttons to the first toolbar div toolbarDivs[0].insertAdjacentHTML('beforeend', buttonsHTML); } else { setTimeout(addCalendarButton, 500); } } window.addEventListener("appLoaded", () => { if (window.location.pathname.includes('events')) { addCalendarButton(); } }); const oldOpen = XMLHttpRequest.prototype.open; function onStateChange() { addCalendarButton(); } XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", onStateChange); oldOpen.apply(this, arguments); }; const listViewButtons = document.querySelectorAll("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button"); listViewButtons.forEach(button => { button.addEventListener('click', () => { setTimeout(addCalendarButton, 800); }); }); // window.addEventListener('appLoaded', () => { // if (window.location.pathname.includes('events')) { // const eventsNode = document.querySelector('div.event-cal-content-toolbar'); // eventsNode.insertAdjacentHTML('afterend', '

'); // } // });

Sports Medicine