/* * Adds a link to the spotlight section. * https://app.asana.com/0/1201388388286192/1202863317598887 */ //window.addEventListener("load", (event) => { // let spotlight_section = document.querySelector("#SL1"); // let link_div = document.createElement("div"); // // link_div.setAttribute("class", "spotlight-link"); // link_div.innerHTML = "See All"; // // spotlight_section.appendChild(link_div); //}); //Slogan bold keywords window.addEventListener("load", (event) => { document.querySelector("#h2 > div.header-container > div.left > a > div.school-info > div.name > div.slogan").innerHTML = ' Our mission for educating all students is to seek education, strive for excellence, and aspire to greatness. ' var s = "Our mission for educating all students is to seek education, strive for excellence, and aspire to greatness."; s.replace(/(seek|strive|aspire)/ig, '$1'); }); /* --------- CUSTOM FOOTER Buttons -------------- */ const _$ = window.__NUXT__.state; const orgID = _$.secondaryOrgId; const footerPageName = "footer-buttons"; const footerPageApiUrl = "https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/" + orgID + "/cms/pages/" + footerPageName; var button_text_color = "#fff"; var button_bg_color = "var(--primary-color)"; var section_bg_color = "var(--secondary-color)"; var hide_section = false; var footerButtonsSection = document.createElement("div"); footerButtonsSection.classList.add("customFooterButtons"); document.addEventListener("DOMContentLoaded", () => { fetch(footerPageApiUrl) .then((response) => response.json()) .then((result) => { const footerCustomContent = result.content; const viewFooter = document.querySelector("#view-footer"); // for each page component/layout/section footerCustomContent.forEach((pageElement, fourColIndex) => { 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"] == "button_text_color") { button_text_color = element["value"].trim(); } if (element["setting"] == "button_bg_color") { button_bg_color = element["value"].trim(); } if (element["setting"] == "section_bg_color") { section_bg_color = element["value"].trim(); } if (element["setting"] == "hide_section") { hide_section = element["value"].trim(); } } } }); } // if it's our desired repetitive element else if (pageElement.component == "ts-three-column") { let tsTwoColumnsItems = pageElement.config; tsTwoColumnsItems.forEach((twoColumnItem, index) => { const customFooterMenuItem = document.createElement('a'); customFooterMenuItem.classList.add("customFooterButton"); twoColumnItem.forEach((element) => { // Button component if (element.component == 'ts-button') { let eachButton = element.config.button.buttons; if (eachButton) { eachButton.forEach(element => { // const customInnerElement = document.createElement('a'); // customInnerElement.classList.add("search-box"); let buttonTarget = false; let buttonIcon = element.icon; let buttonText = element.title; let buttonURL = element.link; if (element.open_link_in_new_tab) { buttonTarget = true; } if (buttonIcon) { const customFooterMenuItemGraphic = document.createElement('div'); customFooterMenuItemGraphic.classList.add("customFooterButtonIcon"); // customFooterMenuItemSvg.appendChild(buttonIcon); customFooterMenuItemGraphic.innerHTML = buttonIcon; customFooterMenuItem.appendChild(customFooterMenuItemGraphic) } if (buttonText) { let buttonElement = document.createElement('span'); buttonElement.classList.add("customFooterButtonText"); buttonElement.innerHTML = buttonText; customFooterMenuItem.href = buttonURL; if (buttonTarget) { customFooterMenuItem.target = "_blank"; } customFooterMenuItem.appendChild(buttonElement); } }); } } // end Button component // Text block component if (element.component == 'ts-text') { let textContent = element.config.content; if (textContent) { let textElementWrap = document.createElement('span'); textElementWrap.classList.add("customFooterButtonText", "customFooterButtonExtraText"); textElementWrap.innerHTML = textContent; customFooterMenuItem.appendChild(textElementWrap); } } // end Text block component }); footerButtonsSection.appendChild(customFooterMenuItem); }); } }); if (hide_section !== 'yes') { viewFooter.insertBefore(footerButtonsSection, viewFooter.firstChild); } viewFooter.style.setProperty("--buttonTextColor", button_text_color); viewFooter.style.setProperty("--buttonBgColor", button_bg_color); viewFooter.style.setProperty("--sectionBgColor", section_bg_color); }); }); 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 CUSTOM FOOTER -------------- */

Keppel Union School District

Keppel Union School District April Newsletter