"); let htmlItem = `

`; pageElement.config[0].forEach(oneColumnElement => { if (oneColumnElement.component == "ts-heading") { // console.log("heading"); var headingItem = oneColumnElement.config.content; if (headingItem) { htmlItem += `

${headingItem}

`; } } if (oneColumnElement.component == "ts-divider") { var dividerColorItem = oneColumnElement.config.divider.color.hex; var dividerThicknessItem = oneColumnElement.config.divider.thickness; if (dividerThicknessItem) { htmlItem += `

`; } } if (oneColumnElement.component == "ts-slider") { let sliderItem = oneColumnElement.config.slider; var sliderHasDots = sliderItem.has_dots; var sliderHasArrows = sliderItem.has_arrows; var sliderAutoplay = sliderItem.is_autoplay; var sliderDotPosition = sliderItem.dot_position; var sliderArrowPosition = sliderItem.arrow_position; let sliderImages = sliderItem.images; htmlItem += `

`; sliderImages.forEach((sliderImage, index) => { htmlItem += `

`; var imageSrc = sliderImage.url; var imageAltText = sliderImage.alt_text; var imageLinkUrl = sliderImage.link_url; var imageLinkNewTab = sliderImage.open_link_in_new_tab; if (imageLinkUrl) { if (imageLinkNewTab) { htmlItem += `

`; } else { htmlItem += `

`; } } else { htmlItem += ` ${imageAltText}

`; } htmlItem += `

`; }); htmlItem += `

`; setTimeout(() => { var slider = tns({ container: '.sliderWrapper', controls: sliderHasArrows, nav: sliderHasDots, arrowKeys: true, autoplay: sliderAutoplay, navPosition: 'bottom', autoplayPosition: 'bottom' }); }, 100); } if (oneColumnElement.component == "ts-text") { // console.log("text"); var textBlockContentItem = oneColumnElement.config.content; if (textBlockContentItem) { htmlItem += `

${textBlockContentItem}

`; } } }); htmlItem += `

`; // console.log(htmlItem); document.querySelector('#custom-trendingNews').innerHTML += htmlItem; clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 5000); }, 200); } }); } // Create Custom News Section // // const trendingFilterID = "267337"; // const trendingNewsApiUrl = // window.clientWorkStateTemp.links.news + // "?locale=" + // window.clientWorkStateTemp.translation.locale + // "&filter_id=" + // trendingFilterID; // // const numberOfNews = 6; // const inserAfterEvents = "#view-events"; // const trendingNewsSection = "trendingNews"; // const trendingNewsSectionTitle = "What's Trending"; // var schoolAlias = window.clientWorkStateTemp.alias; // // fetch(trendingNewsApiUrl) // .then((response) => { // return response.json(); // }) // .then((result) => { // parseNewsData(result); // }) // .catch((err) => {}); // // function parseNewsData(result) { // var index = 0; // // document // .querySelector(inserAfterEvents) // .insertAdjacentHTML( // "beforebegin", // "

" // ); // // var newsContainer = document.querySelector( // ".custom-" + trendingNewsSection + "__inner" // ); // // if (trendingNewsSectionTitle) { // newsContainer.innerHTML += // "

" + // trendingNewsSectionTitle + // "

"; // } // // for (const article of result.articles) { // index++; // // var newsArticleLink = "/article/" + article.id; // // if (schoolAlias !== null) { // var newsArticleLink = "/o/" + schoolAlias + "/" + article.id; // } else { // var newsArticleLink = "/article/" + article.id; // } // // if (index <= numberOfNews) { // let elementHtml = createNewsHtml( // article.id, // article.title, // newsArticleLink // ); // newsContainer.innerHTML += elementHtml; // } else { // break; // } // } // // newsContainer.innerHTML += "

"; // } // // function createNewsHtml(id, title, link) { // let newsHtmlItem = ``; // // newsHtmlItem += `

`; // if (title) { // newsHtmlItem += `

${title}

`; // } // newsHtmlItem += `

`; // // newsHtmlItem += ``; // // return newsHtmlItem; // } /* END */ }); //adds button to events page function addCalendarButton() { if ( document.querySelectorAll("#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div").length === 3 ) { document.querySelectorAll( "#container div.event-cal-content div.event-cal-content-toolbar div.toolbar-header.toolbar-header div" )[0].insertAdjacentHTML('beforeend', ''); } else { setTimeout(function () { addCalendarButton(); }, 500); } } window.addEventListener("appLoaded", (event) => { if (window.location.pathname.includes('events')) { addCalendarButton(); }; }); var oldOpen = XMLHttpRequest.prototype.open; function onStateChange(event) { // code goes here addCalendarButton(); } XMLHttpRequest.prototype.open = function () { this.addEventListener("loadend", onStateChange); oldOpen.apply(this, arguments); }; //$("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button").click(function () { // setTimeout(function () { // addCalendarButton(); // }, 800); //}); document.querySelectorAll("div.event-cal-content div.event-cal-content-toolbar div.events-toolbar-actions div.actions-right div div.list-views-container button").forEach(function (button) { button.addEventListener('click', function () { setTimeout(function () { addCalendarButton(); }, 800); }); });

Design and deliver professional learning relevant to the teaching and learning framework.