echelon/i2p.i2p
1
0
Fork 0
forked from I2P_Developers/i2p.i2p
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve collapsing table behavior

Browse Source
This commit is contained in:
hankhill19580
2020-04-27 03:17:12 +00:00
parent 65356f09a6
commit 8b6d8507ec
1 changed files with 25 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
apps/i2ptunnel/jsp/js/tableSlider.js
View File

@ -11,23 +11,33 @@ hideableTables.forEach(function(configTable) {
}
return -1;
}
configTable.onclick = function() {
var collapseme = false;
for (var i = 0, row; (row = configTable.offsetParent.rows[i]); i++) {
var l = lookupTableRow();
if (i >= l) {
if (row.classList.contains("tunnelConfigExpanded")) {
function hideRow(row) {
if (Object.keys(row.querySelectorAll(".buttons")).length < 1 ) {
if (Object.keys(row.querySelectorAll("th")).length < 1 ) {
row.style.visibility = "collapse";
row.querySelectorAll("th").forEach(function(configRow) {
configRow.classList.remove('tunnelConfigExpanded');
configRow.parentElement.style.visiblity = "visible"
});
row.querySelectorAll(".buttons").forEach(function(configRow) {
configRow.classList.remove('tunnelConfigExpanded');
configRow.parentElement.style.visiblity = "visible"
});
}
} else if (Object.keys(row.querySelectorAll("th")).length < 1 ) {
if (Object.keys(row.querySelectorAll(".buttons")).length < 1 ) {
row.style.visibility = "collapse";
}
} else {
configTable.style.visibility = "visible"
}
}
function showAllControls() {
for (var i = 0, row; (row = configTable.offsetParent.rows[i]); i++) {
hideRow(row)
}
}
configTable.onclick = function() {
var minRow = lookupTableRow();
for (var i = 0, row; (row = configTable.offsetParent.rows[i]); i++) {
if (i >= minRow) {
if (row.classList.contains("tunnelConfigExpanded")) {
hideRow(row)
configTable.classList.remove('tunnelConfigExpanded');
row.classList.remove('tunnelConfigExpanded');
console.log("hiding", row)
} else {
row.style.visibility = "visible";
row.querySelectorAll("th").forEach(function(configRow) {
@ -36,28 +46,13 @@ hideableTables.forEach(function(configTable) {
configTable.classList.add('tunnelConfigExpanded');
row.classList.add('tunnelConfigExpanded')
row.classList.add('excludeBackgroundImage')
console.log("unhiding", row)
}
}
}
configTable.parentNode.style.visibility = "visible";
};
for (var i = 0, row; (row = configTable.offsetParent.rows[i]); i++) {
if (row.firstElementChild.localName != "th") {
if (!row.firstElementChild.classList.contains("buttons")) {
row.style.visibility = "collapse";
row.querySelectorAll("th").forEach(function(configRow) {
configRow.classList.remove('tunnelConfigExpanded');
configRow.parentElement.style.visiblity = "visible"
});
row.querySelectorAll(".buttons").forEach(function(configRow) {
configRow.classList.remove('tunnelConfigExpanded');
configRow.parentElement.style.visiblity = "visible"
});
configTable.classList.remove('tunnelConfigExpanded');
row.classList.remove('tunnelConfigExpanded');
}
}
}
showAllControls()
for (var i = 0, row; (row = hideableTables[0].offsetParent.rows[i]); i++) {
row.style.visibility = "visible";
row.querySelectorAll("th").forEach(function(configRow) {