M2: Status & Wochentage – Schritt 2 (UI): Tagesansicht, htmx-CheckOff/Uncheck-Partials, Archiv-Tab + Feature-Tests

2026-09-19 11:46:15 +02:00
parent 3519ff08f2
commit ce77785003
8 changed files with 340 additions and 46 deletions
@@ -0,0 +1,46 @@
+{#
+    Mahlzeiten-Partial (eine Zeile). Wird sowohl in der Tagesansicht/Archiv
+    eingebunden als auch als htmx-Fragment von den CheckOff/Uncheck-Endpunkten
+    zurückgeliefert (htmx ersetzt per hx-swap="outerHTML" genau diese <li>).
+
+    @param MahlzeitResponse m
+#}
+<li class="item" id="mahlzeit-{{ m.id }}">
+    <div>
+        <strong>{{ m.name }}</strong>
+        {% if m.notiz != '' %}
+            <div class="muted">{{ m.notiz }}</div>
+        {% endif %}
+        {% if m.wochentage|length > 0 %}
+            <div class="tags">
+                {% for tag in m.wochentage %}
+                    <span class="tag">{{ tag.name }}</span>
+                {% endfor %}
+            </div>
+        {% endif %}
+        <span class="status {{ m.status.value == 'gegessen' ? 'status-gegessen' : '' }}">
+            {{ m.status.value == 'gegessen' ? 'gegessen' : 'geplant' }}
+            {% if m.status.value == 'gegessen' and m.gegessenAm %}
+                · {{ m.gegessenAm|date('d.m.Y H:i') }}
+            {% endif %}
+        </span>
+    </div>
+    <div class="actions">
+        {% if m.status.value == 'geplant' %}
+            <button type="button" class="btn"
+                    hx-post="{{ path('mahlzeiten_checkoff', { id: m.id }) }}"
+                    hx-target="#mahlzeit-{{ m.id }}"
+                    hx-swap="outerHTML">Abhaken</button>
+        {% else %}
+            <button type="button" class="btn btn-link"
+                    hx-post="{{ path('mahlzeiten_uncheck', { id: m.id }) }}"
+                    hx-target="#mahlzeit-{{ m.id }}"
+                    hx-swap="outerHTML">Aufheben</button>
+        {% endif %}
+        <a class="btn btn-link" href="{{ path('mahlzeiten_bearbeiten', { id: m.id }) }}">Bearbeiten</a>
+        <form method="post" action="{{ path('mahlzeiten_loeschen', { id: m.id }) }}"
+              onsubmit="return confirm('Mahlzeit „{{ m.name }}“ wirklich löschen?');">
+            <button type="submit" class="btn btn-danger">Löschen</button>
+        </form>
+    </div>
+</li>