diff --git a/support/scripts/pkg-stats b/support/scripts/pkg-stats index d795131cef..8ce4e3f260 100755 --- a/support/scripts/pkg-stats +++ b/support/scripts/pkg-stats @@ -747,6 +747,14 @@ html_header = """ const triangleUp = String.fromCodePoint(32, 9652); const triangleDown = String.fromCodePoint(32, 9662); var lastColumnName = false; +const styleElement = document.createElement('style'); +document.head.insertAdjacentElement("afterend", styleElement); +const styleSheet = styleElement.sheet; +const collapseRule = ".collapse{ height: 200px; overflow: hidden scroll;}" +const buttonRule = ".see-more{ display: block;}" + +styleSheet.insertRule(collapseRule); +styleSheet.insertRule(buttonRule); function sortGrid(sortLabel){ let i = 0; @@ -759,7 +767,6 @@ function sortGrid(sortLabel){ lastStyle.disable = true; lastStyle.remove(); }; - const styleElement = document.createElement('style'); styleElement.id = "sort-css"; document.head.appendChild(styleElement); const styleSheet = styleElement.sheet; @@ -809,16 +816,37 @@ function sortGrid(sortLabel){ let rule = "." + listing[0] + " { grid-row: " + i + "; }"; styleSheet.insertRule(rule); }); + styleSheet.insertRule(collapseRule); + styleSheet.insertRule(buttonRule); +}; + +function expandField(fieldId){ + const field = document.getElementById(fieldId); + const fieldText = field.firstElementChild.innerText; + const fieldTotal = fieldText.split(' ')[2]; + + if (fieldText == "see all " + fieldTotal + triangleDown){ + field.firstElementChild.innerText = "see less " + fieldTotal + triangleUp; + field.style.height = "auto"; + } else { + field.firstElementChild.innerText = "see all " + fieldTotal + triangleDown; + field.style.height = "200px"; + } };