goldcollection
/
muwire
mirror of https://github.com/zlatinb/muwire
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
parent 4a81a3539e 91ea2c0184
commit 3de4c65d2f
9 changed files with 46 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
webui/src/main/js/accordion.js 100644
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);

1
webui/src/main/webapp/AboutMe.jsp
View File

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

4
webui/src/main/webapp/AdvancedSharing.jsp
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/util.js?<%=version%>" type="text/javascript"></script>
<script src="js/tables.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 src="js/advancedSharing.js?<%=version%>" type="text/javascript"></script>
<script type="text/javascript">
openAccordion = 2;
</script>
</head> </head>
<body onload="initTranslate(jsTranslations); initConnectionsCount(); initAdvancedSharing();"> <body onload="initTranslate(jsTranslations); initConnectionsCount(); initAdvancedSharing();">
<%@ include file="header.jsi"%> <%@ include file="header.jsi"%>

3
webui/src/main/webapp/ConfigurationPage.jsp
View File

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

4
webui/src/main/webapp/MuStatus.jsp
View File

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

4
webui/src/main/webapp/TrustLists.jsp
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/util.js?<%=version%>" type="text/javascript"></script>
<script src="js/tables.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 src="js/trustLists.js?<%=version%>" type="text/javascript"></script>
<script type="text/javascript">
openAccordion = 1;
</script>
</head> </head>
<body onload="initTranslate(jsTranslations); initConnectionsCount(); initTrustLists();"> <body onload="initTranslate(jsTranslations); initConnectionsCount(); initTrustLists();">
<%@ include file="header.jsi"%> <%@ include file="header.jsi"%>

4
webui/src/main/webapp/TrustUsers.jsp
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/util.js?<%=version%>" type="text/javascript"></script>
<script src="js/tables.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 src="js/trustUsers.js?<%=version%>" type="text/javascript"></script>
<script type="text/javascript">
openAccordion = 1;
</script>
</head> </head>
<body onload="initTranslate(jsTranslations); initConnectionsCount(); initTrustUsers();"> <body onload="initTranslate(jsTranslations); initConnectionsCount(); initTrustUsers();">
<%@ include file="header.jsi"%> <%@ include file="header.jsi"%>

1
webui/src/main/webapp/css.jsi
View File

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

17
webui/src/main/webapp/sidebar.jsi
View File

@ -105,20 +105,3 @@
<a class="menuitem" href="about"><%=Util._t("About")%></a> <a class="menuitem" href="about"><%=Util._t("About")%></a>
</div> </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>