adam/meshview
1
0
Fork 0
mirror of https://github.com/pablorevilla-meshtastic/meshview.git synced 2026-08-06 00:43:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update to the data models to show new fields on DB

Browse Source
This commit is contained in:
Pablo Revilla
2025-01-25 18:27:49 -08:00
parent 40310d782a
commit 94bd8ba423
1 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
meshview/templates/stats.html
+46 -4
View File
@@ -8,10 +8,52 @@
{% endblock %}
{% block body %}
<div style="font-family: Arial, sans-serif; color: #333; background-color: #f9f9f9; padding: 15px; border-radius: 8px; max-width: 300px; margin: auto;">
<p style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Total Nodes: <span style="font-weight: normal; color: #007bff;">{{ total_nodes }}</span></p>
<p style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Total Packets: <span style="font-weight: normal; color: #007bff;">{{ total_packets }}</span></p>
<p style="font-size: 18px; font-weight: bold;">Total MQTT Reports: <span style="font-weight: normal; color: #007bff;">{{ total_packets_seen }}</span></p>
<div style="font-family: 'Segoe UI', Tahoma, sans-serif; color: #fff; background: linear-gradient(135deg, #6a11cb, #2575fc); padding: 25px; border-radius: 15px; max-width: 350px; margin: auto; text-align: center; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);">
<h2 style="font-size: 22px; margin-bottom: 20px; font-weight: 600;">
Mesh Statistics
</h2>
<!-- Section for Total Nodes -->
<div style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; margin-bottom: 15px;">
<p style="font-size: 16px; margin: 0; font-weight: 500;">
Total Nodes:
<span style="font-weight: 700; color: #ffeb3b;">{{ total_nodes }}</span>
</p>
</div>
<!-- Section for Total Nodes LongFast -->
<div style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; margin-bottom: 10px;">
<p style="font-size: 14px; margin: 0; font-weight: 500;">
Total Nodes LongFast:
<span style="font-weight: 700; color: #03dac6;">{{ total_nodes_longfast }}</span>
<span style="font-size: 12px; color: #ffeb3b; font-weight: 400;">
({{ (total_nodes_longfast / total_nodes * 100) | round(2) }}%)
</span>
</p>
</div>
<!-- Section for Total Nodes MediumSlow -->
<div style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; margin-bottom: 10px;">
<p style="font-size: 14px; margin: 0; font-weight: 500;">
Total Nodes MediumSlow:
<span style="font-weight: 700; color: #03dac6;">{{ total_nodes_mediumslow }}</span>
<span style="font-size: 12px; color: #ffeb3b; font-weight: 400;">
({{ (total_nodes_mediumslow / total_nodes * 100) | round(2) }}%)
</span>
</p>
</div>
<!-- Section for Total Packets -->
<div style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; margin-bottom: 10px;">
<p style="font-size: 14px; margin: 0; font-weight: 500;">
Total Packets:
<span style="font-weight: 700; color: #03dac6;">{{ total_packets }}</span>
</p>
</div>
<!-- Section for Total MQTT Reports -->
<div style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px;">
<p style="font-size: 14px; margin: 0; font-weight: 500;">
Total MQTT Reports:
<span style="font-weight: 700; color: #03dac6;">{{ total_packets_seen }}</span>
</p>
</div>
</div>