diff --git a/meshview/templates/stats.html b/meshview/templates/stats.html index 50e3d9e..bad8676 100644 --- a/meshview/templates/stats.html +++ b/meshview/templates/stats.html @@ -65,6 +65,13 @@
+ +
+

Packets per Day - Text Messages (Port 1, Last 14 Days)

+
Total: 0
+
+
+

Packets per Hour - All Ports

@@ -145,6 +152,7 @@ let chartPortnum70 = null; let chartPortnum71 = null; let chartDailyAll = null; + let chartDailyPortnum1 = null; function renderChart(domId, data, type, color, isHourly) { const el = document.getElementById(domId); @@ -159,6 +167,7 @@ case 'chart_portnum_70': chartPortnum70 = chart; break; case 'chart_portnum_71': chartPortnum71 = chart; break; case 'chart_daily_all': chartDailyAll = chart; break; + case 'chart_daily_portnum_1': chartDailyPortnum1 = chart; break; } const periods = data.map(d => { @@ -200,14 +209,22 @@ } async function init() { + // Daily all ports const dailyAllData = await fetchStats('day', 14); updateTotalCount('total_daily_all', dailyAllData); renderChart('chart_daily_all', dailyAllData, 'line', '#66bb6a', false); + // Daily text packets (port 1) as BAR chart + const dailyPort1Data = await fetchStats('day', 14, 1); + updateTotalCount('total_daily_portnum_1', dailyPort1Data); + renderChart('chart_daily_portnum_1', dailyPort1Data, 'bar', '#ff5722', false); + + // Hourly all ports const hourlyAllData = await fetchStats('hour', 24); updateTotalCount('total_hourly_all', hourlyAllData); renderChart('chart_hourly_all', hourlyAllData, 'bar', '#03dac6', true); + // Hourly by port const portnums = [1, 3, 4, 67, 70, 71]; const colors = ['#ff5722', '#2196f3', '#9c27b0', '#ffeb3b', '#795548', '#4caf50']; const domIds = [ @@ -244,6 +261,7 @@ if (chartPortnum70) chartPortnum70.resize(); if (chartPortnum71) chartPortnum71.resize(); if (chartDailyAll) chartDailyAll.resize(); + if (chartDailyPortnum1) chartDailyPortnum1.resize(); }); init();