dev-manufaktur/Dashboard_V2/templates/admin.html

<!-- templates/admin.html -->
{% extends "base.html" %}
{% block title %}
Admin-Bereich
{% endblock title %}

{% block content %}
<div class="container mx-auto py-8 px-4">
  <h1 class="text-3xl font-bold text-center mb-6">Admin-Bereich</h1>

  <!-- Flash-Messages -->
  {% 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 %}

  <!-- Grid Layout für 4 Spalten / Boxen -->
  <div class="grid gap-6 md:grid-cols-2 xl:grid-cols-4">
    <!-- NEUEN BENUTZER ANLEGEN -->
    <div class="glassmorphism p-4 rounded shadow flex flex-col">
      <h2 class="text-xl font-semibold mb-3">Neuen Benutzer anlegen</h2>
      <form method="POST" action="{{ url_for('admin_panel') }}" class="space-y-3">
          <div>
            <label class="block">Benutzername:</label>
            <input type="text" name="new_username" required class="w-full p-2 rounded" />
          </div>
          <div>
            <label class="block">Passwort:</label>
            <input type="password" name="new_password" required class="w-full p-2 rounded" />
          </div>
          <div class="flex items-center space-x-2">
            <input type="checkbox" name="new_is_admin" class="h-4 w-4" />
            <span>Als Admin markieren</span>
          </div>
          <button type="submit" class="bg-green-600 text-white py-2 px-4 rounded shadow hover:bg-green-700">
            Erstellen
          </button>
      </form>
    </div>
    
    <!-- BENUTZERVERWALTUNG -->
    <div class="glassmorphism p-4 rounded shadow flex flex-col">
      <h2 class="text-xl font-semibold mb-3">Benutzerverwaltung</h2>
      <table class="w-full table-auto">
        <thead>
          <tr class="border-b">
            <th class="p-2">ID</th>
            <th class="p-2">Username</th>
            <th class="p-2">Admin?</th>
            <th class="p-2">Aktion</th>
          </tr>
        </thead>
        <tbody>
          {% for u in users %}
          <tr class="border-b">
            <td class="p-2">{{ u.id }}</td>
            <td class="p-2">{{ u.username }}</td>
            <td class="p-2">{{ 'Ja' if u.is_admin else 'Nein' }}</td>
            <td class="p-2 space-x-2">
              <!-- Lesezeichen-Verwaltung. Auch für eigenen Account. -->
              <a href="{{ url_for('manage_bookmarks', user_id=u.id) }}"
                 class="bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded text-sm">
                 Lesezeichen
              </a>
              <!-- User löschen -->
              <form method="POST" action="{{ url_for('delete_user', user_id=u.id) }}" class="inline"
                    onsubmit="return confirm('Benutzer wirklich löschen?')">
                <button class="bg-red-500 hover:bg-red-600 text-white px-3 py-1 rounded text-sm">
                  Löschen
                </button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <!-- BENACHRICHTIGUNG ERSTELLEN (MULTI-USER) -->
    <div class="glassmorphism p-4 rounded shadow flex flex-col">
      <h2 class="text-xl font-semibold mb-3">Benachrichtigung erstellen</h2>
      <form method="POST" action="{{ url_for('add_notification_multi') }}" class="space-y-3">
        <div>
          <label class="block mb-1">Nachricht:</label>
          <textarea name="message" rows="2" required class="w-full p-2 rounded"></textarea>
        </div>
        <div>
          <p class="mb-1">Für welche Benutzer?</p>
          <!-- Checkboxen oder Multi-Select -->
          <div class="flex flex-wrap gap-2">
            <label class="inline-flex items-center gap-1 bg-gray-200 dark:bg-gray-800 p-1 rounded"
                   for="notify_all">
              <input type="checkbox" id="notify_all" name="target_users" value="all" />
              Alle
            </label>
            {% for u in users %}
            <label class="inline-flex items-center gap-1 bg-gray-200 dark:bg-gray-800 p-1 rounded">
              <input type="checkbox" name="target_users" value="{{ u.id }}" />
              {{ u.username }}
            </label>
            {% endfor %}
          </div>
        </div>
        <button type="submit" class="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded">
          Senden
        </button>
      </form>
    </div>
    
    <!-- LESEZEICHEN-VERWALTUNG (MULTI-USER) -->
    <div class="glassmorphism p-4 rounded shadow flex flex-col">
      <h2 class="text-xl font-semibold mb-3">Lesezeichen-Verwaltung</h2>
      <form method="POST" action="{{ url_for('add_bookmarks_multi') }}" class="space-y-3">
        <p>Für welche Benutzer soll das Lesezeichen gelten?</p>
        <div class="flex flex-wrap gap-2">
          {% for u in users %}
          <label class="inline-flex items-center gap-1 bg-gray-200 dark:bg-gray-800 p-1 rounded">
            <input type="checkbox" name="target_users" value="{{ u.id }}" />
            {{ u.username }}
          </label>
          {% endfor %}
        </div>

        <div>
          <label class="block mb-1">Titel:</label>
          <input type="text" name="title" required class="w-full p-2 rounded" />
        </div>
        <div>
          <label class="block mb-1">URL:</label>
          <input type="text" name="url" required class="w-full p-2 rounded" />
        </div>
        <div>
          <label class="block mb-1">Icon (FontAwesome CSS-Klasse):</label>
          <input type="text" name="icon_class" placeholder="z.B. fas fa-user" class="w-full p-2 rounded" />
        </div>
        <button type="submit" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded">
          Hinzufügen
        </button>
      </form>

      <!-- Wenn single_user und bookmarks gesetzt, einzelne Liste zeigen -->
      {% if single_user and bookmarks %}
      <p class="mt-4 mb-2 font-semibold">Lesezeichen für {{ single_user.username }}:</p>
      <ul class="space-y-2">
        {% for bm in bookmarks %}
        <li class="bg-gray-200 dark:bg-gray-800 p-2 rounded flex justify-between items-center">
          <div>
            <i class="{{ bm.icon_class }} mr-2"></i>
            <a href="{{ bm.url }}" target="_blank" class="text-blue-500 hover:underline">
              {{ bm.title }}
            </a>
          </div>
          <form method="POST"
                action="{{ url_for('delete_bookmark', bookmark_id=bm.id, user_id=single_user.id) }}"
                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>
      {% else %}
      <p class="text-sm text-gray-400 mt-4">Wähle oben in der Benutzerverwaltung „Lesezeichen“ für einen Nutzer aus, um konkrete Einträge zu sehen.</p>
      {% endif %}
    </div>
    
  </div> <!-- Grid Ende -->

  <a href="{{ url_for('dashboard') }}"
     class="inline-block bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded mt-6">
    Zurück zum Dashboard
  </a>
</div>
{% endblock content %}