kamp/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2024-11-06 16:00:28 +01:00
Code

Temp fix

Browse Source
This commit is contained in:
Donald Cheng Hong Zou 2022-02-28 13:34:46 -05:00
parent 3623104e3b
commit 264a050360
5 changed files with 52 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/static/css/dashboard.css
View File

@ -122,7 +122,7 @@ body {
height: 10px; height: 10px;
border-radius: 50px; border-radius: 50px;
display: inline-block; display: inline-block;
margin-left: 10px; margin-left: auto !important;
} }
.dot-running{ .dot-running{
@ -231,9 +231,17 @@ body {
background: white; background: white;
} }
/*.peer_data_group{*/ .peer_data_group{
/* text-align: right;*/ text-align: right;
/*}*/ display: flex;
margin-bottom: 0.5rem
}
.peer_data_group p{
text-transform: uppercase;
margin-bottom: 0;
margin-right: 1rem
}
@media (max-width: 768px) { @media (max-width: 768px) {
.peer_data_group{ .peer_data_group{
@ -548,4 +556,18 @@ pre.index-alert{
border-radius: .25rem; border-radius: .25rem;
margin-top: 1rem; margin-top: 1rem;
color: white; color: white;
}
.peerNameCol{
display: flex;
align-items: center;
margin-bottom: 0.2rem
}
.peerName{
margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.peerLightContainer{
text-transform: uppercase; margin: 0; margin-left: auto !important;
} }

2
src/static/css/dashboard.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
src/static/js/configuration.js
View File

@ -96,11 +96,19 @@
total_s += peer.cumu_sent; total_s += peer.cumu_sent;
let spliter = '<div class="w-100"></div>'; let spliter = '<div class="w-100"></div>';
let peer_name = let peer_name =
'<div class="col-sm display" style="display: flex; align-items: center; margin-bottom: 0.2rem">' + `<div class="col-sm peerNameCol">
'<h5 style="margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">'+ (peer.name === "" ? "Untitled" : peer.name) +'</h5>' + <h5 class="peerName">${peer.name === "" ? "Untitled" : peer.name}</h5>
'<h6 style="text-transform: uppercase; margin: 0; margin-left: auto !important;"><span class="dot dot-'+peer.status+'" style="margin-left: auto !important;" data-toggle="tooltip" data-placement="left" title="Peer Connected"></span></h6>' + <h6 class="peerLightContainer"><span class="dot dot-${peer.status}" style="margin-left: auto !important;" data-toggle="tooltip" data-placement="left"></span></h6>
'</div>'; </div>`;
let peer_transfer = '<div class="col-12 peer_data_group" style="text-align: right; display: flex; margin-bottom: 0.5rem"><p class="text-primary" style="text-transform: uppercase; margin-bottom: 0; margin-right: 1rem"><small><i class="bi bi-arrow-down-right"></i> '+ roundN(peer.total_receive + total_r, 4) +' GB</small></p> <p class="text-success" style="text-transform: uppercase; margin-bottom: 0"><small><i class="bi bi-arrow-up-right"></i> '+ roundN(peer.total_sent + total_s, 4) +' GB</small></p> </div>'; let peer_transfer =
`<div class="col-12 peer_data_group" style="">
<p class="text-primary" style="">
<small><i class="bi bi-arrow-down-right"></i> ${roundN(peer.total_receive + total_r, 4)} GB</small>
</p>
<p class="text-success">
<small><i class="bi bi-arrow-up-right"></i> ${roundN(peer.total_sent + total_s, 4)} GB</small>
</p>
</div>`;
let peer_key = '<div class="col-sm"><small class="text-muted" style="display: flex"><strong>PEER</strong><strong style="margin-left: auto!important; opacity: 0; transition: 0.2s ease-in-out" class="text-primary">CLICK TO COPY</strong></small> <h6><samp class="ml-auto key">'+peer.id+'</samp></h6></div>'; let peer_key = '<div class="col-sm"><small class="text-muted" style="display: flex"><strong>PEER</strong><strong style="margin-left: auto!important; opacity: 0; transition: 0.2s ease-in-out" class="text-primary">CLICK TO COPY</strong></small> <h6><samp class="ml-auto key">'+peer.id+'</samp></h6></div>';
let peer_allowed_ip = '<div class="col-sm"><small class="text-muted"><strong>ALLOWED IP</strong></small><h6 style="text-transform: uppercase;">'+peer.allowed_ip+'</h6></div>'; let peer_allowed_ip = '<div class="col-sm"><small class="text-muted"><strong>ALLOWED IP</strong></small><h6 style="text-transform: uppercase;">'+peer.allowed_ip+'</h6></div>';
let peer_latest_handshake = '<div class="col-sm"> <small class="text-muted"><strong>LATEST HANDSHAKE</strong></small> <h6 style="text-transform: uppercase;">'+peer.latest_handshake+'</h6> </div>'; let peer_latest_handshake = '<div class="col-sm"> <small class="text-muted"><strong>LATEST HANDSHAKE</strong></small> <h6 style="text-transform: uppercase;">'+peer.latest_handshake+'</h6> </div>';

12
src/static/js/configuration.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
src/templates/index.html
View File

@ -73,6 +73,6 @@
if ($(handle.target).attr("class") !== "bi bi-toggle2-off" && $(handle.target).attr("class") !== "bi bi-toggle2-on") { if ($(handle.target).attr("class") !== "bi bi-toggle2-off" && $(handle.target).attr("class") !== "bi bi-toggle2-on") {
window.open($(this).find("a").attr("href"), "_self"); window.open($(this).find("a").attr("href"), "_self");
} }
}) });
</script> </script>
</html> </html>