/* ----------- Script to determine submenu position ----------- */ function determineSubmenuPosition() { const mainMenu = document.querySelectorAll("#m4 .m4-menu--bar-item-wrapper > div"); let visibleMenuItems = 0; for (let i = 0; i < mainMenu.length; i++) { var idElement = ""; var currentSubmenu = ""; if (mainMenu[i].classList.contains("m4--menu-item")) { idElement = mainMenu[i].id; visibleMenuItems++; if (idElement) { currentSubmenu = document.getElementById("drawer-" + idElement); var leftDistance = mainMenu[i].offsetLeft; var parentWidth = mainMenu[i].parentElement.clientWidth; } if (currentSubmenu) { currentSubmenu.classList.add("submenu__" + visibleMenuItems); if (parentWidth - leftDistance >= 280) { currentSubmenu.style.left = leftDistance + "px"; currentSubmenu.style.right = "auto"; } else { currentSubmenu.style.left = "auto"; currentSubmenu.style.right = 0 + "px"; } if (mainMenu[i].style.display == "none") { currentSubmenu.style.left = "auto"; currentSubmenu.style.right = 280 + "px"; } } } } } document.addEventListener("DOMContentLoaded", () => { determineSubmenuPosition(); }); setTimeout(() => { determineSubmenuPosition(); }, 3200); var resizeTimer; window.addEventListener("resize", function (e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { determineSubmenuPosition(); }, 250); }); const moreDropdownArea = document.querySelector('#cms-header'); moreDropdownArea.addEventListener("mousemove", function (e) { const moreMenuDropdown = moreDropdownArea.querySelector("#more-menu-dropdown"); if (moreMenuDropdown) { const moreMenuDropdownItems = document.querySelectorAll(".m4-menu--bar-dropdown-wrapper .m4--menu-dropdown-item"); const mainMenuItems = document.querySelectorAll("#more-menu-dropdown .m4--menu-item"); for (let i = 0; i < moreMenuDropdownItems.length; i++) { let dropdownId = moreMenuDropdownItems[i].getAttribute('id'); let menuItem = document.querySelector('.m4-menu--bar-item-wrapper #drawer-' + dropdownId); let topDistance = moreMenuDropdownItems[i].offsetTop; menuItem.style.top = 'calc(100% + ' + topDistance + 'px)'; } } }); /* ----------- END Script to determine submenu position ----------- */ var interCommID, galleryNewsId; /* --------- GET NEWS FILTERS -------------- */ const allNewsAPI = window.__NUXT__.state.links.news; const schoolAlias = window.__NUXT__.state.alias; document.addEventListener("DOMContentLoaded", () => { if (document.getElementById("home") !== null) { fetch(allNewsAPI).then(response => { return response.json(); }).then(result => { getNewsFilters(result); }).catch(err => { }); } }); function getNewsFilters(result) { for (const article of result.meta['filters']) { if (article.name == 'Gallery News & Updates') { galleryNewsId = article.id; beginNewsBehindGallery(galleryNewsId); } if (article.name == 'InterCOMM') { interCommID = article.id; beginNewsIntercomm(interCommID); } } } /* --------- GET NEWS FILTERS -------------- */ /* --------- NEWS SECTION BESIDE GALLERY -------------- */ // const newsApiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v2/s/249436/articles?locale=en&filter_id=284903'; const defaultImage = window.__NUXT__.state.settings.newsFallbackImage.url; const numberOfElements = 4; const inserAfterElement = "#cms-gallery"; const section = "news"; const sectionTitle = " NEWS "; const seeMoreBtn = "See All News" function beginNewsBehindGallery(galleryNewsId) { const filterID = galleryNewsId; const newsApiUrl = window.__NUXT__.state.links.news + "?locale=" + window.__NUXT__.state.translation.locale + "&filter_id=" + filterID; if (document.getElementById("home") !== null) { fetch(newsApiUrl).then(response => { return response.json(); }).then(result => { parseGalleryNewsData(result); }).catch(err => { }); } } function parseGalleryNewsData(result) { var index = 0; document.querySelector(inserAfterElement).insertAdjacentHTML("afterend", "

"); var elementContainer = document.querySelector('.custom-' + section + '__inner'); if (sectionTitle) { elementContainer.innerHTML += "

" + sectionTitle + "

