window.addEventListener('sitePageLoaded', function() { jQuery(".col-block a").attr("target", "_blank"); addMissingTitle(); toggleAccordion(); insertFeedbackMessage(); fixHashScroll(); show404(); moveRelatedArticles(); $('.blockquote-title p').remove(); handleBrandLogoDisplay() }); window.addEventListener('articleDetailsLoaded', function() { jQuery(".col-block a").attr("target", "_blank"); addMissingTitle(); toggleAccordion(); insertFeedbackMessage(); fixHashScroll(); show404(); moveRelatedArticles(); $('.blockquote-title p').remove(); handleBrandLogoDisplay() }); /*$(document).ready(function(){ var title = $('.content_block_head h1').text(); var mailto ="mailto:infodev@whatfix.com?Subject=Feedback - "+ title; $('.sperator').append("

Didn't find what you were looking for? We'd love to hear from you. Write to infodev@whatfix.com

"); }); */ //$('.header_logo').prepend("

"); /** * Sorts a HTML table. */ function sortTableByColumn(table, column, asc = true) { const dirModifier = asc ? 1 : -1; const tBody = table.tBodies[0]; const rows = Array.from(tBody.querySelectorAll("tr")); // Sort each row const sortedRows = rows.sort((a, b) => { const aColText = a.querySelector(`td:nth-child(${column + 1})`).textContent.trim(); const bColText = b.querySelector(`td:nth-child(${column + 1})`).textContent.trim(); return aColText > bColText ? (1 * dirModifier) : (-1 * dirModifier); }); // Remove all existing TRs from the table while (tBody.firstChild) { tBody.removeChild(tBody.firstChild); } // Re-add the newly sorted rows tBody.append(...sortedRows); // Remember how the column is currently sorted table.querySelectorAll("th").forEach(th => th.classList.remove("th-sort-asc", "th-sort-desc")); table.querySelector(`th:nth-child(${column + 1})`).classList.toggle("th-sort-asc", asc); table.querySelector(`th:nth-child(${column + 1})`).classList.toggle("th-sort-desc", !asc); } document.querySelectorAll(".table-sortable th").forEach(headerCell => { headerCell.addEventListener("click", () => { const tableElement = headerCell.parentElement.parentElement.parentElement; const headerIndex = Array.prototype.indexOf.call(headerCell.parentElement.children, headerCell); const currentIsAscending = headerCell.classList.contains("th-sort-asc"); sortTableByColumn(tableElement, headerIndex, !currentIsAscending); }); }); function openCity(evt, cityName) { // Declare all variables var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } // Get all elements with class="tablinks" and remove the class "active" tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } // Show the current tab, and add an "active" class to the button that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // For search in tables function searchTable() { // Declare variables var input, filter, table, tr, td, i, j, txtValue; input = document.getElementById('searchInput'); filter = input.value.toUpperCase(); table = document.getElementById('myTable'); tr = table.getElementsByTagName('tr'); for (i = 1; i < tr.length; i++) { tr[i].style.display = 'none'; td = tr[i].getElementsByTagName('td'); for (j = 0; j < td.length; j++) { if (td[j]) { txtValue = td[j].textContent || td[j].innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { tr[i].style.display = ''; break; } } } } } window.onload = function () { $(".content_block_text"); /*append("

"); $('.related-articles-container').appendTo('.content_block_text'); */ } window.onload = function () { moveRelatedArticles() } function moveRelatedArticles() { if ($("#articleContent .sperator").length === 0) { $("#articleContent").append("

"); } $('.related-articles-container').appendTo('#articleContent') } function addMissingTitle() { $('.warningBox, .errorBox, .infoBox').each(function () { if ($(this).find('.title').length === 0 && $(this).find('.blockquote-title').length === 0) { $(this).prepend("

Test

