Merge branch 'accordion' into 'master'

Accordion

See merge request zlatinb/muwire!41
pull/53/head
Zlatin Balevsky 2020-05-03 16:35:13 +00:00
commit 3de4c65d2f
9 changed files with 46 additions and 21 deletions

View File

@ -0,0 +1,29 @@
var openAccordion = 0;
function initAccordion() {
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
if (openAccordion > 0) {
acc[openAccordion - 1].classList.add("active");
var panel = acc[openAccordion - 1].nextElementSibling;
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
document.addEventListener("DOMContentLoaded", function() {
initAccordion();
}, true);

View File

@ -25,6 +25,7 @@ function copyFullId() {
copyToClipboard("full-id")
alert("Full ID copied to clipboard")
}
openAccordion = 3;
</script>
</head>
<body onload="initConnectionsCount();">

View File

@ -16,7 +16,9 @@ String helptext = Util._t("Use this page to configure advanced settings for each
<script src="js/util.js?<%=version%>" type="text/javascript"></script>
<script src="js/tables.js?<%=version%> type="text/javascript"></script>
<script src="js/advancedSharing.js?<%=version%>" type="text/javascript"></script>
<script type="text/javascript">
openAccordion = 2;
</script>
</head>
<body onload="initTranslate(jsTranslations); initConnectionsCount(); initAdvancedSharing();">
<%@ include file="header.jsi"%>

View File

@ -27,6 +27,9 @@ Exception error = (Exception) application.getAttribute("MWConfigError");
<html>
<head>
<%@include file="css.jsi"%>
<script type="text/javascript">
openAccordion = 2;
</script>
</head>
<body onload="initConnectionsCount();">
<%@include file="header.jsi"%>

View File

@ -18,7 +18,9 @@ String buildNumber = (String)application.getAttribute("buildNumber");
<head>
<%@ include file="css.jsi"%>
<script src="js/status.js?<%=version%>" type="text/javascript"></script>
<script>
openAccordion = 3;
</script>
</head>
<body onload="initConnectionsCount(); initStatus();">
<%@ include file="header.jsi"%>

View File

@ -14,7 +14,9 @@ String helptext = Util._t("This page shows the trust lists of the users you have
<script src="js/util.js?<%=version%>" type="text/javascript"></script>
<script src="js/tables.js?<%=version%>" type="text/javascript"></script>
<script src="js/trustLists.js?<%=version%>" type="text/javascript"></script>
<script type="text/javascript">
openAccordion = 1;
</script>
</head>
<body onload="initTranslate(jsTranslations); initConnectionsCount(); initTrustLists();">
<%@ include file="header.jsi"%>

View File

@ -15,7 +15,9 @@ String helptext = Util._t("This page shows the users you have marked as Trusted
<script src="js/util.js?<%=version%>" type="text/javascript"></script>
<script src="js/tables.js?<%=version%>" type="text/javascript"></script>
<script src="js/trustUsers.js?<%=version%>" type="text/javascript"></script>
<script type="text/javascript">
openAccordion = 1;
</script>
</head>
<body onload="initTranslate(jsTranslations); initConnectionsCount(); initTrustUsers();">
<%@ include file="header.jsi"%>

View File

@ -4,6 +4,7 @@
<link rel="icon" type="image/png" href="images/muwire.png" />
<script src="js/conncount.js?${version}" type="text/javascript"></script>
<script src="js/translate.js?${version}" type="text/javascript"></script>
<script src="js/accordion.js?${version}" type="text/javascript"></script>
<script type="text/javascript">
var jsTranslations = '<%=Util.getJSTranslations()%>';
</script>

View File

@ -105,20 +105,3 @@
<a class="menuitem" href="about"><%=Util._t("About")%></a>
</div>
-->
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>