Phase 1: Kern mit Plugin-System, Auth/Rollen, Migrations, Plugin-Stubs
- redaktionskern (src/): schlanker Kern — App-Fabrik, Plugin-Loader (Entry-Points + plugins/-Verzeichnis), Migrations-Laufzeit (schema_migrations pro Plugin, SQLite-/Postgres-portabel), Auth mit Argon2id + Session-Cookies, Rollen admin/redakteur/rezensent, Benutzerverwaltung für Admins - plugins/: 8 ladbare Stubs (neuheiten, dedup, planung, archiv, erinnerung, benachrichtigung, audit-log, export) nach Plugin-Vertrag - Frontend: Jinja2 + Tailwind (CDN) + HTMX + Alpine.js, UI deutsch - Tests: 28 pytest-Fälle (Loader, Lifecycle, Entry-Points, Migrations- Idempotenz, Login/Logout, Rollen-Zugriff, Benutzerverwaltung) - Docker/Podman: Compose (Traefik-Labels) + Dockerfile (uv) - README.md mit Setup-Anleitung
This commit is contained in:
11
src/redaktionskern/templates/403.html
Normal file
11
src/redaktionskern/templates/403.html
Normal file
@@ -0,0 +1,11 @@
|
||||
{% extends "base.html" %}
|
||||
{% block titel %}Kein Zugriff — {{ app_name }}{% endblock %}
|
||||
{% block inhalt %}
|
||||
<div class="bg-white border border-slate-200 rounded-xl p-8 max-w-lg">
|
||||
<h1 class="text-xl font-bold text-red-700 mb-2">403 — Kein Zugriff</h1>
|
||||
<p class="text-slate-600 mb-4">
|
||||
Ihre Rolle{% if user %} ({{ rollen_anzeige[user.role] or user.role }}){% endif %} erlaubt den Zugriff auf diese Seite nicht.
|
||||
</p>
|
||||
<a href="/" class="text-emerald-700 font-medium">← Zurück zur Übersicht</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
48
src/redaktionskern/templates/base.html
Normal file
48
src/redaktionskern/templates/base.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% block titel %}{{ app_name }}{% endblock %}</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js"></script>
|
||||
</head>
|
||||
<body class="bg-slate-100 text-slate-800 min-h-screen flex flex-col">
|
||||
<header class="bg-white border-b border-slate-200">
|
||||
<nav class="max-w-6xl mx-auto px-4 py-3 flex items-center gap-5" aria-label="Hauptnavigation">
|
||||
<a href="/" class="font-bold text-emerald-700 whitespace-nowrap">🎳 {{ app_name }}</a>
|
||||
{% for eintrag in plugin_nav %}
|
||||
<a href="{{ eintrag.url }}" class="text-sm text-slate-600 hover:text-emerald-700">{{ eintrag.label }}</a>
|
||||
{% endfor %}
|
||||
<div class="ml-auto relative" x-data="{ offen: false }">
|
||||
{% if user %}
|
||||
<button type="button" @click="offen = !offen"
|
||||
class="text-sm font-medium px-2 py-1 rounded hover:bg-slate-100">
|
||||
{{ user.display_name }} ▾
|
||||
</button>
|
||||
<div x-show="offen" x-cloak @click.outside="offen = false"
|
||||
class="absolute right-0 mt-2 w-56 bg-white border border-slate-200 rounded-lg shadow-lg p-3 text-sm z-10">
|
||||
<p class="text-slate-500 mb-2">Angemeldet als<br><span class="font-medium text-slate-800">{{ user.username }}</span></p>
|
||||
<p class="text-slate-500 mb-3">Rolle: <span class="font-medium text-slate-800">{{ rollen_anzeige[user.role] or user.role }}</span></p>
|
||||
{% if user.role == 'admin' %}
|
||||
<a href="/admin/benutzer" class="block px-2 py-1 rounded hover:bg-slate-100 mb-1">Benutzerverwaltung</a>
|
||||
{% endif %}
|
||||
<form method="post" action="/logout">
|
||||
<button type="submit" class="w-full text-left px-2 py-1 rounded hover:bg-red-50 text-red-600">Abmelden</button>
|
||||
</form>
|
||||
</div>
|
||||
{% else %}
|
||||
<a href="/login" class="text-sm font-medium text-emerald-700">Anmelden</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-1 max-w-6xl w-full mx-auto px-4 py-6">
|
||||
{% block inhalt %}{% endblock %}
|
||||
</main>
|
||||
<footer class="text-center text-xs text-slate-400 py-4">
|
||||
{{ app_name }} · Plugin-Anzahl: {{ geladene_plugins|length }}
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
70
src/redaktionskern/templates/benutzer/formular.html
Normal file
70
src/redaktionskern/templates/benutzer/formular.html
Normal file
@@ -0,0 +1,70 @@
|
||||
{% extends "base.html" %}
|
||||
{% block titel %}{% if aktion == 'neu' %}Neuer Benutzer{% else %}Benutzer bearbeiten{% endif %} — {{ app_name }}{% endblock %}
|
||||
{% block inhalt %}
|
||||
<h1 class="text-2xl font-bold mb-4">
|
||||
{% if aktion == 'neu' %}Neuer Benutzer{% else %}Benutzer „{{ ziel.username }}“ bearbeiten{% endif %}
|
||||
</h1>
|
||||
|
||||
{% if fehler %}
|
||||
<div class="mb-4 max-w-lg rounded-lg border border-red-300 bg-red-50 text-red-700 text-sm px-3 py-2" role="alert">
|
||||
{{ fehler }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post"
|
||||
action="{% if aktion == 'neu' %}/admin/benutzer/neu{% else %}/admin/benutzer/{{ ziel.id }}{% endif %}"
|
||||
class="bg-white border border-slate-200 rounded-xl p-6 max-w-lg space-y-4">
|
||||
|
||||
<div>
|
||||
<label for="username" class="block text-sm font-medium mb-1">Benutzername</label>
|
||||
<input id="username" name="username" value="{{ form.username }}" required minlength="3"
|
||||
{% if aktion != 'neu' %}disabled{% endif %}
|
||||
class="w-full border border-slate-300 rounded-lg px-3 py-2 {% if aktion != 'neu' %}bg-slate-100{% endif %}">
|
||||
{% if aktion != 'neu' %}
|
||||
<p class="text-xs text-slate-400 mt-1">Der Benutzername kann nicht geändert werden.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="display_name" class="block text-sm font-medium mb-1">Anzeigename</label>
|
||||
<input id="display_name" name="display_name" value="{{ form.display_name }}"
|
||||
class="w-full border border-slate-300 rounded-lg px-3 py-2">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="role" class="block text-sm font-medium mb-1">Rolle</label>
|
||||
<select id="role" name="role"
|
||||
{% if ziel and ziel.id == user.id %}disabled title="Eigene Rolle kann nicht geändert werden"{% endif %}
|
||||
class="w-full border border-slate-300 rounded-lg px-3 py-2 bg-white">
|
||||
{% for rollen_wert, rollen_text in rollen_anzeige.items() %}
|
||||
<option value="{{ rollen_wert }}" {% if form.role == rollen_wert %}selected{% endif %}>{{ rollen_text }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{% if aktion == 'bearbeiten' %}
|
||||
<label class="flex items-center gap-2 text-sm">
|
||||
<input type="checkbox" name="active" {% if ziel.active %}checked{% endif %}
|
||||
{% if ziel and ziel.id == user.id %}disabled{% endif %}>
|
||||
Aktiv
|
||||
</label>
|
||||
{% endif %}
|
||||
|
||||
<div>
|
||||
<label for="password" class="block text-sm font-medium mb-1">
|
||||
{% if aktion == 'neu' %}Passwort{% else %}Neues Passwort (leer = unverändert){% endif %}
|
||||
</label>
|
||||
<input id="password" name="password" type="password" {% if aktion == 'neu' %}required{% endif %} minlength="8"
|
||||
class="w-full border border-slate-300 rounded-lg px-3 py-2">
|
||||
</div>
|
||||
|
||||
<div class="flex gap-3 pt-2">
|
||||
<button type="submit"
|
||||
class="bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg px-4 py-2">
|
||||
Speichern
|
||||
</button>
|
||||
<a href="/admin/benutzer"
|
||||
class="border border-slate-300 rounded-lg px-4 py-2 text-sm hover:bg-slate-50">Abbrechen</a>
|
||||
</div>
|
||||
</form>
|
||||
{% endblock %}
|
||||
46
src/redaktionskern/templates/benutzer/liste.html
Normal file
46
src/redaktionskern/templates/benutzer/liste.html
Normal file
@@ -0,0 +1,46 @@
|
||||
{% extends "base.html" %}
|
||||
{% block titel %}Benutzerverwaltung — {{ app_name }}{% endblock %}
|
||||
{% block inhalt %}
|
||||
<div class="flex items-center justify-between mb-4">
|
||||
<h1 class="text-2xl font-bold">Benutzerverwaltung</h1>
|
||||
<a href="/admin/benutzer/neu"
|
||||
class="bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg px-3 py-2 text-sm font-medium">
|
||||
+ Neuer Benutzer
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl border border-slate-200 overflow-x-auto">
|
||||
<table class="w-full text-sm">
|
||||
<thead class="bg-slate-50 text-left text-slate-500">
|
||||
<tr>
|
||||
<th class="px-4 py-2 font-medium">Benutzername</th>
|
||||
<th class="px-4 py-2 font-medium">Anzeigename</th>
|
||||
<th class="px-4 py-2 font-medium">Rolle</th>
|
||||
<th class="px-4 py-2 font-medium">Status</th>
|
||||
<th class="px-4 py-2 font-medium">Erstellt am</th>
|
||||
<th class="px-4 py-2"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-slate-100">
|
||||
{% for b in benutzer %}
|
||||
<tr>
|
||||
<td class="px-4 py-2 font-medium">{{ b.username }}</td>
|
||||
<td class="px-4 py-2">{{ b.display_name }}</td>
|
||||
<td class="px-4 py-2">{{ rollen_anzeige[b.role] or b.role }}</td>
|
||||
<td class="px-4 py-2">
|
||||
{% if b.active %}
|
||||
<span class="text-emerald-700">aktiv</span>
|
||||
{% else %}
|
||||
<span class="text-red-600">deaktiviert</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="px-4 py-2 text-slate-500">{{ b.created_at.strftime('%d.%m.%Y') if b.created_at else '–' }}</td>
|
||||
<td class="px-4 py-2 text-right">
|
||||
<a class="text-emerald-700 hover:underline" href="/admin/benutzer/{{ b.id }}">Bearbeiten</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endblock %}
|
||||
24
src/redaktionskern/templates/dashboard.html
Normal file
24
src/redaktionskern/templates/dashboard.html
Normal file
@@ -0,0 +1,24 @@
|
||||
{% extends "base.html" %}
|
||||
{% block titel %}Übersicht — {{ app_name }}{% endblock %}
|
||||
{% block inhalt %}
|
||||
<h1 class="text-2xl font-bold mb-1">Willkommen, {{ user.display_name }}!</h1>
|
||||
<p class="text-slate-600 mb-6">
|
||||
Rolle: <span class="font-medium">{{ rollen_anzeige[user.role] or user.role }}</span>
|
||||
</p>
|
||||
|
||||
<section class="mb-8">
|
||||
<h2 class="text-lg font-semibold mb-1">Geladene Plugins</h2>
|
||||
<p class="text-sm text-slate-500 mb-3">
|
||||
Der Kern ist schlank — alle Funktionen kommen aus Plugins.
|
||||
</p>
|
||||
<div class="bg-white rounded-xl border border-slate-200 divide-y divide-slate-100">
|
||||
{% for plugin in geladene_plugins %}
|
||||
<div class="px-4 py-3 flex flex-wrap items-baseline gap-x-3 gap-y-1">
|
||||
<span class="font-medium">{{ plugin.title or plugin.name }}</span>
|
||||
<span class="text-xs text-slate-400">v{{ plugin.version }}</span>
|
||||
<span class="text-sm text-slate-500">{{ plugin.description }}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
36
src/redaktionskern/templates/login.html
Normal file
36
src/redaktionskern/templates/login.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Anmelden — {{ app_name }}</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
</head>
|
||||
<body class="bg-slate-100 text-slate-800 min-h-screen flex items-center justify-center px-4">
|
||||
<div class="bg-white shadow-md rounded-xl p-8 w-full max-w-sm">
|
||||
<h1 class="text-xl font-bold mb-1">🎳 {{ app_name }}</h1>
|
||||
<p class="text-sm text-slate-500 mb-6">Bitte anmelden.</p>
|
||||
{% if fehler %}
|
||||
<div class="mb-4 rounded-lg border border-red-300 bg-red-50 text-red-700 text-sm px-3 py-2" role="alert">
|
||||
{{ fehler }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<form method="post" action="/login" class="space-y-4">
|
||||
<div>
|
||||
<label for="username" class="block text-sm font-medium mb-1">Benutzername</label>
|
||||
<input id="username" name="username" value="{{ username }}" required autocomplete="username"
|
||||
class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500">
|
||||
</div>
|
||||
<div>
|
||||
<label for="password" class="block text-sm font-medium mb-1">Passwort</label>
|
||||
<input id="password" name="password" type="password" required autocomplete="current-password"
|
||||
class="w-full border border-slate-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500">
|
||||
</div>
|
||||
<button type="submit"
|
||||
class="w-full bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg px-3 py-2">
|
||||
Anmelden
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user