M3: Reorder + Inspiration – Schritt 2 (UI): Planungsliste mit SortableJS, Tagesansicht /mahlzeiten/tage, Inspiration /inspiration mit 'Weitere 5' + 1-Klick-Adopt, Feature-Tests

templates/mahlzeiten/_mahlzeit.html.twig

@@ -1,12 +1,17 @@
 {#
-    Mahlzeiten-Partial (eine Zeile). Wird sowohl in der Tagesansicht/Archiv
-    eingebunden als auch als htmx-Fragment von den CheckOff/Uncheck-Endpunkten
+    Mahlzeiten-Partial (eine Zeile). Wird in Planungsliste/Tagesansicht/Archiv
+    eingebunden und als htmx-Fragment von den CheckOff/Uncheck-Endpunkten
     zurückgeliefert (htmx ersetzt per hx-swap="outerHTML" genau diese <li>).
 
     @param MahlzeitResponse m
+    @param bool sortierbar optional: zeigt Drag-Handle + data-id (Planungsliste)
 #}
-<li class="item" id="mahlzeit-{{ m.id }}">
+<li class="item" id="mahlzeit-{{ m.id }}"
+    {% if sortierbar is defined and sortierbar %}data-id="{{ m.id }}"{% endif %}>
     <div>
+        {% if sortierbar is defined and sortierbar %}
+            <span class="drag-handle" title="Ziehen zum Sortieren">⋮</span>
+        {% endif %}
         <strong>{{ m.name }}</strong>
         {% if m.notiz != '' %}
             <div class="muted">{{ m.notiz }}</div>