release nouri 0.4.0 templates suggestions and mobile sheet

2026-04-12 16:00:00 +02:00
parent b68ed62887
commit d8b56e6b67
28 changed files with 2651 additions and 492 deletions
@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+{% block title %}Kategorien | Nouri{% endblock %}
+{% block content %}
+<section class="page-intro">
+    <div>
+        <p class="eyebrow">Kategorien</p>
+        <h1>Kategorien global anpassen</h1>
+        <p class="lead">Hier pflegt ihr die Auswahl für Lebensmittel und Mahlzeiten. Bestehende Einträge bleiben auch dann erhalten, wenn eine Kategorie später pausiert wird.</p>
+    </div>
+    <a class="ghost-button" href="{{ url_for('admin.user_list') }}">Zur Nutzerverwaltung</a>
+</section>
+
+<section class="panel compact-form-panel">
+    <form method="post" class="inline-form">
+        {{ csrf_input() }}
+        <label class="wide">
+            Neue Kategorie
+            <input type="text" name="name" placeholder="z. B. Süßes, Vorrat, Unterwegs">
+        </label>
+        <button type="submit">Kategorie ergänzen</button>
+    </form>
+</section>
+
+<section class="stack-list">
+    {% for category in categories %}
+        <article class="list-row stacked-mobile">
+            <div>
+                <strong>{{ category.name }}</strong>
+                <p class="muted">{% if category.name in default_categories %}Teil der ruhigen Standardauswahl{% else %}Eigene Haushaltskategorie{% endif %}</p>
+                <div class="chip-row">
+                    {% if category.is_active %}
+                        <span class="chip status-home">Aktiv</span>
+                    {% else %}
+                        <span class="chip status-archived">Pausiert</span>
+                    {% endif %}
+                </div>
+            </div>
+            <div class="row-actions">
+                <form method="post" action="{{ url_for('admin.category_toggle', category_id=category.id) }}">
+                    {{ csrf_input() }}
+                    <button class="ghost-button" type="submit">
+                        {% if category.is_active %}Pausieren{% else %}Wieder aktivieren{% endif %}
+                    </button>
+                </form>
+            </div>
+        </article>
+    {% endfor %}
+</section>
+{% endblock %}