"); } }); } function toggleAccordion() { $('.accordion-toggle').click(function (e) { e.preventDefault(); var $this = $(this); // Prevent sudden opening and closing by checking if animation is already running if ($this.next().is(':animated')) { return; } if ($this.next().hasClass('show')) { $this.next().removeClass('show'); $this.next().slideUp(300); $this.removeClass('collapsed'); } else { $this.parent().parent().find('.accordion-content').removeClass('show'); // $this.parent().parent().find('.accordion-content').slideUp(300); $this.next().toggleClass('show'); $this.next().slideToggle(300); $this.addClass('collapsed'); } }); } /*function insertFeedbackMessage() { var title = $('d360-article-header .article-title').text(); var mailto = "mailto:infodev@whatfix.com?Subject=Feedback - " + title; if ($('.feedback').length === 0) { $("

Didn't find what you were looking for? We'd love to hear from you. Write to infodev@whatfix.com

").insertBefore("d360-article-navigator"); } }*/ //Commenting this code because we're using a new DL and we're getting spam on the current DL since it is public function fixHashScroll() { jQuery('#articleContent').find('a').each(function () { if (jQuery(this).prop('outerHTML').includes(""); } }); jQuery('#articleContent a').each(function () { this.href = decodeURI(this.href); }); } function show404() { var mailtocontact = "https://whatfix.com/ssologin/?wfxredirect=https://support.whatfix.com" if ($('.page-404-seaction .buttoncontact').length === 0) { $('.page-404-seaction').append( "

Oops! You are not logged in.

" ); } } function handleBrandLogoDisplay() { var url = window.location.pathname; if (url.indexOf('docs') !== -1) { $(".test_whatfix").css({ 'display': 'none' }); } else { if ($('.brand-logo').find('.test_whatfix').length === 0) { $('.brand-logo').prepend("

"); } } } $('#6c887415-567b-4a67-ad6f-34744147eaa8').hide(); // not able to find $('#3d7253af-4c0c-478b-8591-13e430de8565').hide(); // not hide in live $('#e9494bda-20d4-4611-a7a5-7a5ff4ef0537').hide(); // not hide in live $('#889fc138-83d8-4ff8-85ad-16c681006d09').hide(); // not hide in live $(document).ready(function () { $('#82d5d4bb-5be2-4e73-affc-6e5f59d3cd89').hide(); // hidden }); $(document).ready(function () { $('#b303705b-f1d1-413d-b8a4-ca65e85eada8').hide(); //hidden }); $(document).ready(function () { $('#b4ca9f99-0dd2-4183-a47d-4c89b9aac348').hide(); //hidden }); /*$(document).ready(function() { $('#3bf12a79-e1f9-41bc-9f4f-92baa5c63d04').hide(); $('#cd4f1efe-0133-4e89-94ea-415a9de2c2e2').hide(); $('#4646f6cf-d43d-4770-94e2-8a0e45be923b').hide(); $('#76e0e520-5557-477c-92c8-09e67fae7161').hide(); $('#3f86c740-9795-4d70-886a-7e9a45d1948e').hide(); });*/ $(document).ready(function () { $('#3bf12a79-e1f9-41bc-9f4f-92baa5c63d04').hide(); // not able to find $('#e8a567e7-0051-4095-ba3e-3dacb11f4808').hide(); // hidden $('#11140752-9747-43a7-a494-4100258661d3').hide(); // hidden $('#fbc77372-5cf1-47f8-b1a4-7e78a81dcc6e').hide(); // hidden $('#226a863b-4c80-4618-999e-5ad13990a459').hide(); // not able to find }); document.addEventListener("DOMContentLoaded", function() { // Function to update the data-expand-icon attribute function updateExpandIcon() { const detailsElements = document.querySelectorAll('details[data-expand-icon="arrow"]'); detailsElements.forEach(function(details) { if (details.getAttribute('data-expand-icon') === 'arrow') { details.setAttribute('data-expand-icon', 'plusOrMinus'); } }); } // Call the function to ensure the change is made immediately updateExpandIcon(); // Optional: Use MutationObserver if the content is being added dynamically after the page load const observer = new MutationObserver(function(mutationsList, observer) { mutationsList.forEach(function(mutation) { if (mutation.type === 'childList') { // Re-run the function when new elements are added to the DOM updateExpandIcon(); } }); }); // Observe changes to the body or a specific container observer.observe(document.body, { childList: true, subtree: true }); });

How does On click of another element work in Flows?