/* ------------- Custom Gallery Bulletin Board ------------- */ const orgID = window.clientWorkStateTemp.org; const pageName1 = 'gallery-homepage-bulletin-board'; const apiUrl = 'https://thrillshare-cmsv2.services.thrillshare.com/api/v4/o/' + orgID + '/cms/pages/' + pageName1; var small_title = ''; // can be 'light', 'bold' or 'purple' var section_title = ''; var separator_color = ''; var accent_color = ''; const imageSize = 150; // image height in px const extraClass = "bulletin-board"; // image height in px console.log(apiUrl) fetch(apiUrl) .then((response) => response.json()) .then((result) => { const pageContent = result.content; const customHomepageComponent = document.querySelector('#cms-gallery #g3'); const customInner = document.createElement('div'); customInner.classList.add("customInner", extraClass); const byTheNumbersArea = document.createElement('div'); byTheNumbersArea.classList.add("byTheNumbersArea"); var itemIndex = 0; // 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'] == 'small_title') { small_title = element['value']; } if (element['setting'] == 'section_title') { section_title = element['value']; } if (element['setting'] == 'separator_color') { separator_color = element['value']; } if (element['setting'] == 'accent_color') { accent_color = element['value']; } } } }); } // if it's our desired repetitive element else if (pageElement.component == 'ts-left-sidebar') { let leftSidebarItem = pageElement.config; itemIndex++; const btnElement = document.createElement('div'); btnElement.classList.add("btnElement"); btnElement.classList.add("btnElement--" + itemIndex); if (itemIndex == 4){ const innerSeparator = document.createElement('div'); innerSeparator.classList.add("inner-separator"); byTheNumbersArea.appendChild(innerSeparator); } leftSidebarItem.forEach((leftSidebarHalf, leftSidebarPart) => { leftSidebarHalf.forEach(element => { // If right part of the "Left Sidebar" if (leftSidebarPart == 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.setAttribute('tabindex', '0'); imageElement.src = imageSRC; if (imageAltText) { imageElement.alt = imageAltText; } if (imageUrl) { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("btn__image"); let imageElementLink = document.createElement('a'); imageElementLink.setAttribute('href', imageUrl); imageElementLink.setAttribute('target', 'blank'); imageElementLink.classList.add("btn__image"); imageElementLink.appendChild(imageElement); imageElementWrap.appendChild(imageElementLink); btnElement.appendChild(imageElementWrap); } else { let imageElementWrap = document.createElement('div'); imageElementWrap.classList.add("btn__image"); imageElementWrap.appendChild(imageElement); btnElement.appendChild(imageElementWrap); } } } if (element.component == 'ts-heading') { let titleContent = element.config.content; if (titleContent) { let titleElementWrap = document.createElement('div'); titleElementWrap.classList.add("btn__value"); titleElementWrap.setAttribute('tabindex', '0'); titleElementWrap.innerHTML = titleContent; btnElement.appendChild(titleElementWrap); } } } // If left part of the "Left Sidebar" if (leftSidebarPart == 1) { if (element.component == 'ts-heading') { let titleContent = element.config.content; if (titleContent) { let titleElementWrap = document.createElement('div'); titleElementWrap.classList.add("btn__title"); titleElementWrap.setAttribute('tabindex', '0'); titleElementWrap.innerHTML = titleContent; btnElement.appendChild(titleElementWrap); } } if (element.component == 'ts-text') { let textContent = element.config.content; if (textContent) { let textElementWrap = document.createElement('div'); textElementWrap.classList.add("btn__description"); textElementWrap.setAttribute('tabindex', '0'); textElementWrap.innerHTML = textContent; btnElement.appendChild(textElementWrap); } } } }); }); byTheNumbersArea.appendChild(btnElement); } }); //title area const sectionTitle = document.createElement('div'); sectionTitle.classList.add("home-title"); sectionTitle.setAttribute('tabindex', '0'); const subtitle = document.createElement('h6'); subtitle.classList.add("subtitle"); subtitle.setAttribute('tabindex', '0'); subtitle.innerHTML = small_title; const mainTitle = document.createElement('h2'); mainTitle.innerHTML = section_title; sectionTitle.appendChild(subtitle); sectionTitle.appendChild(mainTitle); // separator const separator = document.createElement('div'); separator.classList.add("events-separator"); separator.style.setProperty('--separator-color', separator_color); // add the HTML customInner.appendChild(sectionTitle); customInner.appendChild(byTheNumbersArea); customHomepageComponent.appendChild(customInner); customHomepageComponent.appendChild(separator); customHomepageComponent.style.setProperty('--accent-color', accent_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; } /* ------------- Custom Gallery Bulletin Board ------------- */ /* START - MI badge */ if (typeof jQuery == "undefined") { var FB_JQ = document.createElement("script"); FB_JQ.src = "https://code.jquery.com/jquery-3.5.1.min.js"; FB_JQ.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(FB_JQ); } // Check if jQuery's loaded function FB_wait() { if (typeof jQuery == "undefined") { window.setTimeout(FB_wait, 100); } else { // If jQuery is loaded // Make sure body is loaded jQuery("document").ready(function () { var t = setTimeout("FB_addBudgetBadge()", 0); window.setTimeout(function () { $("#view-header").addClass("loaded"); }, 1000); //<-- Delay in millisecond }); } } //end FB_wait FB_wait(); var budgetBadgeFirstUrl = "https://www.michigan.gov/ok2say"; var budgetBadgeFirstTarget = "_blank"; function buildBudgetBadgeHtml( aTransparencyUrl, aTransparencyTarget, aSchoolDataUrl, aSchoolDataTarget, newElementUrl, newElementTarget ) { var lTransparencyTarget = ""; var lSchoolDataTarget = ""; if ( aTransparencyTarget && aTransparencyTarget != null && aTransparencyTarget.length > 0 ) { lTransparencyTarget = ' target = "' + aTransparencyTarget + '"'; } if ( aSchoolDataTarget && aSchoolDataTarget != null && aSchoolDataTarget.length > 0 ) { lSchoolDataTarget = ' target = "' + aSchoolDataTarget + '"'; } var budgetBadgeHTML = '

