OP-289: Add accordion with bundled products on order view

BitBagCommerce · Aug 26, 2024 · dddd239 · dddd239
1 parent 2ec8439
commit dddd239
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/src/Resources/views/Admin/Order/Show/Summary/_item.html.twig b/src/Resources/views/Admin/Order/Show/Summary/_item.html.twig
@@ -17,8 +17,6 @@
 <tr>
     <td class="single line">
         {% include '@SyliusAdmin/Product/_info.html.twig' %}
-
-        {{ bitbag_render_product_bundle_order_items(item) }}
     </td>
     <td class="right aligned unit-price">
         {{ money.format(item.unitPrice, order.currencyCode) }}
@@ -50,3 +48,10 @@
         {{ money.format(item.total, order.currencyCode) }}
     </td>
 </tr>
+{% if product.bundle %}
+    <tr>
+        <td colspan="9">
+            {{ bitbag_render_product_bundle_order_items(item) }}
+        </td>
+    </tr>
+{% endif %}
diff --git a/src/Resources/views/Admin/Order/Show/_productBundleOrderItems.html.twig b/src/Resources/views/Admin/Order/Show/_productBundleOrderItems.html.twig
@@ -1,8 +1,13 @@
-<h3>{{ 'bitbag_sylius_product_bundle.ui.products_in_bundle'|trans }}</h3>
 
-{% for item in items %}
-    {% set variant = item.productVariant %}
-    {% set product = variant.product %}
+<div class="ui accordion">
+    <div class="title">
+        <i class="dropdown icon"></i> <strong>{{ 'bitbag_sylius_product_bundle.ui.products_in_bundle'|trans }}</strong>
+    </div>
+
+    <div class="content">
+        {% for item in items %}
+            {% set variant = item.productVariant %}
+            {% set product = variant.product %}
 
     <div class="ui segment">
         <div class="ui header">
@@ -30,6 +35,8 @@
             </div>
         {% endif %}
 
-        <p>{{ 'bitbag_sylius_product_bundle.ui.quantity'|trans }}: {{ item.quantity }}</p>
+                <p>{{ 'bitbag_sylius_product_bundle.ui.quantity'|trans }}: {{ item.quantity }}</p>
+            </div>
+        {% endfor %}
     </div>
-{% endfor %}
+</div>