" } for (const article of result.articles) { index++; if (schoolAlias !== null) { var articleLink = '/o/' + schoolAlias + '/article/' + article.id; } else { var articleLink = '/article/' + article.id; } if (index <= numberOfElements) { let elementHtml = createHtmlItem(article.id, article.title, article.snippet, articleLink, article.cover_image); elementContainer.innerHTML += elementHtml; } else { break; } } if (seeMoreBtn) { elementContainer.innerHTML += "

" + seeMoreBtn + "

" } elementContainer.innerHTML += "

"; } function createHtmlItem(id, title, text, link, image) { let htmlItem = ``; if (image) { htmlItem += `

`; } else { // htmlItem += `

`; } htmlItem += `

`; if (title) { htmlItem += `

${title}

`; } if (text) { htmlItem += `

${text}

`; } htmlItem += `

`; htmlItem += ``; return htmlItem; } /* --------- END NEWS SECTION BESIDE GALLERY -------------- */ function changeEventsTitle() { const eventsTitles = document.querySelectorAll("#events-e1 .see-all-container h2"); const eventsPageTitles = document.querySelectorAll("#container .event-cal .event-cal-content .header-title"); if (eventsTitles) { eventsTitles.forEach(eventsTitle => { eventsTitle.innerText = "Mark your calendar"; }); } if (eventsPageTitles) { eventsPageTitles.forEach(eventsPageTitle => { eventsPageTitle.innerText = "Calendar"; eventsPageTitle.classList.add("eventsTitleUpdated"); }); } } document.addEventListener("DOMContentLoaded", changeEventsTitle); // In the events page the html is refreshed on button click; we need to watch that const eventCal = document.querySelector("#app #container .event-cal"); if (eventCal) { const observer = new MutationObserver(() => { const eventsPageTitles = document.querySelectorAll("#container .event-cal .event-cal-content .header-title"); if (eventsPageTitles) { var isUpdatedEventsTitle = document.querySelector(".eventsTitleUpdated"); if (!isUpdatedEventsTitle) { eventsPageTitles.forEach(eventsPageTitle => { eventsPageTitle.innerText = "Calendar"; eventsPageTitle.classList.add("eventsTitleUpdated"); }); } } }); observer.observe(eventCal, { attributes: true, childList: true, subtree: true, }); } /* --------- BUTTONS AREA -------------- */ const homepage = document.getElementById("home"); const orgID = window.__NUXT__.state.org; const pageName1 = 'homepage-buttons'; const apiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/' + orgID + '/cms/pages/' + pageName1 + "?locale=" + window.__NUXT__.state.translation.locale; // const apiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/14613/cms/pages/homepage-buttons'; var titleStyle = 'light'; // can be 'light', 'bold' or 'purple' var numberOfColumns = 4; const imageSize = 150; // image height in px const extraClass = "buttonComponent"; // image height in px document.addEventListener("DOMContentLoaded", () => { if (homepage) { fetch(apiUrl) .then((response) => response.json()) .then((result) => { const pageContent = result.content; const customHomepageComponent = document.querySelector('#homepage-custom-buttons'); const customInner = document.createElement('div'); customInner.classList.add("customInner", extraClass) // for each page component/layout/section pageContent.forEach(pageElement => { if (pageElement.component == 'ts-full-width') { pageElement.config[0].forEach(fullWidthElement => { if (fullWidthElement.component == 'ts-table-v2') { const configTable = fullWidthElement.config.table.content; const jsonConfig = JSON.parse(convertTableToJson(configTable)) for (let i = 0; i < jsonConfig.length; i++) { const element = jsonConfig[i]; if (element['setting'] == 'number_of_columns') { numberOfColumns = element['value']; } if (element['setting'] == 'title_style') { titleStyle = element['value']; } } } }); } // title is here else if (pageElement.component == 'ts-one-column') { if (pageElement.config[0][0].component == "ts-heading") { let sectionTitle = pageElement.config[0][0].config.content; if (sectionTitle) { let sectionTitleWrap = document.createElement('div'); sectionTitleWrap.classList.add("sectionTitle"); sectionTitleWrap.innerHTML = sectionTitle; customHomepageComponent.appendChild(sectionTitleWrap); } } } // if it's our desired repetitive element else if (pageElement.component == 'ts-left-sidebar') { let leftSidebarItem = pageElement.config; const customInnerElement = document.createElement('div'); customInnerElement.classList.add("customButtonElement"); leftSidebarItem.forEach((leftSidebarHalf, index) => { // If right part of the "Left Sidebar" if (index == 1) { var contentWrap = document.createElement('div'); contentWrap.classList.add("content-wrap"); var contentWrapInner = document.createElement('div'); contentWrapInner.classList.add("content-wrap-inner"); } leftSidebarHalf.forEach(element => { if (element.component == 'ts-image') { let imageSRC = element.config.image.url; let imageUrl = element.config.image.link_url; let imageAltText = element.config.image.alt_text; if (imageSRC) { let imageElement = document.createElement('img'); imageElement.src = imageSRC; if (imageAltText) { imageElement.alt = imageAltText; } if (imageUrl) { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("buttonImage"); let imageElementLink = document.createElement('a'); imageElementLink.setAttribute('href', imageUrl); imageElementLink.setAttribute('target', 'blank'); imageElementLink.classList.add("buttonImage"); imageElementLink.appendChild(imageElement); imageElementWrap.appendChild(imageElementLink); customInnerElement.appendChild(imageElementWrap); } else { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("buttonImage"); imageElementWrap.appendChild(imageElement); customInnerElement.appendChild(imageElementWrap); } } } if (element.component == 'ts-button') { let buttonTarget = false; let buttonText = element.config.button.buttons[0].title; let buttonURL = element.config.button.buttons[0].link; if (element.config.button.buttons[0].open_link_in_new_tab) { buttonTarget = true; } if (buttonText) { let buttonElement = document.createElement('a'); buttonElement.classList.add("buttonText"); buttonElement.innerHTML = buttonText; buttonElement.href = buttonURL; if (buttonTarget) { buttonElement.target = "_blank"; } contentWrapInner.appendChild(buttonElement); } } }); // If right part of the "Left Sidebar" if (index == 1) { contentWrap.appendChild(contentWrapInner); customInnerElement.appendChild(contentWrap); } }); customInner.appendChild(customInnerElement); } }); customHomepageComponent.appendChild(customInner); // customHomepageComponent.classList.add('style--' + titleStyle); // customHomepageComponent.classList.add('columns--' + numberOfColumns); }); } }); function convertTableToJson(htmlString) { const parser = new DOMParser(); const htmlWithTable = parser.parseFromString(htmlString, 'text/html'); const table = htmlWithTable.querySelector("table"); var header = []; var rows = []; for (var i = 0; i < table.rows[0].cells.length; i++) { header.push(table.rows[0].cells[i].innerText); } for (var i = 1; i < table.rows.length; i++) { var row = {}; for (var j = 0; j < table.rows[i].cells.length; j++) { row[header[j]] = table .rows[i] .cells[j] .innerText; } rows.push(row); } const jsonFromTable = JSON.stringify(rows); return jsonFromTable; } /* --------- END BUTTONS AREA -------------- */ /* --------- Homepage Events -------------- */ const eventsApiUrl = window.__NUXT__.state.links.v4.events.main + "?locale=" + window.__NUXT__.state.translation.locale; // const eventsApiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/14613/cms/events'; const pageLogo = window.__NUXT__.state.settings.newsFallbackImage.url; const numberOfEventsDisplayed = 5; const customEventsParent = "#homepage-events"; const currentSection = "events"; const currentSectionTitle = " Mark your calendar"; const seeMoreEvents = "See All Calendar" const backgroundColor = "var(--primary-color)"; const backgroundImage = window.__NUXT__.state.globals.logo.url; document.addEventListener("DOMContentLoaded", () => { if (document.getElementById("home") !== null) { fetch(eventsApiUrl).then(response => { return response.json(); }).then(result => { parseEventsData(result); }).catch(err => { }); } }); function parseEventsData(result) { var index = 0; if (backgroundColor) { document.querySelector(customEventsParent).style.setProperty('--bgColor', backgroundColor); } if (backgroundImage) { document.querySelector(customEventsParent).classList.add("has-bg-image"); document.querySelector(customEventsParent).style.setProperty("--bgImage", "url('" + backgroundImage + "')"); } document.querySelector(customEventsParent).insertAdjacentHTML("afterbegin", "

"); var elementContainer = document.querySelector('.custom-' + currentSection + '__inner'); if (currentSectionTitle) { if (schoolAlias !== null) { var seeMoreEventsUrl = '/o/' + schoolAlias + '/events/'; } else { var seeMoreEventsUrl = '/events/'; } elementContainer.innerHTML += "

" + currentSectionTitle + "" + seeMoreEvents + "

"; } for (const event of result.events) { index++; if (index <= numberOfEventsDisplayed) { let dayOfTheEvent; let startEndHoursOfTheEvent; const startDate = new Date(event.formatted_start); const startDay = startDate.getDate(); const startMonth = startDate.toLocaleString(window.__NUXT__.state.translation.locale, { month: 'short' }); const endDate = new Date(event.formatted_end); const endDay = endDate.getDate(); const endMonth = endDate.toLocaleString(window.__NUXT__.state.translation.locale, { month: 'short' }); if (schoolAlias !== null) { const eventUrl = '/o/' + schoolAlias + '/news' + "?id=" + event.id; } else { const eventUrl = '/events' + "?id=" + event.id; } if (startDay === endDay) { dayOfTheEvent = "

" + event.month + "" + "" + event.day + "

"; } else { dayOfTheEvent = "

" + startMonth + "" + "" + startDay + "

" + " to " + "

" + endMonth + "" + "" + endDay + "

"; } if (event.all_day) { startEndHoursOfTheEvent = "all day"; } else { startEndHoursOfTheEvent = event.formatted_date; } let elementHtml = createEventHtml(event.id, event.title, eventUrl, dayOfTheEvent, startEndHoursOfTheEvent); elementContainer.innerHTML += elementHtml; } else { break; } } elementContainer.innerHTML += "

"; } function createEventHtml(id, title, eventUrl, day, hour) { let htmlItem = `

