refactor peer_data.html for improved readability and structure

This commit is contained in:
Eduardo Silva
2026-01-26 09:36:13 -03:00
parent 46a352d6c8
commit d8fe2fb191

View File

@@ -2,8 +2,7 @@
{% for peer in peer_list %} {% for peer in peer_list %}
<div class="col-xl-6" id="peer-{{ peer.public_key }}" data-uuid="{{ peer.uuid }}"> <div class="col-xl-6" id="peer-{{ peer.public_key }}" data-uuid="{{ peer.uuid }}">
<div class="callout position-relative"> <div class="callout position-relative">
<div class="position-absolute p-3 div-peer-text-information" <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="d-flex justify-content-between align-items-start"> <div class="d-flex justify-content-between align-items-start">
<h5 id="peer-name-{{ peer.public_key }}"> <h5 id="peer-name-{{ peer.public_key }}">
<a href="#" onclick="openPeerModal('{{ peer.uuid }}');" style="text-decoration: none"> <a href="#" onclick="openPeerModal('{{ peer.uuid }}');" style="text-decoration: none">
@@ -29,35 +28,53 @@
</div> </div>
<b class="peer-extra-info">{% trans 'Throughput' %}: </b> <b class="peer-extra-info">{% trans 'Throughput' %}: </b>
<span id="peer-throughput-{{ peer.public_key }}"></span><br> <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 'Transfer' %}:</b>
<span class="peer-extra-info"><b>{% trans 'Location' %}:</b> <span <span id="peer-transfer-{{ peer.public_key }}"></span><br>
id="peer-location-{{ peer.public_key }}">{% trans 'Primary Server' %}</span><br></span> </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"><b>{% trans 'Location' %}:</b>
<span class="peer-extra-info"><span style="display: none;" <span id="peer-location-{{ peer.public_key }}">{% trans 'Primary Server' %}</span><br>
id="peer-stored-latest-handshake-{{ peer.public_key }}">{% if peer.peerstatus.last_handshake %} </span>
{{ peer.peerstatus.last_handshake|date:"U" }}{% else %}0{% endif %}</span><br></span>
<span class="peer-extra-info"><b>{% trans 'Endpoints' %}:</b> <span <span class="peer-extra-info"><b>{% trans 'Latest Handshake' %}:</b>
id="peer-endpoints-{{ peer.public_key }}"></span><br></span> <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 }}"> <span class="peer-extra-info" id="peer-extra-info-allowed-ips-{{ peer.public_key }}">
<b>{% trans 'Allowed IPs' %}:</b> <b>{% trans 'Allowed IPs' %}:</b>
<span id="peer-allowed-ips-{{ peer.public_key }}"> <span id="peer-allowed-ips-{{ peer.public_key }}">
{% for address in peer.peerallowedip_set.all %} {% for address in peer.peerallowedip_set.all %}
{% if address.priority == 0 and address.config_file == 'server' %} {% if address.priority == 0 and address.config_file == 'server' %}
{{ address }} {{ address }}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% for address in peer.peerallowedip_set.all %} {% for address in peer.peerallowedip_set.all %}
{% if address.priority >= 1 and address.config_file == 'server' %} {% if address.priority >= 1 and address.config_file == 'server' %}
{{ address }} {{ address }}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</span> </span>
</span> </span>
</div> </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>
</div> </div>
{% endfor %} {% endfor %}