//===CHANGE "NEW" STATUS INDICATOR TO "DESIGN PARTNER" ==== $(document).ready(function() { $('.New-batch').html("Design Partner"); }); //======IMPORTANT!! DON'T DELETE THIS "TRY" STATEMENT AND THE CLOSING } AT THE END OF THIS FILE!!===== try { console.log(additionalSelectorClassBlacklist); } catch (e) { /*==========EXPAND/COLLAPSE JAVASCRIPT===============================*/ const additionalSelectorClassBlacklist = [ "expanderBody", "expanderHead", "expanderBodyState", "expanded", "collapsed", ]; function generateTitle(item, isCollapsed) { return `${isCollapsed ? "▶" : "▼"} ${item.dataset.title}`; } function generateItem(item, isCollapsed) { if (item.dataset.title) { additionalSelector = [...item.classList].find( (c) => !additionalSelectorClassBlacklist.includes(c) ); additionalSelector = additionalSelector ? " " + additionalSelector : ""; // create expander header let divHeader = document.createElement("div"); divHeader.classList = `expanderHead${additionalSelector}`; divHeader.innerHTML = generateTitle(item, isCollapsed); // expander click event divHeader.addEventListener("click", function() { // open / close expander for (let i = 0; i < this.parentNode.children.length; i++) { let expander = this.parentNode.children[i]; // check if it's expander header if ([...expander.classList].includes("expanderHead")) { if ( expander == this && expander.nextElementSibling.style.display == "none" ) { // open expander body expander.nextElementSibling.style.display = ""; expander.innerHTML = generateTitle(item, false); expander.style.borderBottomLeftRadius = "0"; expander.style.borderBottomRightRadius = "0"; } else { // close expander body expander.nextElementSibling.style.display = "none"; expander.innerHTML = generateTitle(item, true); expander.style.borderBottomLeftRadius = "6px"; expander.style.borderBottomRightRadius = "6px"; } } } onUpdateExpander(); }, true); item.parentNode.insertBefore(divHeader, item); item.style.display = isCollapsed ? "none" : ""; } } document.querySelectorAll(".expanderBody").forEach((item) => generateItem(item, false) ); document.querySelectorAll(".expanderBodyCollapsed").forEach((item) => generateItem(item, true) ); function toggleAll({ expand, additionalSelector } = {}) { additionalSelector = additionalSelector ? "." + additionalSelector : ""; if (expand === undefined) { document .querySelectorAll(`.expanderBody${additionalSelector}`) .forEach((item) => { if (item.style.display === "") expand = false; }); } expand = expand !== undefined ? expand : true; document .querySelectorAll(`.expanderBody${additionalSelector}`) .forEach((item) => { item.style.display = expand ? "" : "none"; }); document .querySelectorAll(`.expanderHead${additionalSelector}`) .forEach((item) => { atag = item.childNodes[0].childNodes[1]; arrow = expand ? "▼ " : "▶ "; item.innerHTML = `${arrow}${atag.innerHTML}`; }); onUpdateExpander(); } function onUpdateExpander() { document.querySelectorAll(".expanderBodyState").forEach((item) => { let anyExpanded = false; additionalSelector = [...item.classList].find( (c) => !additionalSelectorClassBlacklist.includes(c) ); additionalSelector = additionalSelector ? "." + additionalSelector : ""; document .querySelectorAll(`.expanderBody${additionalSelector}`) .forEach((item) => { if (item.style.display === "") anyExpanded = true; }); const displayExpanded = [...item.classList].includes("expanded"); item.style.display = anyExpanded === displayExpanded ? "" : "none"; }); } onUpdateExpander(); /*==========Horizontal scroll buttons===============================*/ /* const buttonRight = document.getElementById('slideRight'); const buttonLeft = document.getElementById('slideLeft'); function slideRight() { console.log("testing"); document.getElementById('buttoncontainer').scrollLeft += 60; } function slideLeft() { document.getElementById('buttoncontainer').scrollLeft -= 60; } */ /*========SEARCH============*/ let cards = document.querySelectorAll('.box'); function liveSearch() { let search_query = document.getElementById("searchbox").value; // Split the search query into individual words let words = search_query.split(/\s+/); // Construct regex pattern to match each word individually let regex_pattern = words.map(word => `(?=.*${word})`).join(''); // Construct the final regex pattern let regex = new RegExp(regex_pattern, 'gi'); for (var i = 0; i < cards.length; i++) { // Test if the card text matches the regex pattern if (regex.test(cards[i].textContent.toLowerCase())) { cards[i].classList.remove("is-hidden"); } else { cards[i].classList.add("is-hidden"); } } } // A little delay let typingTimer; let typeInterval = 500; let searchInput = document.getElementById('searchbox'); if (searchInput) { searchInput.addEventListener('keyup', () => { clearTimeout(typingTimer); typingTimer = setTimeout(liveSearch, typeInterval); }); } /*=== OPEN ARTICLE IN PORTAL FROM DOC SITE===*/ /*This JS adds a link next to the H1 on the doc site that opens that article in the Document360 portal. Instructions here: https://feedback.document360.com/feature-request/p/edit-button-on-live-article-if-editor-logged-in*/ /*var adminQuery = $("#709133f8-d124-4346-ac07-074cfcd61164").length > 0; //some article/category only visible to admins if (adminQuery) { var active = $("a.active"); var isCategory = this.documentData.articleId == this.documentData.categoryId; var viewOrCategory = isCategory ? "category" : "view"; var url = ["https://portal.us.document360.io", layoutData.projectId, "document", layoutData.versionSlug, viewOrCategory, active.first().attr('id')].join("/"); $("h1").addClass("admin"); $("h1").wrap('') } */ /*========CHANGE FILTER PLACEHOLDER TEXT============ document.addEventListener("DOMContentLoaded", function() { // Create a new input element with the desired placeholder text var newInput = document.createElement("input"); newInput.setAttribute("type", "search"); newInput.setAttribute("name", "filter"); newInput.setAttribute("placeholder", "I'm looking for..."); // Find the existing input element and its parent element var oldInput = document.querySelector(".filter_form input[name='filter']"); var parent = oldInput.parentNode; // Replace the existing input element with the new one parent.replaceChild(newInput, oldInput); });*/ //=======TIMEOUT MESSAGE====== // Set the idle timeout duration in milliseconds var idleTimeout = 1000 * 60 * 60; // 1 hour //var idleTimeout = 2000 // 2 seconds (for testing) // Variable to store the timeout ID var timeoutID; let isIdle = false; // Function to handle idle timeout function handleIdleTimeout() { isIdle = true; // Create the modal element var modal = document.createElement("div"); modal.classList.add("modal"); // Create the modal content var modalContent = document.createElement("div"); modalContent.classList.add("modal-content"); modalContent.innerHTML = "

