Fix Payments' index page

src/Sylius/Bundle/AdminBundle/Resources/config/grids/order.yml

@@ -25,19 +25,19 @@ sylius_grid:
                     path: .
                     sortable: ~
                     options:
-                        template: "@SyliusAdmin/Order/Grid/Field/orderNumber.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/orderNumber.html.twig"
                 channel:
                     type: twig
                     label: sylius.ui.channel
                     sortable: channel.code
                     options:
-                        template: "@SyliusAdmin/Order/Grid/Field/channel.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/channel.html.twig"
                 customer:
                     type: twig
                     label: sylius.ui.customer
                     sortable: customer.lastName
                     options:
-                        template: "@SyliusAdmin/Order/Grid/Field/customer.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/customer.html.twig"
                 state:
                     type: twig
                     label: sylius.ui.state

src/Sylius/Bundle/AdminBundle/Resources/config/grids/payment.yml

@@ -21,24 +21,24 @@ sylius_grid:
                     label: sylius.ui.order
                     path: order
                     options:
-                        template: "@SyliusAdmin/Order/Grid/Field/number.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/orderNumber.html.twig"
                 channel:
                     type: twig
                     label: sylius.ui.channel
                     path: order.channel
                     options:
-                        template: "@SyliusAdmin/Order/Grid/Field/channel.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/channel.html.twig"
                 customer:
                     type: twig
                     label: sylius.ui.customer
                     path: order.customer
                     options:
-                        template: "@SyliusAdmin/Order/Grid/Field/customer.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/customer.html.twig"
                 state:
                     type: twig
                     label: sylius.ui.state
                     options:
-                        template: "@SyliusAdmin/Common/Label/paymentState.html.twig"
+                        template: "@SyliusAdmin/Shared/Grid/Field/paymentState.html.twig"
             filters:
                 state:
                     type: select

src/Sylius/Bundle/AdminBundle/Resources/views/Shared/Grid/Field/channel.html.twig

@@ -1,7 +1,7 @@
 <div class="channel">
-    <span class="badge" style="background-color: {{ channel.color|default('#000') }}"></span>
+    <span class="badge" style="background-color: {{ data.color|default('#000') }}"></span>
 
     <span class="text-nowrap">
-        {{ channel.name|default(channel.code) }}
+        {{ data.name|default(data.code) }}
     </span>
 </div>

src/Sylius/Bundle/AdminBundle/Resources/views/Shared/Grid/Field/customer.html.twig

@@ -1,2 +1,2 @@
-<strong>{{ customer.firstName }} {{ customer.lastName }}</strong>
-<p>{{ customer.email }}</p>
+<strong>{{ data.firstName }} {{ data.lastName }}</strong>
+<p>{{ data.email }}</p>

src/Sylius/Bundle/AdminBundle/Resources/views/Shared/Grid/Field/paymentState.html.twig

@@ -0,0 +1,18 @@
+{%
+    set viewOptions = {
+    authorized: { color: 'bg-orange-lt' },
+    cancelled: { color: 'bg-yellow-lt' },
+    cart: { color: 'bg-lime-lt' },
+    completed: { color: 'bg-green-lt' },
+    failed: { color: 'bg-red-lt' },
+    new: { color: '' },
+    processing: { color: 'bg-indigo-lt' },
+    refunded: { color: 'bg-purple-lt' },
+}
+%}
+
+{% set value = 'sylius.ui.' ~ data %}
+
+<span class="badge {{ viewOptions[data]['color'] }}">
+    {{ value|trans }}
+</span>