`; let htmlItemTwo = `

`; let leftSidebarItem = pageElement.config; leftSidebarItem.forEach((leftSidebarHalf, index) => { leftSidebarHalf.forEach(element => { if (element.component == 'ts-image') { let imageSRC = element.config.image.url; let imageAltText = element.config.image.alt_text; if (imageSRC) { htmlItem += `

`; } } if (element.component == "ts-text") { var textBlockContent = element.config.content; if (textBlockContent) { htmlItem += `

${textBlockContent}

`; } } if (element.component == "ts-heading") { var headingContent = element.config.content; if (headingContent) { htmlItemTwo += `${headingContent}`; } } 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) { htmlItemTwo += `${buttonText}`; } else { htmlItemTwo += `${buttonText}`; } } }); }); htmlItem += `

`; htmlItemTwo += `

`; document.querySelector('#growWithUs .items').innerHTML += htmlItem; document.querySelector('#growWithUs .full-width-bar .details').innerHTML += htmlItemTwo; n += 1; } }); } function rotateItems() { $('.grow-with-us .section-container .beforeActive').removeClass('beforeActive').addClass('active'); $('.grow-with-us .section-container .beforeLeft').removeClass('beforeLeft').addClass('left'); $('.grow-with-us .section-container .beforeRight').removeClass('beforeRight').addClass('right'); } function rotateToLeft() { $('.grow-with-us .section-container .right').removeClass('right').addClass('beforeActive'); $('.grow-with-us .section-container .active').removeClass('active').addClass('beforeLeft'); $('.grow-with-us .section-container .left').removeClass('left').addClass('beforeRight'); rotateItems() } function rotateToRight() { $('.grow-with-us .section-container .left').removeClass('left').addClass('beforeActive'); $('.grow-with-us .section-container .active').removeClass('active').addClass('beforeRight'); $('.grow-with-us .section-container .right').removeClass('right').addClass('beforeLeft'); rotateItems() } function start() { add = setInterval(function () { rotateToLeft(); }, 3500); } $(document).on("click", ".grow-with-us .items .item:not(.extend)", function (e) { clearInterval(add); function second() { $('.item:not(.active)').addClass('hideItem'); $('.grow-with-us .items').addClass('extendWidth'); $('.item.active').addClass('beforeExtend'); setTimeout(function () { $('.item.active').addClass('extend'); $('Close').appendTo('.grow-with-us .item.extend'); }, 400); } if ($(this).hasClass('left')) { rotateToRight(); } else if ($(this).hasClass('right')) { rotateToLeft(); } else { second(); } }); $(document).on("click", ".grow-with-us .item.active .closeItem", function (e) { e.stopPropagation(); $('.closeItem').remove(); $('.item').removeClass('extend'); setTimeout(function () { $('.item').removeClass('hideItem beforeExtend'); }, 200); setTimeout(function () { $('.grow-with-us .items').removeClass('extendWidth'); }, 400); start(); });

Socorro Independent School District

Student Spotlight