Your session expired.

Refresh "; // Append the modal content to the modal element modal.appendChild(modalContent); // Append the modal element to the document body document.body.appendChild(modal); } // Function to reset the idle timeout function resetIdleTimeout() { if (isIdle) return; // Clear the previous timeout if any clearTimeout(timeoutID); // Start a new timeout timeoutID = setTimeout(handleIdleTimeout, idleTimeout); } // Event listeners for keyboard and mouse input document.addEventListener("keydown", resetIdleTimeout); document.addEventListener("click", resetIdleTimeout); //document.addEventListener("mousemove", resetIdleTimeout); // Start the initial idle timeout resetIdleTimeout(); /*===Generate inner TOC===*/ window.onfocus = function() {}; document.addEventListener('DOMContentLoaded', function() { // Call the function to generate the table of contents generateTableOfContents(); }); // Define a function to generate the table of contents function generateTableOfContents() { var tocPlaceholder = document.getElementById('toc-placeholder'); var headings = document.querySelectorAll('h2'); var tocHTML = '

' + heading.innerText + '
' + heading.innerText + '

'; if (!!tocPlaceholder) { tocPlaceholder.innerHTML = tocHTML; // Add event listeners to the links in the table of contents to scroll to the corresponding heading var tocLinks = tocPlaceholder.querySelectorAll('a'); tocLinks.forEach(function(link) { link.addEventListener('click', function(event) { event.preventDefault(); var targetId = link.getAttribute('href').substring(1); // Remove the '#' from the href var targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth' }); } }); }); } } // Remove the redundant call to generateTableOfContents /*===Hide the mini-TOC===*/ // window.onfocus = function() { // }; // document.addEventListener('DOMContentLoaded', function() { // Call the function to generate the table of contents // hideContentLinks(); /*// Call the function to hide the target div after a specified delay when window gains focus window.onfocus = function() { hideDivAfterDelay(); };*/ // }); // function hideContentLinks() { // Check if the 'toc-placeholder' div is present // var tocPlaceholder = document.getElementById('toc-placeholder'); // if (tocPlaceholder !== null) { // Hide the 'content_links' div // var contentLinks = document.getElementById('content_links'); // if (contentLinks !== null) { // contentLinks.style.display = 'none'; // } // } // } // document.addEventListener("DOMContentLoaded", hideContentLinks); // hideContentLinks(); //====Expand all accordion by default ==== /* document.querySelectorAll("details:not(.detailsClosed)").forEach((item) => item.open = true );*/ } /* //====Dropdown menu for all headings on a page ==== // Function to populate the dropdown with headings function populateDropdown() { var headings = document.querySelectorAll('h4, h5, h6'); var dropdown = document.getElementById('headingDropdown'); headings.forEach(function(heading) { var option = document.createElement('option'); option.textContent = getHeadingTextWithIndentation(heading); dropdown.appendChild(option); }); } function getHeadingTextWithIndentation(heading) { var headingLevel = parseInt(heading.tagName.charAt(1)); var indentation = ' '.repeat((headingLevel - 1) * 2); // Adjust the spacing based on your preference return indentation + heading.textContent; } function goToSelectedHeading() { var selectedHeadingText = document.getElementById('headingDropdown').value.trim(); // Trim selected value var headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); // Add code to open details elements document.querySelectorAll("details:not(.detailsClosed)").forEach((item) => { item.open = true; }); headings.forEach(function(heading) { var headingText = getHeadingTextWithIndentation(heading).trim().replace(/\u00a0/g, ''); // Remove extra spaces and if (headingText === selectedHeadingText) { heading.scrollIntoView(); window.scrollBy(0, -8 * window.innerHeight / 100); // Scroll up by 5% of the window height } }); // Reset dropdown to its default state document.getElementById('headingDropdown').selectedIndex = 0; } document.getElementById('headingDropdown').addEventListener('click', function() { // Load the headings when the dropdown is clicked populateDropdown(); }); document.getElementById('headingDropdown').addEventListener('change', function() { goToSelectedHeading(); }); */ /*===Add [link] next to h2, h3, h4===*/ // Function to copy link to clipboard function copyLink(link) { var tempInput = document.createElement("input"); tempInput.value = link; document.body.appendChild(tempInput); tempInput.select(); document.execCommand("copy"); document.body.removeChild(tempInput); } // Function to handle link copy and change text function handleLinkCopy(headingElement, link) { copyLink(link); headingElement.classList.add("copied"); setTimeout(function() { headingElement.classList.remove("copied"); }, 1000); } // Event delegation to handle click events on link icons document.addEventListener('click', function(event) { if (event.target.tagName === 'H2' || event.target.tagName === 'H3') { var headingId = event.target.id; var headingLink = window.location.href.split('#')[0] + '#' + headingId; var headingElement = event.target; handleLinkCopy(headingElement, headingLink); } }); /*===Add the hyphen to the URL in all links on a page===*/ document.addEventListener('DOMContentLoaded', function() { // Find all links on the page var links = document.querySelectorAll('a'); // Regular expression to match "release" followed by a number without a hyphen var releaseRegex = /release(\d+)/; // Loop through all links and modify the href if necessary links.forEach(function(link) { var href = link.getAttribute('href'); if (releaseRegex.test(href)) { // Replace "release" followed by a number with "release-" followed by the number var newHref = href.replace(releaseRegex, 'release-$1'); link.setAttribute('href', newHref); } }); }); /*==== RN summary ====*/ function createSummaries() { const elements = document.querySelectorAll('h2, h3, h4'); let summaryHtml = ''; // No initial header here, only content let tocItems = []; let skipSection = false; const headingContentMap = {}; // Object to track aggregated content elements.forEach(element => { if (element.tagName === 'H3') { skipSection = element.textContent.trim() === 'Recent fixes'; } else if (element.tagName === 'H4' && !skipSection) { const headingText = element.textContent.trim(); let content = ''; let nextElement = element.nextElementSibling; // Skip specific headings and add static messages if (headingText === 'Classifiers') { if (!headingContentMap['Classifiers']) { headingContentMap['Classifiers'] = '

