"); 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

Print Shop

Jennifer Mason

Sally Greenfield

Guidelines and Procedures

Print Shop Submissions

Work Order Submissions

Inventoried Standard Forms

Ordering Forms for the Next School Year

Berkeley County Schools’ Student Handbooks

Staple & Binding Services

Color Copies

Minimum Quantity

Deliveries or Pick up

Print Shop FAQs

How do I send a print request to the Print Shop?

Will all print requests be automatically approved for printing?

Can I request printed copies of textbooks?

Can I send a request to a personal email of a Print Shop team member?

Can I phone in my order?

How do I create a pdf of my request?

Can I request a job be printed in color?

Can I request a job be printed on color paper?

Do you offer stapling services?

Can I ask for binding services?

Who do I contact at the print shop with questions?

How far in advance should I place my order?

How will I receive my completed print request?

Do you have an inventory of standard, most used school forms?

When can I order standard forms for the school year?

Will the Print Shop provide B/W copies of the BCS Student handbook for schools for families in need?