Create admin/admin.html

src/templates/admin/admin.html

@@ -0,0 +1,70 @@
+{% extends "base.html" %}
+
+{% block extra_css %}
+<style>
+    .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 25px; }
+    .stat-card { background: var(--bg-card); padding: 20px; border-radius: 12px; border: 1px solid var(--border); }
+    .stat-label { color: var(--text-dim); font-size: 0.75rem; text-transform: uppercase; font-weight: 700; }
+    .stat-value { font-size: 1.8rem; font-weight: 800; color: var(--text-main); margin-top: 8px; font-family: 'JetBrains Mono', monospace; }
+    .table-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
+    table { width: 100%; border-collapse: collapse; min-width: 600px; }
+    th { background: rgba(0, 0, 0, 0.2); color: var(--text-dim); padding: 12px 20px; text-align: left; border-bottom: 1px solid var(--border); }
+    td { padding: 14px 20px; border-bottom: 1px solid var(--border); color: var(--text-main); font-size: 0.85rem; }
+    .status-badge { padding: 4px 10px; border-radius: 6px; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; }
+    .status-active { background: rgba(14, 203, 129, 0.1); color: var(--accent-green); border: 1px solid rgba(14, 203, 129, 0.2); }
+    .status-idle { background: rgba(132, 142, 156, 0.1); color: var(--text-dim); border: 1px solid var(--border); }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="container" style="max-width: 900px;">
+    <h1>👮 Admin Panel</h1>
+
+    <div class="stats-grid">
+        <div class="stat-card">
+            <div class="stat-label">Total Users</div>
+            <div class="stat-value">{{ user_count }}</div>
+        </div>
+        <div class="stat-card">
+            <div class="stat-label">Active Scans</div>
+            <div class="stat-value" style="color: var(--accent-green);">{{ active_tasks }}</div>
+        </div>
+        <div class="stat-card">
+            <div class="stat-label">System Storage</div>
+            <div class="stat-value" style="color: var(--accent-purple);">{{ storage_usage }}<small style="font-size: 0.9rem;">MB</small></div>
+        </div>
+    </div>
+
+    <div class="table-card">
+        <div style="overflow-x: auto;">
+            <table>
+                <thead>
+                    <tr>
+                        <th>User ID</th>
+                        <th>Status</th>
+                        <th>Progress</th>
+                        <th>Current Action</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for uid, data in progress.items() %}
+                    <tr>
+                        <td style="font-family: 'JetBrains Mono'; color: var(--accent-blue);">{{ uid[:8] }}</td>
+                        <td><span class="status-badge {{'status-active' if data.status == 'active' else 'status-idle'}}">{{ data.status }}</span></td>
+                        <td>{{ data.percent }}%</td>
+                        <td style="color: var(--text-dim);">{{ data.text }}</td>
+                    </tr>
+                    {% else %}
+                    <tr><td colspan="4" style="text-align:center; padding: 40px; color: var(--text-dim);">No sessions found in memory</td></tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <div style="margin-top: 40px; text-align: center;">
+        <a href="{{ url_for('main.home') }}" class="back-link">← BACK TO DASHBOARD</a>
+        <p style="color: var(--text-dim); font-size: 0.75rem;">SERVER TIMESTAMP: {{ server_time }}</p>
+    </div>
+</div>
+{% endblock %}