"); 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 = removeHtmlTags(liveFeed.status).substring(0, liveFeedStatusLength); if (schoolAlias !== null) { liveFeedUrl = '/o/' + schoolAlias + '/live-feed#' + liveFeed.id; } else { 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 mySwiper = new Swiper(".swiperSlider", { spaceBetween: 0, slidesPerView: 4, centeredSlides: true, roundLengths: true, loop: true, loopAdditionalSlides: 30, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }, breakpoints: { 320: { slidesPerView: 1 }, 600: { slidesPerView: 2 }, 1000: { slidesPerView: 3 }, 1500: { slidesPerView: 4 } } }); }, 100); } } function removeHtmlTags(str) { // Remove HTML tags using regular expressions return str.replace(/<[^>]*>/g, ''); } function createliveFeedHtml(id, avatar, text, liveFeedUrl, image, author, timeago) { let specialClass = ''; if (image) { specialClass = 'has-image'; } let htmlItem = `

`; htmlItem += `

`; if (author) { htmlItem += `

${author}

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

${timeago}

`; } htmlItem += `

`; htmlItem += `

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

${text}... Read More

`; } else { htmlItem += `

${text}

`; } } htmlItem += `

`; if (avatar) { htmlItem += `

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

`; } else { htmlItem += `

`; } htmlItem += `

`; htmlItem += `

`; return htmlItem; } /* --------- END Homepage liveFeed -------------- */