dashboard v2 erstellt
This commit is contained in:
139
Dashboard_V2/templates/admin.html
Normal file
139
Dashboard_V2/templates/admin.html
Normal file
@@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de" class="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Admin-Bereich</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
</head>
|
||||
<body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-white p-6">
|
||||
<h1 class="text-3xl font-bold mb-4">Admin-Bereich</h1>
|
||||
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
{% for category, message in messages %}
|
||||
<div class="bg-{{category}}-500 text-white p-2 rounded mb-2">
|
||||
{{ message }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
<!-- Neuen Benutzer anlegen -->
|
||||
<div class="mb-8 p-4 rounded bg-white dark:bg-gray-800">
|
||||
<h2 class="text-xl font-semibold mb-2">Neuen Benutzer anlegen</h2>
|
||||
<form method="POST">
|
||||
<div class="mb-2">
|
||||
<label class="block mb-1" for="new_username">Benutzername</label>
|
||||
<input type="text" name="new_username" id="new_username" class="p-2 border rounded w-full" required>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="block mb-1" for="new_password">Passwort</label>
|
||||
<input type="password" name="new_password" id="new_password" class="p-2 border rounded w-full" required>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label class="inline-flex items-center">
|
||||
<input type="checkbox" name="new_is_admin" class="form-checkbox h-5 w-5 text-blue-600">
|
||||
<span class="ml-2">Als Admin markieren</span>
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" class="bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600">Anlegen</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Benutzer-Übersicht oder einzelner Benutzer für Bookmarks -->
|
||||
{% if users is not none %}
|
||||
<div class="mb-8 p-4 rounded bg-white dark:bg-gray-800">
|
||||
<h2 class="text-xl font-semibold mb-2">Benutzerverwaltung</h2>
|
||||
<table class="table-auto w-full">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="px-2 py-1 border-b">ID</th>
|
||||
<th class="px-2 py-1 border-b">Benutzername</th>
|
||||
<th class="px-2 py-1 border-b">Admin?</th>
|
||||
<th class="px-2 py-1 border-b">Aktion</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for user in users %}
|
||||
<tr>
|
||||
<td class="px-2 py-1 border-b">{{ user.id }}</td>
|
||||
<td class="px-2 py-1 border-b">{{ user.username }}</td>
|
||||
<td class="px-2 py-1 border-b">{{ 'Ja' if user.is_admin else 'Nein' }}</td>
|
||||
<td class="px-2 py-1 border-b">
|
||||
<form action="{{ url_for('delete_user', user_id=user.id) }}" method="POST" class="inline-block" onsubmit="return confirm('Benutzer wirklich löschen?')">
|
||||
<button class="bg-red-500 text-white px-2 py-1 rounded hover:bg-red-600 text-sm">Löschen</button>
|
||||
</form>
|
||||
<a href="{{ url_for('manage_bookmarks', user_id=user.id) }}" class="bg-blue-500 text-white px-2 py-1 rounded hover:bg-blue-600 text-sm ml-2">Lesezeichen</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if single_user is defined and single_user %}
|
||||
<!-- Bookmarks verwalten für einen User -->
|
||||
<div class="mb-8 p-4 rounded bg-white dark:bg-gray-800">
|
||||
<h2 class="text-xl font-semibold mb-2">Lesezeichen für {{ single_user.username }}</h2>
|
||||
<form method="POST">
|
||||
<div class="mb-2">
|
||||
<label class="block mb-1" for="title">Titel</label>
|
||||
<input type="text" name="title" id="title" class="p-2 border rounded w-full" required>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="block mb-1" for="url">URL</label>
|
||||
<input type="text" name="url" id="url" class="p-2 border rounded w-full" required>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="block mb-1" for="icon_class">Icon (FontAwesome Klasse)</label>
|
||||
<input type="text" name="icon_class" id="icon_class" class="p-2 border rounded w-full" placeholder="z.B. fas fa-bookmark">
|
||||
</div>
|
||||
<button type="submit" class="bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600">Hinzufügen</button>
|
||||
</form>
|
||||
|
||||
<!-- Bookmark-Liste -->
|
||||
<ul class="mt-4 space-y-2">
|
||||
{% for bm in bookmarks %}
|
||||
<li class="flex items-center justify-between bg-gray-100 dark:bg-gray-700 p-2 rounded">
|
||||
<div>
|
||||
<i class="{{ bm.icon_class }} mr-2"></i>
|
||||
<a href="{{ bm.url }}" target="_blank" class="text-blue-600 hover:underline">{{ bm.title }}</a>
|
||||
</div>
|
||||
<form action="{{ url_for('delete_bookmark', bookmark_id=bm.id, user_id=single_user.id) }}" method="POST" onsubmit="return confirm('Lesezeichen wirklich löschen?')">
|
||||
<button class="text-red-500 hover:text-red-700"><i class="fas fa-trash-alt"></i></button>
|
||||
</form>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Benachrichtigungen für einzelne User oder für alle -->
|
||||
<div class="mb-8 p-4 rounded bg-white dark:bg-gray-800">
|
||||
<h2 class="text-xl font-semibold mb-2">Benachrichtigung erstellen</h2>
|
||||
<form action="{{ url_for('add_notification') }}" method="POST">
|
||||
<div class="mb-2">
|
||||
<label class="block mb-1" for="message">Nachricht</label>
|
||||
<textarea name="message" id="message" rows="2" class="p-2 border rounded w-full" required></textarea>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label class="block mb-1" for="user_id">Für Benutzer</label>
|
||||
<select name="user_id" id="user_id" class="p-2 border rounded w-full">
|
||||
<option value="all">Alle</option>
|
||||
{% if users %}
|
||||
{% for u in users %}
|
||||
<option value="{{ u.id }}">{{ u.username }}</option>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</select>
|
||||
</div>
|
||||
<button type="submit" class="bg-purple-500 text-white py-2 px-4 rounded hover:bg-purple-600">Senden</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<a href="{{ url_for('dashboard') }}" class="inline-block bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">
|
||||
Zurück zum Dashboard
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user