From 079412e784b1d743631cdedf94c5a17c88c9eba8 Mon Sep 17 00:00:00 2001
From: Mateusz Zalewski <zaleslaw@gmail.com>
Date: Tue, 2 Oct 2018 11:01:06 +0200
Subject: [PATCH] Change partial refunds inputs UI + fix UI validation

---
 src/Resources/views/orderRefunds.html.twig | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Resources/views/orderRefunds.html.twig b/src/Resources/views/orderRefunds.html.twig
index d0e18a13..ab05e12c 100644
--- a/src/Resources/views/orderRefunds.html.twig
+++ b/src/Resources/views/orderRefunds.html.twig
@@ -79,8 +79,12 @@
                                     <td class="aligned collapsing partial-refund">
                                         {% set inputName = "sylius_refund_units["~unitNumber~"][amount]" %}
                                         {% set hiddenInputName = "sylius_refund_units["~unitNumber~"][partial-id]" %}
-                                        <input type="number" name="{{ inputName }}" {% if not can_unit_be_refunded(unit.id, constant('Sylius\\RefundPlugin\\Model\\RefundType::ORDER_ITEM_UNIT')) %} disabled{% endif %}/>
-                                        <input type="hidden" name="{{ hiddenInputName }}" value="{{ unit.id }}"/>
+
+                                        <div class="ui labeled input">
+                                            <div class="ui label">{{ order.currencyCode|sylius_currency_symbol }}</div>
+                                            <input type="text" name="{{ inputName }}" {% if not can_unit_be_refunded(unit.id, constant('Sylius\\RefundPlugin\\Model\\RefundType::ORDER_ITEM_UNIT')) %} disabled{% endif %}/>
+                                            <input type="hidden" name="{{ hiddenInputName }}" value="{{ unit.id }}"/>
+                                        </div>
                                     </td>
                                     <td class="aligned collapsing">
                                         <div class="ui checkbox {% if not can_unit_be_refunded(unit.id, constant('Sylius\\RefundPlugin\\Model\\RefundType::ORDER_ITEM_UNIT')) %} disabled{% endif %}">
@@ -108,8 +112,12 @@
                                 <td class="aligned collapsing partial-refund">
                                     {% set inputName = "sylius_refund_shipments[0][amount]" %}
                                     {% set hiddenInputName = "sylius_refund_shipments[0][partial-id]" %}
-                                    <input type="number" name="{{ inputName }}" {% if not can_unit_be_refunded(shipment.id, constant('Sylius\\RefundPlugin\\Model\\RefundType::SHIPMENT')) %} disabled{% endif %}/>
-                                    <input type="hidden" name="{{ hiddenInputName }}" value="{{ shipment.id }}"/>
+
+                                    <div class="ui labeled input">
+                                        <div class="ui label">{{ order.currencyCode|sylius_currency_symbol }}</div>
+                                        <input type="text" name="{{ inputName }}" {% if not can_unit_be_refunded(shipment.id, constant('Sylius\\RefundPlugin\\Model\\RefundType::SHIPMENT')) %} disabled{% endif %}/>
+                                        <input type="hidden" name="{{ hiddenInputName }}" value="{{ shipment.id }}"/>
+                                    </div>
                                 </td>
                                 <td class="aligned collapsing">
                                     <div class="ui checkbox {% if not can_unit_be_refunded(shipment.id, constant('Sylius\\RefundPlugin\\Model\\RefundType::SHIPMENT')) %} disabled{% endif %}">