Mirrors/wireguard_webadmin
1
0
Fork 0
mirror of https://github.com/eduardogsilva/wireguard_webadmin.git synced 2026-01-31 11:36:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor peer_data.html for improved readability and structure

Browse Source
This commit is contained in:
Eduardo Silva
2026-01-26 09:36:13 -03:00
parent 46a352d6c8
commit d8fe2fb191
1 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
templates/wireguard/peer_list/peer_data.html
View File

@@ -2,8 +2,7 @@
{% for peer in peer_list %}
<div class="col-xl-6" id="peer-{{ peer.public_key }}" data-uuid="{{ peer.uuid }}">
<div class="callout position-relative">
<div class="position-absolute p-3 div-peer-text-information"
style="top: 0; left: 0; background: linear-gradient(to right, white, transparent); width: 100%; height: 100%;">
<div class="position-absolute p-3 div-peer-text-information">
<div class="d-flex justify-content-between align-items-start">
<h5 id="peer-name-{{ peer.public_key }}">
<a href="#" onclick="openPeerModal('{{ peer.uuid }}');" style="text-decoration: none">
@@ -29,17 +28,33 @@
</div>
<b class="peer-extra-info">{% trans 'Throughput' %}: </b>
<span id="peer-throughput-{{ peer.public_key }}"></span><br>
<span class="peer-extra-info"><b>{% trans 'Transfer' %}:</b> <span
id="peer-transfer-{{ peer.public_key }}"></span><br></span>
<span class="peer-extra-info"><b>{% trans 'Location' %}:</b> <span
id="peer-location-{{ peer.public_key }}">{% trans 'Primary Server' %}</span><br></span>
<span class="peer-extra-info"><b>{% trans 'Latest Handshake' %}:</b> <span
id="peer-latest-handshake-{{ peer.public_key }}"></span></span>
<span class="peer-extra-info"><span style="display: none;"
id="peer-stored-latest-handshake-{{ peer.public_key }}">{% if peer.peerstatus.last_handshake %}
{{ peer.peerstatus.last_handshake|date:"U" }}{% else %}0{% endif %}</span><br></span>
<span class="peer-extra-info"><b>{% trans 'Endpoints' %}:</b> <span
id="peer-endpoints-{{ peer.public_key }}"></span><br></span>
<span class="peer-extra-info"><b>{% trans 'Transfer' %}:</b>
<span id="peer-transfer-{{ peer.public_key }}"></span><br>
</span>
<span class="peer-extra-info"><b>{% trans 'Location' %}:</b>
<span id="peer-location-{{ peer.public_key }}">{% trans 'Primary Server' %}</span><br>
</span>
<span class="peer-extra-info"><b>{% trans 'Latest Handshake' %}:</b>
<span id="peer-latest-handshake-{{ peer.public_key }}"></span>
</span>
<span class="peer-extra-info">
<span style="display: none;" id="peer-stored-latest-handshake-{{ peer.public_key }}">
{% if peer.peerstatus.last_handshake %}
{{ peer.peerstatus.last_handshake|date:"U" }}
{% else %}
0
{% endif %}
</span><br>
</span>
<span class="peer-extra-info"><b>{% trans 'Endpoints' %}:</b>
<span id="peer-endpoints-{{ peer.public_key }}"></span><br>
</span>
<span class="peer-extra-info" id="peer-extra-info-allowed-ips-{{ peer.public_key }}">
<b>{% trans 'Allowed IPs' %}:</b>
<span id="peer-allowed-ips-{{ peer.public_key }}">
@@ -55,9 +70,11 @@
{% endfor %}
</span>
</span>
</div>
<canvas class="" id="chart-{{ peer.public_key }}" width="800" height="130"
style="min-height: 85px"></canvas>
<canvas id="chart-{{ peer.public_key }}" width="800" height="130" style="min-height: 85px"></canvas>
</div>
</div>
{% endfor %}