`; htmlItem += `

`; if (day) { htmlItem += ` ${day} `; } if (title) { if (eventUrl) { htmlItem += `

${title}

`; } else { htmlItem += `

${title}

`; } } if (hour) { htmlItem += `

${hour}

`; } htmlItem += `

`; htmlItem += `

`; return htmlItem; } /* --------- END Homepage Events -------------- */ /* --------- NEWS interComm -------------- */ // const interCommnewsApiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v2/s/249436/articles?locale=en&filter_id=288136'; const interCommdefaultImage = window.__NUXT__.state.settings.newsFallbackImage.url; const interCommnumberOfElements = 4; const interComminserAfterElement = "#homepage-intercomm-news"; const interCommSection = "interCommNews"; const interCommSectionTitle = " InterCOMM "; const interCommSeeMoreBtn = "See All InterCOMM News" function beginNewsIntercomm(interCommID) { const interCommfilterID = interCommID; const interCommnewsApiUrl = window.__NUXT__.state.links.news + "?locale=" + window.__NUXT__.state.translation.locale + "&filter_id=" + interCommfilterID; if (document.getElementById("home") !== null) { fetch(interCommnewsApiUrl).then(response => { return response.json(); }).then(result => { parseInterCOMMData(result, interCommfilterID); }).catch(err => { }); } } function parseInterCOMMData(result, interCommfilterID) { var index = 0; document.querySelector(interComminserAfterElement).insertAdjacentHTML("afterbegin", "

"); var elementContainer = document.querySelector('.custom-' + interCommSection + '__inner'); if (interCommSectionTitle) { if (schoolAlias !== null) { var seeMoreIntercomm = '/o/' + schoolAlias + '/news' + "?filter_id=" + interCommfilterID; } else { var seeMoreIntercomm = '/news' + "?filter_id=" + interCommfilterID; } elementContainer.innerHTML += ""; } for (const article of result.articles) { index++; if (schoolAlias !== null) { var articleLink = '/o/' + schoolAlias + '/article/' + article.id; } else { var articleLink = '/article/' + article.id; } if (index <= interCommnumberOfElements) { let elementHtml = createInterCommHTMLItem(article.id, article.title, article.snippet, articleLink, article.cover_image); elementContainer.innerHTML += elementHtml; } else { break; } } elementContainer.innerHTML += "

"; } function createInterCommHTMLItem(id, title, text, link, image) { let htmlItem = ``; if (image) { htmlItem += `

