`; const thumb = container.querySelector(".youtube-facade-thumb"); thumb.addEventListener("load", () => { if (thumb.naturalWidth <= 120) { thumb.src = thumbHq; } }); thumb.addEventListener("error", () => { thumb.src = thumbHq; }); container.querySelector(".youtube-facade").addEventListener("click", (e) => { const button = e.currentTarget; const url = button.getAttribute("data-embed-url"); button.parentElement.innerHTML = `

`; }); } function needsDistrictFallback(el) { const titleEl = el.querySelector(".header-slot-container .custom-title"); const videoEl = el.querySelector(".iframe-video .video-link"); const buttonEl = el.querySelector(".see-all-button"); const titleEmpty = !titleEl || !titleEl.textContent.trim(); const videoEmpty = !videoEl || !videoEl.textContent.trim(); const buttonEmpty = !buttonEl || !buttonEl.textContent.trim(); return titleEmpty || videoEmpty || buttonEmpty; } async function fetchDistrictParallaxConfig() { const orgs = window.clientWorkState?.organizations || []; if (!orgs.length) return null; const district = orgs.find((o) => o.primary) || orgs[0]; const url = `https://thrillshare.com/api/v4/o/${district.id}/cms/config`; try { const response = await fetch(url); if (!response.ok) return null; const config = await response.json(); return extractParallaxFromConfig(config); } catch (e) { console.warn("Parallax share: failed to fetch district config", e); return null; } } function extractParallaxFromConfig(config) { const containers = config?.active_theme?.content?.containers || []; let containerId = null; for (let i = 0; i < containers.length; i++) { const container = containers[i]; const components = container.components || []; for (let j = 0; j < components.length; j++) { const htmlCode = components[j].options?.html_code || ""; if (htmlCode.indexOf("parallax-video") !== -1) { containerId = container.id; break; } } if (containerId) break; } if (!containerId) return null; const customComponents = config?.homepage?.custom_component || {}; let componentData = null; for (const key in customComponents) { if (customComponents.hasOwnProperty(key) && key.indexOf(containerId) === 0) { componentData = customComponents[key]; break; } } if (!componentData) return null; const input = componentData.input || {}; const image = componentData.image || {}; const title = input["parallax-header"]?.text?.trim() || ""; const videoLink = input["video-link"]?.text?.trim() || ""; const buttonInput = input["parallax-button"]; const buttonText = (buttonInput && buttonInput.text)?.trim() || ""; const buttonHref = (buttonInput && (buttonInput.href || buttonInput.link))?.trim() || ""; const buttonTarget = (buttonInput && buttonInput.target)?.trim() || "_self"; const imgData = image["parallax-image"]; const imageUrl = (imgData && imgData.url)?.trim() || ""; const imageAlt = (imgData && imgData.alt_text)?.trim() || ""; return { title, videoLink, buttonText, buttonHref, buttonTarget, imageUrl, imageAlt }; } function applyDistrictContent(el, data) { const titleEl = el.querySelector(".header-slot-container .custom-title"); const videoEl = el.querySelector(".iframe-video .video-link"); const buttonWrap = el.querySelector(".see-all-button"); const imgEl = el.querySelector(".parallax-image img"); if (titleEl && !titleEl.textContent.trim() && data.title) titleEl.textContent = data.title; if (videoEl && !videoEl.textContent.trim() && data.videoLink) videoEl.textContent = data.videoLink; if (buttonWrap && !buttonWrap.textContent.trim() && (data.buttonText || data.buttonHref)) { if (data.buttonHref) { const a = document.createElement("a"); a.href = data.buttonHref; a.target = data.buttonTarget || "_self"; a.textContent = data.buttonText || data.buttonHref; buttonWrap.textContent = ""; buttonWrap.appendChild(a); } else if (data.buttonText) { buttonWrap.textContent = data.buttonText; } } if (imgEl && !imgEl.getAttribute("src") && data.imageUrl) { imgEl.setAttribute("src", data.imageUrl); if (data.imageAlt) imgEl.setAttribute("alt", data.imageAlt); } } if (needsDistrictFallback(section)) { const districtData = await fetchDistrictParallaxConfig(); if (districtData) applyDistrictContent(section, districtData); } const featureImg = section.querySelector(".parallax-image img"); const featureImgParent = featureImg && featureImg.closest(".column"); if (featureImg) { const src = featureImg.getAttribute("src"); if (src) { section.style.setProperty("--background-image", `url(${src})`); if (featureImgParent) featureImgParent.classList.add("hasBackground"); } } const videoIframe = section.querySelector(".iframe-video"); const videoUrl = (section.querySelector(".video-link") || {}).textContent?.trim(); if (videoUrl && videoIframe) { const youtubeId = getYouTubeId(videoUrl); if (youtubeId) { renderYouTubeFacade(videoIframe, youtubeId); return; } if (videoUrl.indexOf("vimeo.com/") !== -1) { const vimeoId = extractVimeoId(videoUrl); if (vimeoId) { videoIframe.innerHTML = `

`; } } } });

Suncoast Technical College

Suncoast Technical College

Forms