From 8d7f72ac6ead1c9c453bf712813e1d44f99bbba7 Mon Sep 17 00:00:00 2001
From: Pablo Revilla <pablorevilla@gmail.com>
Date: Mon, 22 Sep 2025 10:25:24 -0700
Subject: [PATCH] Updates stats with pie chart and report for channel

---
 meshview/templates/stats.html | 51 ++++++++++++++++++-----------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/meshview/templates/stats.html b/meshview/templates/stats.html
index 0fbec38..fee8a2e 100644
--- a/meshview/templates/stats.html
+++ b/meshview/templates/stats.html
@@ -110,33 +110,34 @@
         </div>
     </div>
 
-    <!-- Daily Charts -->
-    <div class="card-section">
-        <p class="section-header">Packets per Day - All Ports (Last 14 Days)</p>
-        <div id="total_daily_all" class="total-count">Total: 0</div>
-        <button class="expand-btn" data-chart="chart_daily_all">Expand Chart</button>
-        <button class="export-btn" data-chart="chart_daily_all">Export CSV</button>
-        <div id="chart_daily_all" class="chart"></div>
-    </div>
+<!-- Daily Charts -->
+<div class="card-section">
+    <p class="section-header">Packets per Day - All Ports (Last 14 Days)</p>
+    <div id="total_daily_all" class="total-count">Total: 0</div>
+    <button class="expand-btn" data-chart="chart_daily_all">Expand Chart</button>
+    <button class="export-btn" data-chart="chart_daily_all">Export CSV</button>
+    <div id="chart_daily_all" class="chart"></div>
+</div>
 
-    <div class="card-section">
-        <p class="section-header">Packets per Day - Text Messages (Port 1, Last 14 Days)</p>
-        <div id="total_daily_portnum_1" class="total-count">Total: 0</div>
-        <button class="expand-btn" data-chart="chart_daily_portnum_1">Expand Chart</button>
-        <button class="export-btn" data-chart="chart_daily_portnum_1">Export CSV</button>
-        <div id="chart_daily_portnum_1" class="chart"></div>
-    </div>
+<!-- Packet Types Pie Chart with Channel Selector (moved here) -->
+<div class="card-section">
+    <p class="section-header">Packet Types - Last 24 Hours</p>
+    <select id="channelSelect">
+        <option value="">All Channels</option>
+    </select>
+    <button class="expand-btn" data-chart="chart_packet_types">Expand Chart</button>
+    <button class="export-btn" data-chart="chart_packet_types">Export CSV</button>
+    <div id="chart_packet_types" class="chart"></div>
+</div>
+
+<div class="card-section">
+    <p class="section-header">Packets per Day - Text Messages (Port 1, Last 14 Days)</p>
+    <div id="total_daily_portnum_1" class="total-count">Total: 0</div>
+    <button class="expand-btn" data-chart="chart_daily_portnum_1">Expand Chart</button>
+    <button class="export-btn" data-chart="chart_daily_portnum_1">Export CSV</button>
+    <div id="chart_daily_portnum_1" class="chart"></div>
+</div>
 
-    <!-- Packet Types Pie Chart with Channel Selector (moved here) -->
-    <div class="card-section">
-        <p class="section-header">Packet Types - Last 24 Hours</p>
-        <select id="channelSelect">
-            <option value="">All Channels</option>
-        </select>
-        <button class="expand-btn" data-chart="chart_packet_types">Expand Chart</button>
-        <button class="export-btn" data-chart="chart_packet_types">Export CSV</button>
-        <div id="chart_packet_types" class="chart"></div>
-    </div>
 
     <!-- Hourly Charts -->
     <div class="card-section">