/* ----------- Create Custom News Section ----------- */ const filterID = ""; const newsApiUrl = window.clientWorkStateTemp.links.news + "?locale=" + window.clientWorkStateTemp.translation.locale; const newsDefaultImage = window.clientWorkStateTemp.settings.newsFallbackImage.url; const numberOfElements = 4; const inserAfterElement = "#homepage-custom-news"; const newsSectionClassName = "news"; const newspreTitle = " "; const newsTitle = "RCS NEWS "; const seeMoreNews = "See All News"; const seeMoreNewsURL = "news"; var schoolAlias = window.clientWorkStateTemp.alias; const isNewsSlider = false; fetch(newsApiUrl).then(response => { return response.json(); }).then(result => { parseData(result); }).catch(err => { }); function parseData(result) { var index = 0; const customNewsParentElement = document.querySelector(inserAfterElement); customNewsParentElement.insertAdjacentHTML("beforeend", "

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

"); var newsHeader = document.querySelector("." + newsSectionClassName + "-header"); var newsHeaderTitle = document.querySelector("." + newsSectionClassName + "-header__title"); if(newspreTitle){ newsHeaderTitle.innerHTML += "" + newspreTitle + ""; } newsHeaderTitle.innerHTML += "

"+ newsTitle + "

"; if(seeMoreNews){ if (schoolAlias !== null) { newsHeader.insertAdjacentHTML("beforeend", "" + seeMoreNews + ""); } else { newsHeader.insertAdjacentHTML("beforeend", "" + seeMoreNews + ""); } } } elementContainer.insertAdjacentHTML("beforeend", "

"); var newsListContainer = document.querySelector('.news-list-container'); for (const article of result.articles) { index++; var articleLink = '/article/' + article.id; if (index <= numberOfElements) { let elementHtml = createHtmlItem(article.id, article.title, article.snippet, articleLink, article.cover_image); newsListContainer.innerHTML += elementHtml; } else { break; } } // if (seeMoreNews) { // elementContainer.innerHTML += "

" + seeMoreNews + "

" // } elementContainer.innerHTML += "

"; if(isNewsSlider){ customNewsParentElement.classList.add("has-slider"); setTimeout(() => { var slider = tns({ container: '.news-list-container', items: 1, nav: false, arrowKeys: true, gutter: 20, responsive: { 850: { edgePadding: 20, gutter: 30, items: 2 }, 1200: { items: 3, gutter: 30 }, 1700: { gutter: 40 } } }); }, 100); } } function createHtmlItem(id, title, text, link, image) { let htmlItem = ``; htmlItem += `

`; if (image) { htmlItem += `

`; }else{ htmlItem += `

`; } htmlItem += `

`; if (title) { htmlItem += `

${title}

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

${text}

`; } htmlItem += `

`; htmlItem += `

`; htmlItem += ``; return htmlItem; } /* ----------- END Create Custom News Section ----------- */

Rome Middle School

Be RMS!