Added more security and metrics
This commit is contained in:
@@ -33,7 +33,10 @@
|
||||
</div>
|
||||
<div class="topbar-actions">
|
||||
<div class="action-group">
|
||||
<button id="authBtn" class="action-btn icon-btn-badge" title="Authorization">
|
||||
<button id="dashboardBtn" class="action-btn" title="View Analytics Dashboard">
|
||||
<svg viewBox="0 0 24 24" fill="none" width="15" height="15" style="vertical-align:-2px;margin-right:4px;"><rect x="3" y="3" width="7" height="7" stroke="currentColor" stroke-width="2"/><rect x="14" y="3" width="7" height="7" stroke="currentColor" stroke-width="2"/><rect x="3" y="14" width="7" height="7" stroke="currentColor" stroke-width="2"/><rect x="14" y="14" width="7" height="7" stroke="currentColor" stroke-width="2"/></svg>Dashboard
|
||||
</button>
|
||||
<button id="authBtn" class="action-btn" title="Manage authentication">
|
||||
<svg viewBox="0 0 24 24" fill="none" width="15" height="15" style="vertical-align:-2px;margin-right:4px;"><rect x="5" y="11" width="14" height="9" rx="2" stroke="currentColor" stroke-width="2" /><path d="M8 11V7a4 4 0 018 0v4" stroke="currentColor" stroke-width="2" stroke-linecap="round" /></svg>Auth
|
||||
<span class="badge-dot" id="authBadgeDot" style="display:none;"></span>
|
||||
</button>
|
||||
@@ -71,6 +74,36 @@
|
||||
<aside class="try-pane" id="tryPane">
|
||||
<div id="tryContent" class="try-content"></div>
|
||||
</aside>
|
||||
|
||||
<!-- Dashboard Panel (initially hidden) -->
|
||||
<div id="dashboardPanel" class="dashboard-panel" style="display: none;">
|
||||
<div class="dashboard-header">
|
||||
<h2>API Analytics</h2>
|
||||
<button id="closeDashboard" class="close-btn" title="Close Dashboard">×</button>
|
||||
</div>
|
||||
<div class="dashboard-content">
|
||||
<div class="dashboard-stats">
|
||||
<div class="stat-card">
|
||||
<div class="stat-label">Total Endpoints</div>
|
||||
<div class="stat-value" id="totalEndpoints">0</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-label">Total Requests</div>
|
||||
<div class="stat-value" id="totalRequests">0</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-label">Errors</div>
|
||||
<div class="stat-value error-red" id="totalErrors">0</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-label">Avg Response</div>
|
||||
<div class="stat-value" id="avgResponse">0ms</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="topEndpointsChart" class="metric-chart"></div>
|
||||
<div id="recentRequestsTable" class="recent-requests"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user