(function (ready) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { ready(); } else { document.addEventListener("appLoaded", ready); } })(function domReady() { /* the document is now ready. */ if (document.getElementById("home") !== null) { /* Events date wrap */ const interval = setInterval(function () { var eventsSection = document.querySelectorAll('#events-e1'); if (eventsSection) { var eventsCard = document.querySelectorAll('#events-e1 .events-info .events-card'); var eventsCardLength = eventsCard.length; for (let i = 0; i < eventsCardLength; i++) { var eventCard = eventsCard[i]; var eventDate = eventCard.querySelector('.events-date'); var eventDateText = eventDate.innerHTML; var eventsDateLenght = eventDateText.length; eventDate.innerHTML = eventDate.innerHTML.replace(/\d+/g, '$&'); if (eventsDateLenght > 9) { eventCard.classList.add('multipleDays'); } } clearInterval(interval); } setTimeout(function () { clearInterval(interval); }, 3000); }, 500); /* Add read more button to each programs */ const programsItems = document.querySelectorAll(".stacked-programs li"); const programHeadlinesLink = document.querySelectorAll(".stacked-programs .program-title a"); const programsHeadlinesLinkLength = programHeadlinesLink.length; for (let i = 0; i < programsHeadlinesLinkLength; i++) { var programLink = programHeadlinesLink[i]; var getprogramLink = programLink.getAttribute("href"); var buttonLink = "Read More"; programLink.closest('li').insertAdjacentHTML("beforeend", buttonLink); } } /* ----------- Script to add icons in the footer ----------- */ function addSocialIcons() { const iconColor = '#fff'; // define svg icons - in this case round icons const linkedinURL = "https://www.linkedin.com/company/polaris-career-center"; const linkedin = ''; /* END SETTINGS */ const iconsToBeAdded = [linkedin]; const iconsUrlsToBeAdded = [linkedinURL]; //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-testid", "social-icon"); listElementLink.setAttribute("href", iconsUrlsToBeAdded[index]); listElementLink.setAttribute("target", "_blank"); listElementLink.innerHTML = icon; listElement.appendChild(listElementLink); socialIconsWrapper.appendChild(listElement); }); } } } addSocialIcons(); /* ----------- END Script to add new icons in the footer ----------- */ /* ----------- Script to change the social icons in the footer ----------- */ function changeFooterIcons() { // REQUIRES: urls added from the CMS /* SETTINGS */ // define color of the icon - can be CSS variable const iconColor = '#2D3344'; // define svg icons - in this case round icons const fbIcon = ''; const twIcon = ''; const instaIcon = ''; const ytIcon = ''; /* END SETTINGS */ const socialIcons = document.querySelectorAll("#cms-footer .footer-social-links li a"); // define elements if (socialIcons) { // loop through icons - logic can adapt to fit the situation socialIcons.forEach(function (socialIcon) { let socialIconURL = socialIcon.href; // check what type of button if (socialIconURL.includes("facebook.com")) { socialIcon.classList.add('facebook-button'); // optional since we alrady add the icon below with color/fill already defined socialIcon.innerHTML = fbIcon; } if (socialIconURL.includes("twitter.com")) { socialIcon.classList.add('twitter-button'); // optional socialIcon.innerHTML = twIcon; } if (socialIconURL.includes("instagram.com")) { socialIcon.classList.add('instagram-button'); // optional socialIcon.innerHTML = instaIcon; } if (socialIconURL.includes("youtube.com")) { socialIcon.classList.add('youtube-button'); // optional socialIcon.innerHTML = ytIcon; } }); } } changeFooterIcons(); var gallerySection = document.getElementById('g4'); if (gallerySection) { let footerSocialLinks = document.querySelector(".footer-social-links"); let footerSocialLinksClone = footerSocialLinks.cloneNode(true); footerSocialLinksClone.id = "gallerySocialLinks"; gallerySection.prepend(footerSocialLinksClone); } /* ----------- END Script to change the social icons in the footer ----------- */ });