Several classifiers were added and updated.

'; } return; } if (headingText === 'Policies') { if (!headingContentMap['Policies']) { headingContentMap['Policies'] = '

Several policies were added and updated.

'; } return; } // Aggregate content for other headings while (nextElement && nextElement.tagName !== 'H4' && nextElement.tagName !== 'H2' && nextElement.tagName !== 'H3') { if (nextElement.nodeType === Node.ELEMENT_NODE) { if (nextElement.tagName === 'UL' || nextElement.tagName === 'OL') { const listItems = Array.from(nextElement.children) .map(li => li.outerHTML) .filter(item => item.trim() !== '

'); // Remove empty

items if (listItems.length > 0) { content += listItems.join(''); } } else if (nextElement.tagName === 'P') { // Exclude images from paragraphs const paragraphContent = Array.from(nextElement.childNodes) .filter(node => node.nodeType === Node.ELEMENT_NODE && node.tagName !== 'IMG') // Exclude images .map(node => node.outerHTML) .join(''); if (paragraphContent.trim()) { content += `

${paragraphContent}

`; } } } nextElement = nextElement.nextElementSibling; } if (content.trim()) { // Check if content is not empty if (!headingContentMap[headingText]) { headingContentMap[headingText] = `

${content}`; } else { headingContentMap[headingText] += content; } tocItems.push(headingText); } } }); // Sort TOC items alphabetically tocItems = Array.from(new Set(tocItems)); // Remove duplicates tocItems.sort(); // Build the summary HTML (without TOC) tocItems.forEach(heading => { summaryHtml += `

${heading}

${headingContentMap[heading] || ''}`; }); // Build the TOC HTML separately let tocHtml = '

${heading}

'; return { summaryHtml, tocHtml }; } function initPopup() { const button = document.getElementById('showSummaryBtn'); const popup = document.getElementById('summaryPopup'); const overlay = document.getElementById('overlay'); const toc = document.getElementById('toc'); const popupContent = document.getElementById('popupContent'); if (button && popup && overlay && toc && popupContent) { button.addEventListener('click', () => { const { summaryHtml, tocHtml } = createSummaries(); toc.innerHTML = tocHtml; // Update TOC popupContent.innerHTML = summaryHtml; // Update popup content overlay.style.display = 'block'; popup.style.display = 'flex'; // Use flex to show both TOC and content }); overlay.addEventListener('click', () => { overlay.style.display = 'none'; popup.style.display = 'none'; }); } else { // Retry after a short delay setTimeout(initPopup, 100); } } // Initialize the popup script initPopup();

${heading}

Table of Contents