AliceDarkest
79 lines
3.3 KiB
HTML
79 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="dark"
|
||
xmlns:th="http://www.thymeleaf.org"
|
||
xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity6">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Benutzerverwaltung</title>
|
||
<link rel="stylesheet" href="/css/theme.css?v=3">
|
||
<script src="/js/theme.js?v=3"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="mf-theme-float"><button class="mf-theme"></button></div>
|
||
|
||
<div class="mf-container">
|
||
|
||
<div class="mf-page-head">
|
||
<a th:href="@{/dashboard}" class="mf-back">⟵ Zurück zum Dashboard</a>
|
||
</div>
|
||
|
||
<header style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.4rem">
|
||
<div>
|
||
<div class="mf-eyebrow">Benutzer</div>
|
||
<h1 style="color:var(--heading); font-size:1.75rem; font-weight:800; margin-top:.35rem">👥 Benutzerverwaltung</h1>
|
||
</div>
|
||
<a th:href="@{/admin/users/new}" class="mf-btn">➕ Neuen Benutzer anlegen</a>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="mf-panel">
|
||
<table class="mf-table">
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Benutzername</th>
|
||
<th>Email</th>
|
||
<th>Aktionen</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr th:each="user : ${users}">
|
||
<td th:text="${user.id}">1</td>
|
||
<td th:text="${user.username}">Max</td>
|
||
<td th:text="${user.email}">max@mindflux.de</td>
|
||
<td style="display:flex; gap:.5rem; flex-wrap:wrap; align-items:center;">
|
||
<a th:href="@{'/admin/users/edit/' + ${user.id}}" class="mf-btn outline">Bearbeiten</a>
|
||
<form th:action="@{'/admin/users/' + ${user.id} + '/reset-password'}" method="post"
|
||
style="display:flex; gap:.35rem; align-items:center;"
|
||
onsubmit="return confirm('Passwort für diesen Nutzer wirklich neu setzen?');">
|
||
<input class="mf-input" type="text" name="newPassword" placeholder="Neues Passwort"
|
||
required minlength="4" style="width:150px; padding:.45rem .6rem;">
|
||
<button type="submit" class="mf-btn">PW zurücksetzen</button>
|
||
</form>
|
||
<form th:action="@{'/admin/users/delete/' + ${user.id}}" method="post" style="display:inline;"
|
||
onsubmit="return confirm('Benutzer wirklich löschen?');">
|
||
<button type="submit" class="mf-btn danger">Löschen</button>
|
||
</form>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</main>
|
||
|
||
</div>
|
||
|
||
<footer class="mf-footer">
|
||
<a href="#">Support</a>
|
||
<a href="#">Feedback</a>
|
||
<a href="/nutzungsbedingungen">Nutzungsbedingungen</a>
|
||
<a href="/richtlinien">Richtlinien</a>
|
||
<a href="/datenschutz">Datenschutz</a>
|
||
<a href="/impressum">Impressum</a>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|