swissmakers_gmbh/wireguard-manager
12
0
Fork 0
mirror of https://github.com/swissmakers/wireguard-manager.git synced 2026-04-05 10:47:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjustment in the CSS to show/hide pause button

Browse Source
This commit is contained in:
Khanh Ngo
2020-04-22 21:39:35 +07:00
parent dbb85cb759
commit 43012a720c
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/clients.html
View File

@@ -7,6 +7,7 @@ Wireguard Clients
.paused-client {
transition: transform .2s;
cursor: pointer;
vertical-align: middle;
}
i[class^="paused-client"]:hover { transform: scale(1.5); }
</style>
@@ -28,7 +29,8 @@ Wireguard Clients
{{range .clientDataList}}
<div class="col-sm-6">
<div class="info-box">
<div class="overlay" id="paused_{{.Client.ID}}" {{if eq .Client.Enabled true}}style="display: none;"{{end}}>
<div class="overlay" id="paused_{{.Client.ID}}"
{{if eq .Client.Enabled true}}style="visibility: hidden;" {{end}}>
<i class="paused-client fas fa-3x fa-play" onclick="resumeClient('{{.Client.ID}}')"></i>
</div>
<img
@@ -140,13 +142,13 @@ Wireguard Clients
function resumeClient(clientID) {
setClientStatus(clientID, true);
var divElement = document.getElementById("paused_" + clientID);
divElement.style.display = "none";
divElement.style.visibility = "hidden";
}
function pauseClient(clientID) {
setClientStatus(clientID, false);
var divElement = document.getElementById("paused_" + clientID);
divElement.style.display = "block";
divElement.style.visibility = "visible";
}
</script>
<script>