`; } else { htmlItem += `

`; } htmlItem += `

`; if (title) { htmlItem += `

${title}

`; } if (text) { htmlItem += `

${text}

`; } htmlItem += `

`; htmlItem += ``; return htmlItem; } /* --------- END NEWS interComm-------------- */ /* --------- Homepage liveFeed -------------- */ const liveFeedApiUrl = window.__NUXT__.state.links.v4.live_feed.main + "?locale=" + window.__NUXT__.state.translation.locale; // const liveFeedApiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/14613/cms/live_feeds'; const numberOfliveFeedDisplayed = 4; const customliveFeedParent = "#homepage-live-feed"; const lfClassName = "liveFeed"; const lfTitle = "NTOUCH"; const seeMoreliveFeed = "See All" const liveFeedbackgroundColor = "var(--secondary-color)"; const liveFeedbackgroundImage = window.__NUXT__.state.globals.logo.url; const liveFeedStatusLength = 150; document.addEventListener("DOMContentLoaded", () => { if (document.getElementById("home") !== null) { fetch(liveFeedApiUrl).then(response => { return response.json(); }).then(result => { parseliveFeedData(result); }).catch(err => { }); } }); function parseliveFeedData(result) { var index = 0; if (liveFeedbackgroundColor) { document.querySelector(customliveFeedParent).style.setProperty('--bgColor', liveFeedbackgroundColor); } if (liveFeedbackgroundImage) { document.querySelector(customliveFeedParent).classList.add("has-bg-image"); document.querySelector(customliveFeedParent).style.setProperty("--bgImage", "url('" + liveFeedbackgroundImage + "')"); } document.querySelector(customliveFeedParent).insertAdjacentHTML("afterbegin", "

"); var elementContainer = document.querySelector('.custom-' + lfClassName + '__inner'); if (lfTitle) { if (schoolAlias !== null) { var seeMoreLiveFeedUrl = '/o/' + schoolAlias + '/live-feed/'; } else { var seeMoreLiveFeedUrl = '/live-feed/'; } elementContainer.innerHTML += "

" + lfTitle + "" + seeMoreliveFeed + "

"; } for (const liveFeed of result.live_feeds) { index++; if (index <= numberOfliveFeedDisplayed) { var liveFeedUrl = null; var liveFeedStatus; if (liveFeed.status.length > liveFeedStatusLength) { liveFeedStatus = removeHtmlTags(liveFeed.status).substring(0, liveFeedStatusLength); if (schoolAlias !== null) { liveFeedUrl = '/o/' + schoolAlias + '/live-feed#' + liveFeed.id; } else { liveFeedUrl = '/live-feed#' + liveFeed.id; } } else { liveFeedStatus = liveFeed.status; } let elementHtml = createliveFeedHtml(liveFeed.id, liveFeedStatus, liveFeed.image_large, liveFeed.author_name, liveFeed.time_ago, liveFeedUrl); elementContainer.innerHTML += elementHtml; } else { break; } } elementContainer.innerHTML += "

"; } function createliveFeedHtml(id, text, image, author, timeago, liveFeedUrl) { let htmlItem = `

