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

Made the conversation section a bit more modern looking

Browse Source
This commit is contained in:
Pablo Revilla
2025-02-13 22:57:48 -08:00
parent 85c708a5a6
commit 55031ad711
4 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
meshview/templates/chat.html
+8 -2
View File
@@ -5,11 +5,17 @@
min-width:10em;
}
.chat-packet:nth-of-type(odd){
background-color:#1f1f1f;
background-color: #3a3a3a; /* Lighter than #2a2a2a */
}
.chat-packet {
border-bottom: 1px solid #555;
padding: 8px;
border-radius: 8px; /* Adjust the value to make the corners more or less rounded */
}
.chat-packet:nth-of-type(even){
background-color:#181818;
background-color: #333333; /* Slightly lighter than the previous #181818 */
}
{% endblock %}
meshview/templates/net.html
+14 -4
View File
@@ -5,18 +5,28 @@
min-width:10em;
}
.chat-packet:nth-of-type(odd){
background-color:#1f1f1f;
background-color: #3a3a3a; /* Lighter than #2a2a2a */
}
.chat-packet {
border-bottom: 1px solid #555;
padding: 8px;
border-radius: 8px; /* Adjust the value to make the corners more or less rounded */
}
.chat-packet:nth-of-type(even){
background-color:#181818;
background-color: #333333; /* Slightly lighter than the previous #181818 */
}
{% endblock %}
{% block body %}
<div class="container"hx-ext="sse" sse-connect="/net_events" sse-swap="net_packet" hx-swap="afterbegin">
<div class="container" > Weekly Mesh check-in. We will keep it open on every Wednesday from 5:00pm for checkins so you do not have to rush.<br>
The message format should be (LONG NAME) - (CITY YOU ARE IN) #BayMeshNet.<br><br>
</div>
<div class="container" hx-ext="sse" sse-connect="/net_events" sse-swap="net_packet" hx-swap="afterbegin">
{% for packet in packets %}
{% include 'net_packet.html' %}
{% include 'chat_packet.html' %}
{% else %}
No packets found.
{% endfor %}
meshview/templates/net_packet.html
+6 -8
View File
@@ -1,8 +1,6 @@
<div class="card mt-2">
<div class="card-header">
<span class="fw-bold">{{packet.from_node.long_name}}</span>
</div>
<div class="card-body">
<div>{{packet.import_time.strftime('%-I:%M:%S %p - %d-%m-%Y')}} - {{packet.payload}}</div>
</div>
</div>
<div class="row chat-packet">
<span class="col-2 timestamp">{{packet.import_time.strftime('%-I:%M:%S %p - %d-%m-%Y')}} </span>
<span class="col-1 timestamp"><a href="/packet/{{packet.id}}">✉️</a> {{packet.from_node.channel}}</span>
<span class="col-2 username"><a href="/packet_list/{{packet.from_node_id}}">{{packet.from_node.long_name or (packet.from_node_id | node_id_to_hex) }}</a></span>
<span class="col-6 message">{{packet.payload}}</span>
</div>
meshview/templates/stats.html
+3 -3
View File
@@ -16,14 +16,14 @@
<!-- 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 (Last 24 hours):
Total Active Nodes (Last 24 hours):
<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:
Total Active Nodes LongFast: <br>
<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) }}%)
@@ -33,7 +33,7 @@
<!-- 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:
Total Active Nodes MediumSlow: <br>
<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) }}%)