"); let htmlItem = `

`; // Traverse through the content structure correctly based on API response pageContent.forEach(rootElement => { if (rootElement.id === "root") { // Navigate through the nested structure to get to the components rootElement.config[0].forEach(columnSection => { if (columnSection.component === "ts-one-column") { // Access the one-column content columnSection.config[0].forEach(oneColumnElement => { if (oneColumnElement.component == "ts-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") { var textBlockContentItem = oneColumnElement.config.content; if (textBlockContentItem) { htmlItem += `

${textBlockContentItem}

`; } } }); } }); } }); htmlItem += `

`; // Add logging to verify content is being generated console.log("Adding trending news to DOM with content length:", htmlItem.length); document.querySelector('#custom-trendingNews').innerHTML += htmlItem; clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 5000); }, 200); } }); //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("appLoaded", (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); }); }); // window.addEventListener("clientWorkEvent", () => { // if (document.getElementById("home")) { // document.getElementById("app").classList.add("is-homepage"); // } // const _$ = window.clientWorkStateTemp; // const orgID = _$.secondaryOrgId; // const pageId = _$.page.id; // function findPageById(array, targetId) { // for (const item of array) { // if (item.id === targetId) { // // Page ID found at the current level // return item; // } // // Recursively search in children // if (item.children && item.children.length > 0) { // const result = findPageById(item.children, targetId); // if (result) { // return item; // } // } // } // // Page ID not found // return null; // } // const siteMapUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/' + orgID + '/cms/sitemap' + '?locale=' + _$.translation.locale; // function removeTrailingSlash(url) { // if (url.endsWith('/')) { // return url.slice(0, -1); // } // return url; // } // var currentLocation = window.location.href; // var urlWithoutSlash = removeTrailingSlash(currentLocation); // // Remove the hash tag from the URL // urlWithoutSlash = urlWithoutSlash.replace(/#.*$/, ''); // var parts = urlWithoutSlash.split('/'); // var lastSegment = parts[parts.length - 1]; // var rightSidebar = document.querySelectorAll('#page .ts-left-sidebar-row')[0]; // if (rightSidebar && typeof sidenavExclusion === 'undefined') { // // var filterID = 744303; // const interval = setInterval(function () { // var sectionTitle = document.querySelectorAll('#page-wrapper .breadcrumb li:first-child + li > *')[0]; // if (sectionTitle) { // // var sectionTitleText = sectionTitle.innerHTML.trim(); // // sectionTitleText = sectionTitleText.replace('&', '&'); // // var sectionTitleLink = document.querySelectorAll('#page-wrapper .breadcrumb li:first-child + li a')[0]; // // if (sectionTitleLink) { // // var sectionTitleLinkUrl = sectionTitleLink.getAttribute("href"); // // var sectionLinkParts = sectionTitleLinkUrl.split('/'); // // var sectionLinkLastSegment = sectionLinkParts.pop() || sectionLinkParts.pop(); // // } // fetch(siteMapUrl) // .then((response) => response.json()) // .then((result) => { // // var menuLink = result.filter((x) => x.id == pageId); // const menuLink = findPageById(result, pageId); // // if (menuLink) { // // console.log(`Page with ID ${pageId} found:`, menuLink); // // } else { // // console.log(`Page with ID ${pageId} not found.`); // // } // // console.log(menuLink) // var menuLinkName = menuLink.name; // var menuLinkNameClass = menuLinkName.toLowerCase().replace(" ", "-"); // var menuLinkId = menuLink.id; // if (menuLink.type == 'link') { // var menuLinkURL = menuLink.url; // } else { // var menuLinkURLSlug = menuLink.slug; // parts[parts.length - 1] = menuLinkURLSlug; // var menuLinkURL = parts.join('/'); // } // let divElem = document.createElement('div'); // divElem.setAttribute('id', 'sidebarNav'); // divElem.setAttribute('data-menu-id', menuLinkId); // divElem.setAttribute('data-menu-name', menuLinkNameClass); // let navTitle = document.createElement('h2'); // let navTitleLink = document.createElement('a'); // if (menuLink.type !== 'header') { // navTitleLink.setAttribute("href", menuLinkURL); // } // var navTitleTextLink = document.createTextNode(menuLinkName); // let navLinks = document.createElement('ul'); // navLinks.setAttribute('class', 'navLinks'); // var links = menuLink.children; // var linksLength = links.length; // if (linksLength > 0) { // navTitleLink.appendChild(navTitleTextLink); // navTitle.appendChild(navTitleLink); // divElem.appendChild(navTitle); // divElem.appendChild(navLinks); // var rightSidebarCol = rightSidebar.querySelectorAll('.column.ts-left-sidebar')[0]; // rightSidebarCol.prepend(divElem); // for (let i = 0; i < linksLength; i++) { // if (links[i].status == "published") { // var linkName = links[i].name; // var nullUrlClass = "hasUrl"; // if (links[i].type == 'link') { // var linkURL = links[i].url; // var linkURLSlug = undefined; // if (links[i].opens_in_new_tab == true) { // var newTab = "_blank"; // } else { // var newTab = "_self"; // } // } else { // if (links[i].slug) { // var linkURLSlug = links[i].slug; // parts[parts.length - 1] = linkURLSlug; // var linkURL = parts.join('/'); // var newTab = "_self"; // } else { // nullUrlClass = "notUrl"; // var linkURL = "javascript:void(0);"; // var linkURLSlug = undefined; // var newTab = "_self"; // } // } // let navLi = document.createElement('li'); // navLi.classList.add("navLi"); // navLi.classList.add(nullUrlClass); // let navLink = document.createElement('a'); // navLink.setAttribute("href", linkURL); // navLink.setAttribute("target", newTab); // let navLinkText = document.createTextNode(linkName); // navLink.appendChild(navLinkText); // navLi.appendChild(navLink); // if (linkURLSlug == lastSegment) { // navLi.classList.add('active'); // } // // submenu // let childrenArray = links[i].children; // if (childrenArray.length) { // navLi.classList.add("hasSubmenu"); // var svgIcon = '' // navLi.insertAdjacentHTML("beforeend", svgIcon); // let childrenUl = document.createElement('ul'); // childrenUl.classList.add("submenu"); // for (let j = 0; j < childrenArray.length; j++) { // if (childrenArray[j].status == "published") { // var childrenLinkName = childrenArray[j].name; // if (childrenArray[j].type == 'link') { // var childrenLinkURL = childrenArray[j].url; // var childrenLinkURLSlug = undefined; // if (childrenArray[j].opens_in_new_tab == true) { // var childrenNewTab = "_blank"; // } else { // var childrenNewTab = "_self"; // } // } else { // if (childrenArray[j].slug) { // var childrenLinkURLSlug = childrenArray[j].slug; // parts[parts.length - 1] = childrenLinkURLSlug; // var childrenLinkURL = parts.join('/'); // var childrenNewTab = "_self"; // } else { // var childrenLinkURL = "javascript:void(0);"; // var childrenLinkURLSlug = undefined; // var childrenNewTab = "_self"; // } // } // let childrenNavLi = document.createElement('li'); // let childreNavLink = document.createElement('a'); // childreNavLink.setAttribute("href", childrenLinkURL); // childreNavLink.setAttribute("target", childrenNewTab); // let childrenNavLinkText = document.createTextNode(childrenLinkName); // childreNavLink.appendChild(childrenNavLinkText); // childrenNavLi.appendChild(childreNavLink); // childrenUl.appendChild(childrenNavLi); // if (childrenLinkURLSlug == lastSegment) { // navLi.classList.add('active', 'activeSubmenu'); // childrenNavLi.classList.add('active'); // } // } // } // navLi.appendChild(childrenUl); // } // // END submenu // navLinks.appendChild(navLi); // } // } // rightSidebar.classList.add('sidebarWithNav'); // var submenuButtons = document.getElementsByClassName('submenuBtn'); // Array.from(submenuButtons).forEach(element => { // element.addEventListener('click', (e) => { // element.closest('.hasSubmenu').classList.toggle("activeSubmenu"); // }); // }); // } // }); // clearInterval(interval); // } // setTimeout(function () { // clearInterval(interval); // }, 5000); // }, 500); // } // }); /* -------- Staff Email custom text ------------ */ if (window.location.pathname.includes("/staff") && document.querySelector("#staff")) { function updateEmailText() { const emailElements = document.querySelectorAll('.email'); emailElements.forEach(function(emailElement) { // Avoid processing email elements that are already replaced if (emailElement.dataset.processed) return; const emailAddress = emailElement.textContent.trim(); const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:' + emailAddress; mailtoLink.textContent = 'Send Message'; mailtoLink.style.textDecoration = 'none'; mailtoLink.style.color = 'var(--links-color)'; emailElement.parentNode.replaceChild(mailtoLink, emailElement); mailtoLink.dataset.processed = true; }); } const observer = new MutationObserver(updateEmailText); const targetNode = document.querySelector('#staff'); observer.observe(targetNode, { childList: true, subtree: true }); window.addEventListener("appLoaded", updateEmailText); } /* ---------- END Staff Email text ------------ */

HCPS Career and Technical Education Letter-of-Intent Signing Day

When:

Where: