ratzen

templates/food_order/show.html.twig

@@ -9,7 +9,7 @@
         <tbody>
             <tr>
                 <th>StartedByName</th>
-                <td>{{ food_order.startedByName }}</td>
+                <td>{{ food_order.startedBy }}</td>
             </tr>
             <tr>
                 <th>Id</th>
@@ -21,7 +21,13 @@
             </tr>
             <tr>
                 <th>ClosedAt</th>
-                <td>{{ food_order.closedAt ? food_order.closedAt|date('Y-m-d H:i:s') : '' }}</td>
+                <td>
+                    {% if food_order.closedAt is not null%}
+                        {{ food_order.closedAt|date('Y-m-d H:i:s') }}
+                    {% else %}
+                        <a href="{{ path('app_foodorder_close', {id: food_order.id}) }}">close</a>
+                    {% endif %}
+                </td>
             </tr>
         </tbody>
     </table>
@@ -41,7 +47,7 @@
                 {{ lel.item.menuItem.aliases|map(i => i.name)|join(' / ') }}
             </td>
             <td>
-                {{ lel.item.menuItem.price }}
+                {{ lel.item.menuItem.price|cents_to_eur }}
             </td>
             <td>
                 {{ lel.amount }} |
@@ -65,21 +71,37 @@
     {% for item in menu_items %}
         <tr>
             <td>
-                {{ item.aliases|map(i => i.name)|join(' / ') }}
+                {{ item.menuItemAliases|map(i => i.name)|join(' / ') }}
             </td>
             <td>
-                {{ item.price }}
+                {{ item.price|cents_to_eur }}
             </td>
             <td>
-                <a href="{{ path('app_foodorder_add_item', {foodOrder: food_order.id, menuItem: item.id}) }}">join</a>
+                {% if food_order.closedAt is null %}
+                    <a
+                        href="#"
+                        data-menuitem-id="{{ item.id }}"
+                    >add</a>
+                {% endif %}
             </td>
         </tr>
     {% endfor %}
 </table>
+<script>
+    document.querySelectorAll('a[data-menuitem-id]').forEach((link) => {
+        link.addEventListener('click', (event) => {
+            // Prevent the default action of the link
+            event.preventDefault();
 
-    <a href="{{ path('app_food_order_index') }}">back to list</a>
+            // Get the `data-menuitem-id` attribute of the clicked link
+            let menuItemId = link.getAttribute('data-menuitem-id');
 
-    <a href="{{ path('app_food_order_edit', {'id': food_order.id}) }}">edit</a>
+            // Select the corresponding dialog with the same `data-menuitem-id`. Assuming each dialog's id is the same as `data-menuitem-id`, please update the code to use proper id or class as needed.
+            let dialog = document.querySelector(`dialog[data-menuitem-id="${menuItemId}"]` );
 
-    {{ include('food_order/_delete_form.html.twig') }}
+            // Open the dialog
+            dialog.showModal();
+        });
+    });
+</script>
 {% endblock %}