56 lines
3.7 KiB
HTML
56 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Benutzerverwaltung · MetalCircle</title>
|
|
<link rel="icon" type="image/png" href="/static/images/metalcircle-circle.png">
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<style>
|
|
.invite-link { display: block; margin-top: 14px; padding: 12px; overflow-wrap: anywhere; background: #0f1420; border: 1px solid var(--border); border-radius: 9px; color: #c4b5fd; }
|
|
.user-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 12px; align-items: center; }
|
|
.user-row form { margin: 0; }
|
|
.role-form { display: flex; gap: 8px; }
|
|
.role-form label { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
|
|
.role-form label input { width: auto; margin: 0; }
|
|
.founder-lock { color: #fbbf24; font-weight: 700; white-space: nowrap; }
|
|
@media (max-width: 700px) { .user-row { grid-template-columns: 1fr; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header><div class="header-inner"><a href="/" class="logo"><img class="brand-logo" src="/static/images/metalcircle-full.png" alt="MetalCircle"></a>{% include '_user_menu.html' %}</div></header>
|
|
<main>
|
|
<div class="page-title"><h1>⚙️ Verwaltung</h1><p>Benutzerkonten und Einladungen verwalten.</p></div>
|
|
{% set admin_section = 'users' %}{% include '_admin_nav.html' %}
|
|
<section class="admin-section">
|
|
<h2>Einladung erstellen</h2>
|
|
<p>Der Link kann einmalig verwendet werden.</p>
|
|
<form method="post" action="/admin/invites"><button class="button" type="submit">+ Einladungslink erzeugen</button></form>
|
|
{% if invite_url %}<label class="invite-link">{{ invite_url }}</label>{% endif %}
|
|
</section>
|
|
<section class="admin-section">
|
|
<h2>Benutzer</h2>
|
|
<div class="admin-list">
|
|
{% for managed_user in users %}
|
|
<div class="admin-row user-row">
|
|
<div><strong>{% if managed_user.username|lower == 'kai' %}🏴☠️ {% endif %}{{ managed_user.display_name }}</strong><div class="admin-meta">@{{ managed_user.username }} · {{ managed_user.email }} · seit {{ managed_user.created_at }}</div></div>
|
|
{% if managed_user.username|lower == 'kai' %}
|
|
<span class="founder-lock">🏴☠️ Gründer · Admin (fest)</span>
|
|
{% else %}
|
|
<form class="role-form" method="post" action="/admin/users/{{ managed_user.id }}">
|
|
<select name="role" aria-label="Rolle für {{ managed_user.username }}"><option value="user" {% if not managed_user.is_admin %}selected{% endif %}>Benutzer</option><option value="admin" {% if managed_user.is_admin %}selected{% endif %}>🏴☠️ Admin</option></select>
|
|
<button class="button" type="submit">Speichern</button>
|
|
</form>
|
|
{% endif %}
|
|
<div class="role-form">
|
|
<form method="post" action="/admin/users/{{ managed_user.id }}/account-link"><input type="hidden" name="purpose" value="password_reset"><button class="button button-secondary" type="submit">Passwort-Reset</button></form>
|
|
</div>
|
|
{% if managed_user.id != user.id and managed_user.username|lower != 'kai' %}<form method="post" action="/admin/users/{{ managed_user.id }}/delete" onsubmit="return confirm('Diesen Benutzer wirklich löschen?');"><button class="admin-danger" type="submit">Löschen</button></form>{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|