October 2020

// find the parent tr element of any td with the word Bugfix in it document.addEventListener("DOMContentLoaded", function(){ let tableElement = setUpShowMoreButton(); // create top bar, if there are bug fixes if (tableElement != '') { let buttonDiv = document.createElement('div'); buttonDiv.setAttribute('class', 'topNewsBar'); buttonDiv.innerHTML = 'Show More'; tableElement.prepend(buttonDiv); } }); function setUpShowMoreButton() { let hideBugfixFlag = false; let tableElement = ''; document.querySelectorAll('td').forEach(function(item){ if (item.innerHTML.indexOf('Bug') != -1) { let thisParentElement = item.parentElement; // thisParentElement.style.display = 'none'; thisParentElement.classList.add('bugfixStyle'); thisParentElement.style = 'display: none' hideBugfixFlag = true; tableElement = thisParentElement.parentElement.parentElement.parentElement; } }); reStyleTableRows(); return tableElement; } function showBugfixes() { let classElements = document.getElementsByClassName('bugfixStyle'); Array.prototype.forEach.call(classElements,function(classElement){ classElement.style = 'display:table-row'; }); let hideButton = document.getElementById('showMoreButton'); hideButton.textContent = 'Show Less'; hideButton.setAttribute('onClick','hideBugfixes()'); reStyleTableRows(); } function hideBugfixes() { let classElements = document.getElementsByClassName('bugfixStyle'); Array.prototype.forEach.call(classElements,function(classElement){ classElement.style = 'display:none'; }); let hideButton = document.getElementById('showMoreButton'); hideButton.textContent = 'Show More'; hideButton.setAttribute('onClick','showBugfixes()'); reStyleTableRows(); } // Re-create alternative row colours function reStyleTableRows() { let rowCount = 0; document.querySelectorAll('tr').forEach(function(item){ if (item.style.display != 'none') { if (rowCount++ % 2) { item.style = 'background-color:#f3f4f5'; } else { item.style = 'background-color:transparent'; } } }); }