'; budgetBadgeHTML += '

'; budgetBadgeHTML += ' "; budgetBadgeHTML += '

'; budgetBadgeHTML += " "; budgetBadgeHTML += ' "; budgetBadgeHTML += '

'; budgetBadgeHTML += " "; budgetBadgeHTML += ' "; budgetBadgeHTML += '

'; budgetBadgeHTML += " "; budgetBadgeHTML += "

"; budgetBadgeHTML += "

"; return budgetBadgeHTML; } function FB_addBudgetBadge() { var lTransparencyUrl = "https://www.clioschools.org/o/cas/page/budget-and-salary-compensation-transparency-reporting-and-covid-19-learning-plans"; var lTransparencyTarget = "https://www.mischooldata.org/dashboard?Common_Locations=1-D,1028,80,0~2-A,0,0,0&Common_LocationIncludeComparison=Fal"; var lSchoolDataUrl = ""; var lSchoolDataTarget = "_blank"; if ( typeof budgetBadgeTransparencyUrl !== "undefined" && budgetBadgeTransparencyUrl != null && budgetBadgeTransparencyUrl.length > 0 ) { lTransparencyUrl = budgetBadgeTransparencyUrl; } if ( typeof budgetBadgeTransparencyTarget !== "undefined" && budgetBadgeTransparencyTarget != null && budgetBadgeTransparencyTarget.length > 0 ) { lTransparencyTarget = budgetBadgeTransparencyTarget; } if ( typeof budgetBadgeSchoolDataUrl !== "undefined" && budgetBadgeSchoolDataUrl != null && budgetBadgeSchoolDataUrl.length > 0 ) { lSchoolDataUrl = budgetBadgeSchoolDataUrl; } if ( typeof budgetBadgeSchoolDataTarget !== "undefined" && budgetBadgeSchoolDataTarget != null && budgetBadgeSchoolDataTarget.length > 0 ) { lSchoolDataTarget = budgetBadgeSchoolDataTarget; } var lAnchor = "#view-header .header-bar-wrapper"; if ( typeof budgetBadgeAnchor !== "undefined" && budgetBadgeAnchor != null && budgetBadgeAnchor.length > 0 ) { lAnchor = budgetBadgeAnchor; } // Check we're not in the editor jQuery( buildBudgetBadgeHtml( lTransparencyUrl, lTransparencyTarget, lSchoolDataUrl, lSchoolDataTarget, budgetBadgeFirstUrl, budgetBadgeFirstTarget ) ).appendTo(lAnchor); $(function () { var header = $("#view-header"); var headerHeight = header.outerHeight(); if ($('.header-bar-wrapper').hasClass('sticky')) { $('#view-header').addClass('sticky-header'); } $(window).scroll(function () { var scroll = $(window).scrollTop(); if (scroll >= headerHeight) { header.removeClass('default-badge').addClass("small-badge fixed-position"); } else { header.removeClass("fixed-position"); if (!header.hasClass('minimized-logos')) { header.removeClass("small-badge").addClass('default-badge'); } } }); $('#view-header').on("click", ".minimize_logos", function (e) { e.preventDefault(); if (header.hasClass('small-badge')) { header.removeClass('small-badge minimized-logos'); } else { header.addClass('small-badge minimized-logos'); } }); }); } // Transparency URL. var newElementUrl = "https://www.michigan.gov/ok2say"; // Target for the Transparency link. var budgetBadgeFirstTarget = "_blank"; // var budgetBadgeTransparencyTarget = "https://www.clioschools.org/o/cas/page/budget-and-salary-compensation-transparency-reporting-and-covid-19-learning-plans"; // Target for the Transparency link. var budgetBadgeTransparencyTarget = "_blank"; // Transparency Dashboard URL. var budgetBadgeSchoolDataUrl = "https://www.mischooldata.org/dashboard?Common_Locations=1-D,1028,80,0~2-A,0,0,0&Common_LocationIncludeComparison=False"; // Target for the Transparency Dashboard link. var budgetBadgeSchoolDataTarget = "_blank"; // Default Budget Badge Open var defaultBudgetBadgeOpen = "True"; /* END - MI badge */ window.addEventListener("appLoaded", (event) => { setTimeout(() => { if (!document.getElementById("home")) { document.querySelector("a.minimize_logos").click(); } }, 2000); });

Clio Area Schools