PAYOSWXP-135: capture/refund: add line-item details

PAYONE-GmbH · Jul 18, 2024 · fe544bc · fe544bc
1 parent dc3533d
commit fe544bc
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 8 deletions.
diff --git a/...Resources/app/administration/src/module/sw-order/component/payone-capture-button/index.js b/...Resources/app/administration/src/module/sw-order/component/payone-capture-button/index.js
@@ -121,6 +121,7 @@ export default {
                     unit_price: orderItem.unitPrice,
                     selected: false,
                     product: orderItem.label,
+                    orderItem: orderItem,
                     disabled: qty <= 0,
                 };
             });

diff --git a/...inistration/src/module/sw-order/component/payone-order-items/payone-order-items.html.twig b/...inistration/src/module/sw-order/component/payone-order-items/payone-order-items.html.twig
@@ -7,7 +7,24 @@
             :showSelection="true"
             @selection-change="updateSelection"
             :isRecordSelectable="(item) => !item.disabled"
+            :compactMode="false"
         >
+            <template #column-product="{ item, isInlineEdit }">
+                <div>
+                    <div><span>{{ item.product }}</span></div>
+                    <div>
+                        <small style="line-height: 1;" v-if="item.orderItem && item.orderItem.payload">
+                            <div v-if="item.orderItem.payload.options">
+                                <span>{{ $tc('sw-order.payone-payment.modal.productOptions') }}:</span>
+                                <span v-for="option, index in item.orderItem.payload.options">
+                                    {{ option.group }}: {{ option.option }}<template v-if="index < item.orderItem.payload.options.length - 1">, </template>
+                                </span>
+                            </div>
+                            <div>{{ $tc('sw-order.payone-payment.modal.productNumber') }}: {{ item.orderItem.payload.productNumber }}</div>
+                        </small>
+                    </div>
+                </div>
+            </template>
             <template #column-quantity="{ item, isInlineEdit }">
                 <sw-number-field
                     v-model:value="item.quantity"

diff --git a/src/Resources/app/administration/src/module/sw-order/component/payone-refund-button/index.js b/src/Resources/app/administration/src/module/sw-order/component/payone-refund-button/index.js
@@ -135,6 +135,7 @@ export default {
                     unit_price: orderItem.unitPrice,
                     selected: false,
                     product: orderItem.label,
+                    orderItem: orderItem,
                     disabled: qty <= 0,
                 };
             });

diff --git a/src/Resources/app/administration/src/module/sw-order/snippet/de-DE.json b/src/Resources/app/administration/src/module/sw-order/snippet/de-DE.json
@@ -76,7 +76,9 @@
                     "product": "Produkt",
                     "quantity": "Anzahl",
                     "price": "Preis"
-                }
+                },
+                "productNumber": "Nummer",
+                "productOptions": "Optionen"
             },
             "general": {
                 "cardTitle": "Allgemein"

diff --git a/src/Resources/app/administration/src/module/sw-order/snippet/en-GB.json b/src/Resources/app/administration/src/module/sw-order/snippet/en-GB.json
@@ -76,7 +76,9 @@
                     "product": "Product",
                     "quantity": "Quantity",
                     "price": "Price"
-                }
+                },
+                "productNumber": "Number",
+                "productOptions": "Options"
             },
             "general": {
                 "cardTitle": "General"