`; htmlItem += `

`; if (author) { htmlItem += `

${author}

`; } if (timeago) { htmlItem += `

- ${timeago}

`; } htmlItem += `

`; if (text) { if (liveFeedUrl) { htmlItem += `

${text} ...

Read More `; } else { htmlItem += `

${text}

`; } } htmlItem += `

`; if (image) { htmlItem += `

`; } htmlItem += `

`; return htmlItem; } function removeHtmlTags(str) { // Remove HTML tags using regular expressions return str.replace(/<[^>]*>/g, ''); } /* --------- END Homepage liveFeed -------------- */ /* --------- CUSTOM FOOTER -------------- */ const footerOrgID = window.__NUXT__.state.org; const footerPageName = 'custom-footer'; const footerPageApiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/' + footerOrgID + '/cms/pages/' + footerPageName + "?locale=" + window.__NUXT__.state.translation.locale; // const footerPageApiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/14613/cms/pages/custom-footer'; const footerSiteName = window.__NUXT__.state.homepage.footer.organization_info.name; var logo_size_desktop = 300; var logo_size_mobile = 160; var text_color = '#fff'; var bg_color = 'var(--primary-color)'; var copyright = 'yes'; var footerLogo = document.createElement('div'); footerLogo.classList.add("footerLogo"); var footerSiteInfo = document.createElement('div'); footerSiteInfo.classList.add("footerSiteInfo"); var footerSocialIcons = document.createElement('div'); footerSocialIcons.classList.add("footerSocialIcons"); var footerAppIcons = document.createElement('div'); footerAppIcons.classList.add("footerAppIcons"); var footerImageBg = document.createElement('div'); footerImageBg.classList.add("footerImageBg"); var footerMenu1 = document.createElement('div'); footerMenu1.classList.add("footerMenu1"); var footerMenu2 = document.createElement('div'); footerMenu2.classList.add("footerMenu2"); var stickySocialIcons = document.createElement('div'); stickySocialIcons.classList.add("stickySocialIcons"); const roundIcons = { facebook: '', twitter: '', instagram: '', youtube: '', linkedin: '', dropbox: '', flickr: '', peachjar: '' }; const coloredIcons = { facebook: '', twitter: '', instagram: '', youtube: '', linkedin: '', dropbox: '', flickr: '', peachjar: '' }; document.addEventListener("DOMContentLoaded", () => { fetch(footerPageApiUrl) .then((response) => response.json()) .then((result) => { const footerCustomContent = result.content; const customFooter = document.querySelector('#custom-footer-outer'); // for each page component/layout/section footerCustomContent.forEach((pageElement, fourColIndex) => { if (fourColIndex > 21) { return; } if (pageElement.component == 'ts-full-width') { pageElement.config[0].forEach(fullWidthElement => { if (fullWidthElement.component == 'ts-table-v2') { const configTable = fullWidthElement.config.table.content; const jsonConfig = JSON.parse(convertTableToJson(configTable)) for (let i = 0; i < jsonConfig.length; i++) { const element = jsonConfig[i]; if (element['setting'] == 'logo_size_desktop') { logo_size_desktop = Number(element['value']); } if (element['setting'] == 'logo_size_mobile') { logo_size_mobile = Number(element['value']); } if (element['setting'] == 'text_color') { text_color = element['value'].trim(); } if (element['setting'] == 'bg_color') { bg_color = element['value'].trim(); } if (element['setting'] == 'copyright') { copyright = element['value'].trim(); } } } }); } // if it's our desired repetitive element else if (pageElement.component == 'ts-four-column') { let tsFourColumnItem = pageElement.config; const customFooterInner = document.createElement('div'); customFooterInner.classList.add("customFooterInner"); tsFourColumnItem.forEach((leftSidebarHalf, index) => { leftSidebarHalf.forEach(element => { if (index == 0) { if (element.component == 'ts-image') { let imageSRC = element.config.image.url; let imageUrl = element.config.image.link_url; let imageAltText = element.config.image.alt_text; if (imageSRC) { let imageElement = document.createElement('img'); imageElement.src = imageSRC; if (imageAltText) { imageElement.alt = imageAltText; } if (imageUrl) { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("image-wrap"); let imageElementLink = document.createElement('a'); imageElementLink.setAttribute('href', imageUrl); imageElementLink.setAttribute('target', 'blank'); imageElementLink.classList.add("image-wrap"); imageElementLink.appendChild(imageElement); imageElementWrap.appendChild(imageElementLink); footerLogo.appendChild(imageElementWrap); } else { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("image-wrap"); imageElementWrap.appendChild(imageElement); footerLogo.appendChild(imageElementWrap); } } } } if (index == 1) { if (element.component == 'ts-heading') { let titleContent = element.config.content; if (titleContent) { let titleElementWrap = document.createElement('div'); titleElementWrap.classList.add("title-wrap"); titleElementWrap.innerHTML = titleContent; footerSiteInfo.appendChild(titleElementWrap); } } if (element.component == 'ts-text') { let textContent = element.config.content; if (textContent) { let textElementWrap = document.createElement('div'); textElementWrap.classList.add("text-wrap"); textElementWrap.innerHTML = textContent; footerSiteInfo.appendChild(textElementWrap); } } } if (index == 2) { if (element.component == 'ts-button') { element.config.button.buttons.forEach(btnElement => { let buttonTarget = false; let buttonText = btnElement.title; let buttonURL = btnElement.link; if (btnElement.open_link_in_new_tab) { buttonTarget = true; } if (buttonURL) { let buttonElement = document.createElement('a'); let buttonElementSticky = document.createElement('a'); // buttonElement.innerHTML = buttonText; buttonElement.href = buttonURL; buttonElementSticky.href = buttonURL; // if (buttonTarget) { buttonElement.target = "_blank"; buttonElementSticky.target = "_blank"; // } if (buttonText && buttonText.toLowerCase().includes("facebook")) { buttonElement.innerHTML = roundIcons.facebook; buttonElement.classList.add('facebook-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.facebook; buttonElementSticky.classList.add('facebook-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("twitter")) { buttonElement.innerHTML = roundIcons.twitter; buttonElement.classList.add('twitter-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.twitter; buttonElementSticky.classList.add('twitter-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("instagram")) { buttonElement.innerHTML = roundIcons.instagram; buttonElement.classList.add('instagram-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.instagram; buttonElementSticky.classList.add('instagram-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("youtube")) { buttonElement.innerHTML = roundIcons.youtube; buttonElement.classList.add('youtube-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.youtube; buttonElementSticky.classList.add('youtube-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("linkedin")) { buttonElement.innerHTML = roundIcons.linkedin; buttonElement.classList.add('linkedin-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.linkedin; buttonElementSticky.classList.add('linkedin-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("dropbox")) { buttonElement.innerHTML = roundIcons.dropbox; buttonElement.classList.add('dropbox-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.dropbox; buttonElementSticky.classList.add('dropbox-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("flickr")) { buttonElement.innerHTML = roundIcons.flickr; buttonElement.classList.add('flickr-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.flickr; buttonElementSticky.classList.add('flickr-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonText && buttonText.toLowerCase().includes("peach")) { buttonElement.innerHTML = roundIcons.peachjar; buttonElement.classList.add('peachjar-button', 'social-icon'); footerSocialIcons.appendChild(buttonElement); buttonElementSticky.innerHTML = coloredIcons.peachjar; buttonElementSticky.classList.add('peachjar-button', 'social-icon'); stickySocialIcons.appendChild(buttonElementSticky); } if (buttonURL.includes("play.google.com")) { buttonElement.classList.add('google-play-buton', 'social-icon'); footerAppIcons.appendChild(buttonElement); } if (buttonURL.includes("apps.apple.com")) { buttonElement.classList.add('ios-button', 'social-icon'); footerAppIcons.appendChild(buttonElement); } } }); } } if (index == 3) { if (element.component == 'ts-image') { let imageSRC = element.config.image.url; let imageUrl = element.config.image.link_url; let imageAltText = element.config.image.alt_text; if (imageSRC) { let imageElement = document.createElement('img'); imageElement.src = imageSRC; if (imageAltText) { imageElement.alt = imageAltText; } if (imageUrl) { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("image-wrap"); let imageElementLink = document.createElement('a'); imageElementLink.setAttribute('href', imageUrl); imageElementLink.setAttribute('target', 'blank'); imageElementLink.classList.add("image-wrap"); imageElementLink.appendChild(imageElement); imageElementWrap.appendChild(imageElementLink); footerImageBg.appendChild(imageElementWrap); } else { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("image-wrap"); imageElementWrap.appendChild(imageElement); footerImageBg.appendChild(imageElementWrap); } } } } }); }); } else if (pageElement.component == 'ts-two-column') { let tsFourColumnItem = pageElement.config; tsFourColumnItem.forEach((leftSidebarHalf, index) => { leftSidebarHalf.forEach(element => { if (index == 0) { if (element.component == 'ts-button') { element.config.button.buttons.forEach(btnElement => { let buttonTarget = false; let buttonText = btnElement.title; let buttonURL = btnElement.link; if (btnElement.open_link_in_new_tab) { buttonTarget = true; } if (buttonURL) { let buttonElement = document.createElement('a'); buttonElement.href = buttonURL; buttonElement.href = buttonURL; if (buttonTarget) { buttonElement.target = "_blank"; } buttonElement.innerText = buttonText; footerMenu1.appendChild(buttonElement); } }); } } if (index == 1) { if (element.component == 'ts-button') { element.config.button.buttons.forEach(btnElement => { let buttonTarget = false; let buttonText = btnElement.title; let buttonURL = btnElement.link; if (btnElement.open_link_in_new_tab) { buttonTarget = true; } if (buttonURL) { let buttonElement = document.createElement('a'); buttonElement.href = buttonURL; buttonElement.href = buttonURL; if (buttonTarget) { buttonElement.target = "_blank"; } buttonElement.innerText = buttonText; footerMenu2.appendChild(buttonElement); } }); } } }); }); } }); const footerLogoArea = document.querySelector('#footer-logo-area'); const footerSocialIconsArea = document.querySelector('#footer-social-icons-area'); const footerMobileAppsArea = document.querySelector('#footer-mobile-apps-area'); const footerCopyRightArea = document.querySelector('#footer-copyright-area'); const footerSiteInfoArea = document.querySelector('#footer-siteInfo-area'); const footerBgImage = document.querySelector('#footer-bg-image'); const footerMenuCol1 = document.querySelector('#footer-menus-col-1'); const footerMenuCol2 = document.querySelector('#footer-menus-col-2'); if (footerCopyRightArea) { if (copyright == 'yes') { let copyRightHtml = document.createElement('div'); copyRightHtml.classList.add("copyright"); footerCopyRightArea.appendChild(copyRightHtml); const currentYear = new Date().getFullYear(); copyRightHtml.innerHTML = "Copyright © " + currentYear + ". " + footerSiteName + ". All rights reserved. Powered By Thrillshare."; } } if (footerLogoArea) { footerLogoArea.appendChild(footerLogo); } if (footerSocialIconsArea) { footerSocialIconsArea.appendChild(footerSocialIcons); } if (footerMobileAppsArea) { footerMobileAppsArea.appendChild(footerAppIcons); } if (footerSiteInfoArea) { footerSiteInfoArea.appendChild(footerSiteInfo); } if (footerBgImage) { footerBgImage.appendChild(footerImageBg); } if (footerMenuCol1) { footerMenuCol1.appendChild(footerMenu1); } if (footerMenuCol2) { footerMenuCol2.appendChild(footerMenu2); } customFooter.style.setProperty('--logo-size-d', logo_size_desktop + "px"); customFooter.style.setProperty('--logo-size-m', logo_size_mobile + "px"); customFooter.style.setProperty('--bgColor', bg_color); customFooter.style.setProperty('--textColor', text_color); document.getElementById("view-header").appendChild(stickySocialIcons); }); }); /* --------- END CUSTOM FOOTER -------------- */ /* --------- CUSTOM SIDEBAR -------------- */ document.addEventListener("DOMContentLoaded", () => { var siteMapUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/' + window.__NUXT__.state.org + '/cms/sitemap' + "?locale=" + window.__NUXT__.state.translation.locale; var currentLocation = window.location.href; var currentPathName = window.location.pathname.split('/')[2]; var parts = currentLocation.split('/'); var lastSegment = parts.pop() || parts.pop(); var pgUrl = currentLocation.split('/').reverse()[1]; var rightSidebar = document.querySelectorAll('#page .ts-right-sidebar-row')[0]; if (rightSidebar) { // var filterID = 744303; const interval = setInterval(function () { var sectionTitle = document.querySelectorAll('#page-wrapper .breadcrumb li:first-child + li span')[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.name == sectionTitleText); var menuLinkName = menuLink[0].name; if (menuLink[0].type == 'link') { var menuLinkURL = menuLink[0].url; } else { var menuLinkURL = menuLink[0].slug; } let divElem = document.createElement('div'); divElem.setAttribute('id', 'sidebarNav'); let navTitle = document.createElement('h2'); let navTitleLink = document.createElement('a'); if (menuLink[0].type !== 'header') { navTitleLink.setAttribute("href", menuLinkURL); } var navTitleTextLink = document.createTextNode(menuLinkName); let navLinks = document.createElement('ul'); navLinks.setAttribute('class', 'navLinks'); var links = menuLink[0].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-right-sidebar')[1]; 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; if (links[i].opens_in_new_tab == true) { var newTab = "_blank"; } else { var newTab = "_self"; } } else { if (links[i].slug) { var linkURL = links[i].slug; var newTab = "_self"; } else { nullUrlClass = "notUrl"; var linkURL = "javascript:void(0);"; 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 (linkURL == 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; if (childrenArray[j].opens_in_new_tab == true) { var childrenNewTab = "_blank"; } else { var childrenNewTab = "_self"; } } else { if (childrenArray[j].slug) { var childrenLinkURL = childrenArray[j].slug; var childrenNewTab = "_self"; } else { var childrenLinkURL = "javascript:void(0);"; 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 (childrenLinkURL == 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); } }); /* --------- END CUSTOM SIDEBAR -------------- */ /* --------- ADD DISTRICT BUTTON -------------- */ document.addEventListener("DOMContentLoaded", () => { const districtUrl = 'https://' + window.__NUXT__.state.organizations[0].org_url; const districtName = window.__NUXT__.state.organizations[0].name; const parentContainer = document.querySelector(".schools-menu-container"); const parentRelatedPosition = 'afterbegin'; // 'beforebegin', 'beforeend', 'afterbegin', 'afterend'; if (parentContainer) { const districtButton = document.createElement("a"); districtButton.classList.add("districtButton"); districtButton.href = districtUrl; districtButton.innerText = "District"; parentContainer.insertAdjacentElement(parentRelatedPosition, districtButton); } }); /* --------- END ADD DISTRICT BUTTON -------------- */

" + sectionTitle + "

${title}

${text}

" + currentSectionTitle + "" + seeMoreEvents + "

${title}

${title}

" + interCommSectionTitle + "" + interCommSeeMoreBtn + "

${title}

${text}

" + lfTitle + "" + seeMoreliveFeed + "

Berkeley County Schools

E&I Staff Spotlight: Jermaine Jackson