Merge pull request #2900 from 62f1346c-4576-42b3-afcb-23ef1820da34/master

add blocked queries to dashboard overview section

Author: jedisct1

dnscrypt-proxy/static/js/monitoring.js

@@ -96,11 +96,13 @@ function safeUpdateDashboard(data) {
 
         // Update overview stats with null checks
         const totalQueries = data.total_queries !== undefined ? data.total_queries : 0;
+        const blockedQueries = data.blocked_queries !== undefined ? data.blocked_queries : 0;
         const qps = data.queries_per_second !== undefined ? data.queries_per_second : 0;
         const uptime = data.uptime_seconds !== undefined ? data.uptime_seconds : 0;
         const avgResponseTime = data.avg_response_time !== undefined ? data.avg_response_time : 0;
 
         document.getElementById('total-queries').textContent = totalQueries.toLocaleString();
+        document.getElementById('blocked-queries').textContent = blockedQueries.toLocaleString();
         document.getElementById('qps').textContent = qps.toFixed(2);
         document.getElementById('uptime').textContent = formatUptime(uptime);
         document.getElementById('avg-response-time').textContent = avgResponseTime.toFixed(2) + ' ms';
@@ -397,6 +399,7 @@ window.handlePollData = function(data) {
 // Initialize dashboard with default values
 function initializeDashboard() {
     document.getElementById('total-queries').textContent = '0';
+    document.getElementById('blocked-queries').textContent = '0';
     document.getElementById('qps').textContent = '0.00';
     document.getElementById('uptime').textContent = '0s';
     document.getElementById('avg-response-time').textContent = '0.00 ms';

dnscrypt-proxy/static/templates/dashboard.html

@@ -104,6 +104,10 @@ <h2>Overview</h2>
                     <span class="stat-label">Total Queries:</span>
                     <span id="total-queries">-</span>
                 </div>
+                <div class="stat">
+                    <span class="stat-label">Blocked Queries:</span>
+                    <span id="blocked-queries">-</span>
+                </div>
                 <div class="stat">
                     <span class="stat-label">Queries Per Second:</span>
                     <span id="qps">-</span>
@@ -201,4 +205,4 @@ <h2>Recent Queries</h2>
 
     <script src="/static/monitoring.js"></script>
 </body>
-</html>
+</html>