kamp/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2024-11-22 23:27:45 +01:00
Code

Adjusted js

Browse Source
This commit is contained in:
Donald Cheng Hong Zou 2022-03-30 14:20:08 -04:00
parent 71a6a36a54
commit 46da285831
2 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -408,10 +408,28 @@ let peers = [];
<small><i class="bi bi-arrow-up-right"></i> ${roundN(peer.total_sent + total_s, 4)} GB</small> <small><i class="bi bi-arrow-up-right"></i> ${roundN(peer.total_sent + total_s, 4)} GB</small>
</p> </p>
</div>`; </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 =
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>'; `<div class="col-sm">
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>'; <small class="text-muted" style="display: flex">
let peer_endpoint = '<div class="col-sm"><small class="text-muted"><strong>END POINT</strong></small><h6 style="text-transform: uppercase;">' + peer.endpoint + '</h6></div>'; <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_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_endpoint =
`<div class="col-sm">
<small class="text-muted"><strong>END POINT</strong></small>
<h6 style="text-transform: uppercase;">${peer.endpoint}</h6>
</div>`;
let peer_control = ` let peer_control = `
<div class="col-sm"> <div class="col-sm">
<hr> <hr>

13
src/templates/configuration.html
View File

@ -96,15 +96,15 @@
<hr> <hr>
<div class="button-div mb-3"> <div class="button-div mb-3">
<div class="row"> <div class="row">
<div class="col-sm"> <div class="col-md">
<div class="row"> <div class="row">
<div class="col-sm"> <div class="col-md">
<div class="form-group"> <div class="form-group">
<label for="search_peer_textbox"><small class="text-muted">Search Peers</small></label> <label for="search_peer_textbox"><small class="text-muted">Search Peers</small></label>
<input type="text" class="form-control" id="search_peer_textbox" placeholder="Enter Peer's Name" value=""> <input type="text" class="form-control" id="search_peer_textbox" placeholder="Enter Peer's Name" value="">
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-md">
<div class="form-group"> <div class="form-group">
<label for="sort_by_dropdown"><small class="text-muted">Sort Peers By</small></label> <label for="sort_by_dropdown"><small class="text-muted">Sort Peers By</small></label>
<select class="form-control" id="sort_by_dropdown"> <select class="form-control" id="sort_by_dropdown">
@ -115,11 +115,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-md">
<div class="form-group"> <div class="form-group">
<label><small class="text-muted">Refresh Interval</small></label><br> <label><small class="text-muted">Refresh Interval</small></label><br>
<div class="btn-group interval-btn-group" role="group" style="width: 100%"> <div class="btn-group interval-btn-group" role="group" style="width: 100%">
@ -131,7 +128,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-md">
<div class="form-group"> <div class="form-group">
<label><small class="text-muted">Display Mode</small></label><br> <label><small class="text-muted">Display Mode</small></label><br>
<div class="btn-group display-btn-group" role="group" style="width: 100%"> <div class="btn-group display-btn-group" role="group" style="width: 100%">