/* Badges */ function replaceToBadgeBeta(el) { if (el.querySelector(".badge-beta")) return; const text = el.textContent; if (!text.match(/\[(Beta|BETA|beta)\]/gi)) return; const children = [...el.children]; for (var child of children) { el.removeChild(child); } el.textContent = text.replace(/\[(Beta|BETA|beta)\]/gi, ""); const span = document.createElement("span"); span.textContent = "Beta"; span.classList.add("badge-beta"); el.appendChild(span); for (var child of children) { el.appendChild(child); } } function insertToBadgeBeta(el) { if (el.querySelector(".badge-beta")) return; const span = document.createElement("span"); span.textContent = "Beta"; span.classList.add("badge-beta"); el.appendChild(span); } function applyBadgeInHeadTitle() { var headElement = document.querySelector("#content-head h1"); if (headElement) replaceToBadgeBeta(headElement); var headElementApiReference = document.querySelector( ".rm-Article#content > header:first-child > div > h1" ); if (headElementApiReference) replaceToBadgeBeta(headElementApiReference); } function applyBadgeInSidebar() { var sidebarHeadElementList = document.querySelectorAll(".rm-Sidebar-heading"); for(var i = 0; i < sidebarHeadElementList.length; i++) { if (sidebarHeadElementList[i]) replaceToBadgeBeta(sidebarHeadElementList[i]); var sideBarLinkElements = document.querySelectorAll( ".rm-Sidebar-link > span > span" ); for (var j = 0; j < sideBarLinkElements.length; j++) { replaceToBadgeBeta(sideBarLinkElements[j]); } } } function applyBadgeInFatherSidebar() { var sideBarItensList = document.querySelectorAll( ".rm-Sidebar-section > .rm-Sidebar-list li" ); if (!sideBarItensList || sideBarItensList.length === 0) return; for (var i = 0; i < sideBarItensList.length; i++) { var subListItem = sideBarItensList[i].querySelectorAll( ".rm-Sidebar-list > li" ); var subListItemBadges = sideBarItensList[i].querySelectorAll( ".rm-Sidebar-list > li > .rm-Sidebar-link > span > span > .badge-beta" ); var totalItens = subListItem.length; var totalBadges = subListItemBadges.length; //console.log("totais", subListItem, totalItens, " : ", totalBadges); if (totalItens > 0 && totalItens === totalBadges) { var headItemList = sideBarItensList[i].querySelector(".rm-Sidebar-link"); if (!headItemList.querySelector(".badge-beta")) { headItemList.classList.add("rm-Sidebar-automatic-beta"); var headItemLink = headItemList.querySelector("span > span"); insertToBadgeBeta(headItemLink); } } } } function applyBadgeInCallout() { const allCards = document.querySelectorAll(".callout"); for (var card of allCards) { if (card) { const headCard = card.querySelector(".callout-heading"); if (headCard.innerHTML.match(/\[(Beta)\]/gi)) { card.classList.add("callout_beta"); headCard.innerHTML = headCard.innerHTML.replace(/\[(Beta)\]/gi, ""); if (headCard.querySelector("p").innerText.trim() === "") { headCard.classList.add("empty"); card.classList.add("callout_heading_empty"); } headCard.querySelector(".callout-icon").innerHTML = 'Beta'; } } } } // Changelog changes for Paragraph and link. function handleCreateTextElementWithLink(text, linkText, link) { const newElement = document.createElement('p'); const newText = document.createTextNode(text); const newLink = document.createElement('a'); const newLinkText = document.createTextNode(linkText); newLink.href=link; newLink.appendChild(newLinkText); newElement.appendChild(newText); newElement.appendChild(newLink); return newElement; } // Changelog changes for heading. function handleCreateTextElement(text) { const newHeading = document.createElement('h1'); const newText = document.createTextNode(text); newHeading.appendChild(newText); return newHeading; } function handleChangelogElement() { // Creating element for the changelog box div class. const changelogBox = document.createElement('div'); changelogBox.className += 'changelog-box'; // Creating the heading text let text1 = 'Pismo changelog'; const headingText = handleCreateTextElement(text1); // Creating the first text let text2 = 'The Pismo changelog describes changes to the Pismo platform that might affect your implementation, including new features, changes to existing features, and fixed issues. Changelog posts are published regularly and include all changes that have gone live within that interval. For more information and how to subscribe to updates, see'; let linkText2 = ' Pismo changelog.'; let hyperlink2 = "https://developers.pismo.io/pismo-docs/docs/pismo-changelog"; const firstText = handleCreateTextElementWithLink(text2, linkText2, hyperlink2); // Creating the second text let text3 = ' Pismo periodically deprecates and decommissions older versions of APIs to ensure that Pismo APIs are up-to-date. For more information, see'; let linkText3 = ' API life cycle and deprecation strategy.'; let hyperlink3 = "https://developers.pismo.io/pismo-docs/docs/api-deprecation-strategy"; const secondText = handleCreateTextElementWithLink(text3, linkText3, hyperlink3); // Append the changelog box to the page's container var container = document.querySelector(".rm-ContainerNarrow"); container.appendChild(changelogBox); // Append the texts to the container changelogBox.appendChild(headingText); changelogBox.appendChild(firstText); changelogBox.appendChild(secondText); } function hideTabContentClasses() { let tabContent = document.getElementsByClassName("tabContent"); for (let i = 0; i < tabContent.length; i++) { tabContent[i].style.display = "none"; } } function removeActiveClasses(customTabItems) { for (let i = 0; i < customTabItems.length; i++) { customTabItems[i].className = customTabItems[i].className.replace(" active", ""); } } function toggleTabItemOpen(customTabItems) { for (let i = 0; i < customTabItems.length; i++) { customTabItems[i].classList.toggle("tabItemOpen") } } function openTab(evt, tabName, index) { // Declare all variables let mobileWidth = window.matchMedia("(max-width: 941px)") let customTab = document.getElementsByClassName("customTab")[0]; let customTabLinks = document.getElementsByClassName("customTablinks"); if (mobileWidth.matches) { if (customTab.getAttribute("open")) { // Closing the menu customTab.classList.toggle("tabOpen"); toggleTabItemOpen(customTabLinks); hideTabContentClasses(); removeActiveClasses(customTabLinks); document.getElementById(tabName).style.display = "block"; customTabLinks[index].classList.add('active'); customTab.removeAttribute("open"); } else { // Opening the menu toggleTabItemOpen(customTabLinks); customTab.classList.toggle("tabOpen"); customTab.setAttribute("open", true); } } else { // hide the tab content class hideTabContentClasses(); // Removing active class removeActiveClasses(customTabLinks); // Show the current tab, and add an "active" class to the button that opened the tab document.getElementById(tabName).style.display = "block"; customTabLinks[index].classList.add('active'); } } function handleCustomTabs() { var customTab = document.getElementsByClassName("customTab"); if (customTab[0]) { var tabs = document.getElementsByClassName("tabContent"); for (let i = 0; i < tabs.length; i++) { let currentTab = tabs[i]; let tabName = currentTab.getAttribute('id'); let className = 'customTablinks'; className += i === 0 ? ' defaultOpen active' : ''; let tabButton = document.createElement("button"); let buttonTitle = document.createTextNode(tabName); tabButton.addEventListener("click", function() { openTab('', tabName, i); }); tabButton.appendChild(buttonTitle); tabButton.className = className; customTab[0].appendChild(tabButton); } let mobileWidth = window.matchMedia("(max-width: 941px)") if (!mobileWidth.matches) { // If on desktop, click the default tab let defaultOpen = document.getElementsByClassName("defaultOpen"); defaultOpen[0] && defaultOpen[0].click(); } else { // If on mobile view, hide every tab except the default for (let i = 0; i < tabs.length; i++) { tabs[i].style.display = i ? 'none' : 'block'; } } } } function expandAll() { contentFound = document.getElementsByClassName("schema_summary"); for (let i = 0; i < contentFound.length + 1; i++) { if (contentFound[i]) { let parentElement = contentFound[i].parentNode; parentElement.setAttribute('open', ''); } } } function collapseAll() { contentFound = document.getElementsByClassName("schema_summary"); for (let i = 0; i < contentFound.length + 1; i++) { if (contentFound[i]) { let parentElement = contentFound[i].parentNode; parentElement.removeAttribute('open'); } } } function showHide(divId) { var x = document.getElementById(divId); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } // Get the button that opens the modal function initProgramsParametersReferenceBtn() { const buttons = document.querySelectorAll("button.modal-button"); const modals = document.querySelectorAll('.modal'); // modals holders const spans = document.querySelectorAll("span.close"); buttons && buttons.forEach(button => { button.onclick = e => { e.preventDefault(); const modal = document.querySelector(e.target.getAttribute("href")); modal.style.display = "block"; } }); spans && spans.forEach(span => { span.onclick = e => { e.preventDefault(); for (let index in modals) { if (typeof modals[index].style !== 'undefined') { modals[index].style.display = "none"; } } } }); } function addPageIdentificationOnBody() { document.body.dataset.pathname = (window.location.pathname || '').replaceAll('/', '-'); // Call the function to create the changelog box on that page if (document.body.dataset.pathname === '-pismo-docs-changelog' || document.body.dataset.pathname === '-pismo-docs-changelog-') { const changelogBoxExists = document.querySelector(".changelog-box"); if (!changelogBoxExists) { handleChangelogElement(); } return; } } function handleFooterDate() { var currentYearEl = document.querySelector("#currentYear"); currentYearEl.innerText = new Date().getFullYear(); document.body.dataset.pathname = (window.location.pathname || '').replaceAll('/', '-'); if (document.body.dataset.pathname === '-pismo-docs' || document.body.dataset.pathname === '-pismo-docs-') { /* Year in footer */ var currentYearEl = document.querySelector("#currentYear"); currentYearEl.innerText = new Date().getFullYear(); return; } } $(window).on("pageLoad", function (e, state) { var changelogsFrom = document.querySelector( ".LandingBlock3PM-HyBxby3X > div:nth-child(2) > ul" ); var changelogsTo = document.querySelector("#changelog"); if (changelogsFrom && changelogsTo) { changelogsTo.innerHTML = changelogsFrom.outerHTML; } applyBadgeInHeadTitle(); applyBadgeInSidebar(); applyBadgeInFatherSidebar(); applyBadgeInCallout(); initProgramsParametersReferenceBtn(); addPageIdentificationOnBody(); handleCustomTabs(); handleFooterDate(); });