/* new code */ document.addEventListener("appLoaded", () => { document.getElementById("view-header").classList.add("loaded-header"); document.getElementById("container").classList.add("loaded-container"); // add watch button on video area; const videoIDElement = document.querySelector("#video-component .main-video .video-player.player") if (videoIDElement) { const videoID = videoIDElement.getAttribute("video-id"); const videoUrl = 'https://www.youtube.com/watch?v=' + videoID; const videoInfo = document.querySelector("#video-component .main-video .video-info"); if (videoInfo) { const moreBtn = document.createElement("a"); moreBtn.classList.add("moreBtn"); moreBtn.href = videoUrl; moreBtn.target = "_blank"; moreBtn.innerText = "watch here"; videoInfo.appendChild(moreBtn); } } }); /* --------- Homepage liveFeed -------------- */ const numberOfliveFeedDisplayed = 14; const customliveFeedParent = "#cms-live-feed .card-slider"; const lfClassName = "liveFeed"; const lfpreTitle = "SCUC ISD"; const lfTitle = null; const seeMoreliveFeed = "see all posts" const seeMoreURL = "live-feed"; const liveFeedbackgroundColor = "var(--secondary-color)"; const isSlider = true; const liveFeedStatusLength = 150; document.addEventListener("appLoaded", () => { if (document.getElementById("home") !== null) { const liveFeedApiUrl = window.clientWorkState.links.live_feed; console.log(liveFeedApiUrl); fetch(liveFeedApiUrl).then(response => { return response.json(); }).then(result => { if (window.innerWidth < 1024) { document.getElementById("home").classList.add("nativeLiveFeed"); } else { document.getElementById("home").classList.add("customLiveFeed"); parseliveFeedData(result); } }).catch(err => { }); } }); function parseliveFeedData(result) { var index = 0; const liveFeedbackgroundImage = window.clientWorkState.settings.liveFeedFallbackImage.url; const customliveFeedParentElement = document.querySelector(customliveFeedParent); customliveFeedParentElement.innerHTML = ""; if (liveFeedbackgroundColor) { customliveFeedParentElement.style.setProperty('--bgColor', liveFeedbackgroundColor); } if (liveFeedbackgroundImage) { customliveFeedParentElement.classList.add("has-bg-image"); customliveFeedParentElement.style.setProperty("--bgImage", "url('" + liveFeedbackgroundImage + "')"); } customliveFeedParentElement.insertAdjacentHTML("afterbegin", "

"); var elementContainer = document.querySelector('.custom-' + lfClassName + '__inner'); if (lfTitle) { elementContainer.insertAdjacentHTML("afterbegin", "

"); var liveFeedHeader = document.querySelector("." + lfClassName + "-header"); var liveFeedHeaderTitle = document.querySelector("." + lfClassName + "-header__title"); if (lfpreTitle) { liveFeedHeaderTitle.innerHTML += "" + lfpreTitle + ""; } liveFeedHeaderTitle.innerHTML += "

" + lfTitle + "

"; if (seeMoreliveFeed) { liveFeedHeader.insertAdjacentHTML("beforeend", "" + seeMoreliveFeed + ""); } } elementContainer.insertAdjacentHTML("beforeend", "

"); var lfSlider = document.querySelector('.lf-list-container'); for (const liveFeed of result.live_feeds) { index++; if (index <= numberOfliveFeedDisplayed) { var liveFeedUrl = null; var liveFeedStatus; if (liveFeed.status.length > liveFeedStatusLength) { liveFeedStatus = liveFeed.status.substring(0, liveFeedStatusLength); liveFeedUrl = '/live-feed#' + liveFeed.id; } else { liveFeedStatus = liveFeed.status; } let elementHtml = createliveFeedHtml(liveFeed.id, liveFeed.original_avatar, liveFeedStatus, liveFeedUrl, liveFeed.image_large, liveFeed.author_name, liveFeed.time_ago); lfSlider.innerHTML += elementHtml; } else { break; } } elementContainer.innerHTML += "

"; if (isSlider) { elementContainer.classList.add("swiperSlider"); elementContainer.classList.add("swiper"); customliveFeedParentElement.classList.add("has-slider"); setTimeout(() => { var liveFeedSwiper = new Swiper('.swiperSlider', { slidesPerView: 3, centeredSlides: true, loop: true, spaceBetween: 20, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 320: { slidesPerView: 1 }, 1250: { slidesPerView: 3 } } }); }, 100); } } function createliveFeedHtml(id, avatar, text, liveFeedUrl, image, author, timeago) { const defaultImage = window.clientWorkState.settings.liveFeedFallbackImage.url; const sanitizedDefaultImage = defaultImage.replace(/'/g, "'"); let specialClass = ''; if (image) { specialClass = 'has-image'; } let htmlItem = `

`; htmlItem += `

`; if (avatar) { const sanitizedAvatar = avatar.replace(/'/g, "'"); htmlItem += `

`; } htmlItem += `

`; if (author) { htmlItem += `

${author}

`; } if (timeago) { htmlItem += `

${timeago}

`; } htmlItem += `

`; htmlItem += `

`; if (text) { if (liveFeedUrl) { htmlItem += `

${text}... Read More

`; } else { htmlItem += `

${text}

`; } } htmlItem += `

`; htmlItem += `

`; if (image) { const sanitizedImage = image.replace(/'/g, "'"); htmlItem += `

`; } else { htmlItem += `

`; } htmlItem += `

`; htmlItem += `

`; return htmlItem; } /* --------- END Homepage liveFeed -------------- */ /* end new code */ document.addEventListener('appLoaded', function () { // Replace the src attribute const liElement = document.querySelector('li[data-social-media="twitter"]'); // Check if the Twitter element exists if (liElement) { const imgElement = liElement.querySelector('img'); // New src value for the image const newSrcValue = 'https://cmsv2-shared-assets.apptegy.net/Global/Images/Icons/twitter-x-logo.svg'; // Replace this with your desired image URL imgElement.src = newSrcValue; } }); /* ----------- Script to add icons in the footer ----------- */ function addSocialIcons() { const iconColor = '#fff'; // define svg icons - in this case round icons const flickrURL = "https://www.flickr.com/photos/msbanet/"; const flickrIcon = ''; /* END SETTINGS */ const iconsToBeAdded = [flickrIcon]; const iconsUrlsToBeAdded = [flickrURL]; //ofc, they should match const socialIconsWrapper = document.querySelectorAll("#cms-footer .footer-social-links")[0]; if (socialIconsWrapper) { if (iconsToBeAdded) { iconsToBeAdded.forEach((icon, index) => { let listElement = document.createElement("li"); let listElementLink = document.createElement("a"); listElement.setAttribute("data-newid", "social-icon"); listElementLink.setAttribute("href", iconsUrlsToBeAdded[index]); listElementLink.setAttribute("target", "_blank"); listElementLink.innerHTML = icon; listElement.appendChild(listElementLink); socialIconsWrapper.appendChild(listElement); }); } } } document.addEventListener("appLoaded", addSocialIcons); /* ----------- END Script to add new icons in the footer ----------- */ (() => { const script = document.createElement("script"); script.src = "https://app.alwayson.ai/embed/chatbot.js?id=91052de6-44be-438e-9437-90b4140fd5b2"; script.async = true; script.defer = true; script.crossorigin = true; script.id = "alwayson_chatbot_script"; document.body.appendChild(script); })();