proofly / templates /admin_users.html
Pragthedon's picture
Initial backend API deployment
4f48a4e
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manage Users - God Mode</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap"
rel="stylesheet">
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<script>if (localStorage.getItem('proofly-theme') === 'dark') document.documentElement.setAttribute('data-theme', 'dark');</script>
<style>
.admin-table {
width: 100%;
border-collapse: collapse;
background: var(--bg-card);
border-radius: var(--radius-md);
overflow: hidden;
border: 1px solid var(--border-color);
}
.admin-table th {
text-align: left;
padding: 1rem;
border-bottom: 2px solid var(--border-color);
color: var(--text-muted);
}
.admin-table td {
padding: 1rem;
border-bottom: 1px solid var(--border-color);
color: var(--text-main);
}
.badge {
padding: 0.25rem 0.6rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 700;
}
.badge-admin {
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
}
</style>
</head>
<body>
<div class="app-container">
<aside class="sidebar">
<div class="sidebar-top">
<a href="/admin" class="nav-btn" title="Admin Home"><i class="ph ph-shield-check"></i></a>
<div class="spacer"></div>
<button class="icon-btn active-icon" title="Users"><i class="ph ph-users"></i></button>
</div>
</aside>
<main class="main-content">
<header class="top-header">
<div class="header-center"><span class="daily-text">System User Registry</span></div>
</header>
<div style="padding: 2rem; max-width: 1200px; margin: 0 auto;">
<table class="admin-table">
<thead>
<tr>
<th>Username</th>
<th>Email</th>
<th>Role</th>
<th>Created At</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
<td><strong>{{ user.username }}</strong></td>
<td>{{ user.email }}</td>
<td>
{% if user.is_admin %}
<span class="badge badge-admin">ADMIN</span>
{% else %}
<span class="badge"
style="background:var(--bg-input); color:var(--text-muted);">USER</span>
{% endif %}
</td>
<td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</main>
</div>
</body>
</html>