管理画面：ソート機能追加（商品一覧・受注一覧・会員一覧）

html/template/admin/assets/js/function.js

@@ -208,3 +208,32 @@ var searchWord = function (searchText, el) {
         }
     });
 };
+
+// 一覧ページのソート機能
+$(function() {
+    if ($('.js-listSort').length < 1) {
+        return;
+    }
+
+    // 現在のソート状況をボタン表示に反映
+    const sortkey = $('.js-listSort-key').val();
+    const target = $('.js-listSort').filter('[data-sortkey="' + sortkey + '"]');
+    if (target.length === 1) {
+        target.addClass('listSort-current');
+        if ($('.js-listSort-type').val() === 'd') {
+            target.find('.fa').addClass('fa-arrow-down').removeClass('fa-arrow-up');
+        }
+    }
+
+    // ソート実施
+    $('.js-listSort').on({
+        click: function (e) {
+            const sortkey = $(e.currentTarget).data('sortkey');
+            const sorttype = ($('.js-listSort-key').val() === sortkey && $('.js-listSort-type').val() !== 'd') ? 'd' : 'a';
+            $('.js-listSort-key').val(sortkey);
+            $('.js-listSort-type').val(sorttype);
+            $('#search_form').submit();
+            e.preventDefault();
+        }
+    });
+});

html/template/admin/assets/scss/component/_bootstrapOriginal.scss

@@ -298,3 +298,36 @@ Styleguide 12.7
 */
 .text-ec-gray { color: #999 !important; }
 .text-ec-lightGray { color: #ccc !important; }
+
+/*
+一覧ソートボタン
+
+一覧ページでのソートボタン用のクラスを定義しています
+ */
+.js-listSort {
+  color: $black40;
+
+  &:hover {
+    color: $black40;
+  }
+
+  &.listSort-current {
+    color: $black85;
+  }
+
+  .fa {
+    display:inline-block;
+    width: 1em;
+    margin-left: 3px;
+  }
+
+  &:hover {
+    .fa-arrow-up:before {
+      content: "\f0aa"; // fa-arrow-circle-up
+    }
+
+    .fa-arrow-down:before {
+      content: "\f0ab"; // fa-arrow-circle-down
+    }
+  }
+}

src/Eccube/Controller/Admin/Order/OrderController.php

@@ -300,12 +300,22 @@ public function index(Request $request, $page_no = null, PaginatorInterface $pag
         );
 
         $this->eventDispatcher->dispatch(EccubeEvents::ADMIN_ORDER_INDEX_SEARCH, $event);
-
-        $pagination = $paginator->paginate(
-            $qb,
-            $page_no,
-            $page_count
-        );
+        $sortKey = $searchData['sortkey'];
+
+        if (empty($this->orderRepository::COLUMNS[$sortKey]) || $sortKey == 'order_status') {
+            $pagination = $paginator->paginate(
+                $qb,
+                $page_no,
+                $page_count
+            );
+        } else {
+            $pagination = $paginator->paginate(
+                $qb,
+                $page_no,
+                $page_count,
+                ['wrap-queries' => true]
+            );
+        }
 
         return [
             'searchForm' => $searchForm->createView(),

src/Eccube/Controller/Admin/Product/ProductController.php

@@ -255,11 +255,22 @@ public function index(Request $request, $page_no = null, PaginatorInterface $pag
 
         $this->eventDispatcher->dispatch(EccubeEvents::ADMIN_PRODUCT_INDEX_SEARCH, $event);
 
-        $pagination = $paginator->paginate(
-            $qb,
-            $page_no,
-            $page_count
-        );
+        $sortKey = $searchData['sortkey'];
+
+        if (empty($this->productRepository::COLUMNS[$sortKey]) || $sortKey == 'code' || $sortKey == 'status') {
+            $pagination = $paginator->paginate(
+                $qb,
+                $page_no,
+                $page_count
+            );
+        } else {
+            $pagination = $paginator->paginate(
+                $qb,
+                $page_no,
+                $page_count,
+                ['wrap-queries' => true]
+            );
+        }
 
         return [
             'searchForm' => $searchForm->createView(),

src/Eccube/Form/Type/Admin/SearchCustomerType.php

@@ -27,6 +27,7 @@
 use Symfony\Component\Form\Extension\Core\Type\DateType;
 use Symfony\Component\Form\Extension\Core\Type\IntegerType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Validator\Constraints as Assert;
 
@@ -321,6 +322,15 @@ public function buildForm(FormBuilderInterface $builder, array $options)
                     'data-toggle' => 'datetimepicker',
                 ],
             ])
+            // ソート用
+            ->add('sortkey', HiddenType::class, [
+                'label' => 'admin.list.sort.key',
+                'required' => false,
+            ])
+            ->add('sorttype', HiddenType::class, [
+                'label' => 'admin.list.sort.type',
+                'required' => false,
+            ])
         ;
     }
 

src/Eccube/Form/Type/Admin/SearchOrderType.php

@@ -23,6 +23,7 @@
 use Symfony\Component\Form\Extension\Core\Type\DateTimeType;
 use Symfony\Component\Form\Extension\Core\Type\DateType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Validator\Constraints as Assert;
 
@@ -328,6 +329,15 @@ public function buildForm(FormBuilderInterface $builder, array $options)
                 'label' => 'admin.order.purchase_product',
                 'required' => false,
             ])
+            // ソート用
+            ->add('sortkey', HiddenType::class, [
+                'label' => 'admin.list.sort.key',
+                'required' => false,
+            ])
+            ->add('sorttype', HiddenType::class, [
+                'label' => 'admin.list.sort.type',
+                'required' => false,
+            ]);
         ;
     }
 

src/Eccube/Form/Type/Admin/SearchProductType.php

@@ -29,6 +29,7 @@
 use Symfony\Component\Form\Extension\Core\Type\DateType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
 
 class SearchProductType extends AbstractType
 {
@@ -214,6 +215,15 @@ public function buildForm(FormBuilderInterface $builder, array $options)
                     'data-toggle' => 'datetimepicker',
                 ],
             ])
+            // ソート用
+            ->add('sortkey', HiddenType::class, [
+                'label' => 'admin.list.sort.key',
+                'required' => false,
+            ])
+            ->add('sorttype', HiddenType::class, [
+                'label' => 'admin.list.sort.type',
+                'required' => false,
+            ])
         ;
     }
 

src/Eccube/Repository/CustomerRepository.php

@@ -56,6 +56,11 @@ class CustomerRepository extends AbstractRepository
      */
     protected $encoderFactory;
 
+    public const COLUMNS = [
+        'customer_id' => 'c.id'
+        ,'name'=> 'c.name01'
+    ];
+
     /**
      * CustomerRepository constructor.
      *
@@ -280,7 +285,15 @@ public function getQueryBuilderBySearchData($searchData)
         }
 
         // Order By
-        $qb->addOrderBy('c.update_date', 'DESC');
+        if (isset($searchData['sortkey']) && !empty($searchData['sortkey'])) {
+            $sortOrder = (isset($searchData['sorttype']) && $searchData['sorttype'] == 'a') ? 'ASC' : 'DESC';
+            $qb->orderBy(self::COLUMNS[$searchData['sortkey']], $sortOrder);
+            $qb->addOrderBy('c.update_date', 'DESC');
+            $qb->addOrderBy('c.id', 'DESC');
+        } else {
+            $qb->orderBy('c.update_date', 'DESC');
+            $qb->addOrderBy('c.id', 'DESC');
+        }
 
         return $this->queries->customize(QueryKey::CUSTOMER_SEARCH, $qb, $searchData);
     }

src/Eccube/Repository/OrderRepository.php

@@ -36,6 +36,20 @@ class OrderRepository extends AbstractRepository
      */
     protected $queries;
 
+    public const COLUMNS = [
+        'order' => 'o.name01'
+        ,'orderer'=> 'o.id'
+        ,'shipping_id'=> 's.id'
+        ,'purchase_product' => 'oi.product_name'
+        ,'quantity' => 'oi.quantity'
+        ,'payment_method' => 'o.payment_method'
+        ,'order_status' => 'o.OrderStatus'
+        ,'purchase_price' => 'o.total'
+        ,'shipping_status' => 's.shipping_date'
+        ,'tracking_number' => 's.tracking_number'
+        ,'delivery'  => 's.name01'
+    ];
+
     /**
      * OrderRepository constructor.
      *
@@ -352,8 +366,16 @@ public function getQueryBuilderBySearchDataForAdmin($searchData)
         }
 
         // Order By
-        $qb->orderBy('o.update_date', 'DESC');
-        $qb->addorderBy('o.id', 'DESC');
+        if (isset($searchData['sortkey']) && !empty($searchData['sortkey'])) {
+            $sortOrder = (isset($searchData['sorttype']) && $searchData['sorttype'] == 'a') ? 'ASC' : 'DESC';
+
+            $qb->orderBy(self::COLUMNS[$searchData['sortkey']], $sortOrder);
+            $qb->addOrderBy('o.update_date', 'DESC');
+            $qb->addOrderBy('o.id', 'DESC');
+        } else {
+            $qb->orderBy('o.update_date', 'DESC');
+            $qb->addorderBy('o.id', 'DESC');
+        }
 
         return $this->queries->customize(QueryKey::ORDER_SEARCH_ADMIN, $qb, $searchData);
     }

src/Eccube/Repository/ProductRepository.php

@@ -39,6 +39,16 @@ class ProductRepository extends AbstractRepository
      */
     protected $eccubeConfig;
 
+    public const COLUMNS = [
+        'product_id' => 'p.id'
+        ,'name' => 'p.name'
+        ,'product_code' => 'pc.code'
+        ,'stock' => 'pc.stock'
+        ,'status' => 'p.Status'
+        ,'create_date' => 'p.create_date'
+        ,'update_date' => 'p.update_date'
+    ];
+
     /**
      * ProductRepository constructor.
      *
@@ -366,8 +376,16 @@ public function getQueryBuilderBySearchDataForAdmin($searchData)
         }
 
         // Order By
-        $qb
-            ->orderBy('p.update_date', 'DESC');
+        if (isset($searchData['sortkey']) && !empty($searchData['sortkey'])) {
+            $sortOrder = (isset($searchData['sorttype']) && $searchData['sorttype'] == 'a') ? 'ASC' : 'DESC';
+
+            $qb->orderBy(self::COLUMNS[$searchData['sortkey']], $sortOrder);
+            $qb->addOrderBy('p.update_date', 'DESC');
+            $qb->addOrderBy('p.id', 'DESC');
+        } else {
+            $qb->orderBy('p.update_date', 'DESC');
+            $qb->addOrderBy('p.id', 'DESC');
+        }
 
         return $this->queries->customize(QueryKey::PRODUCT_SEARCH_ADMIN, $qb, $searchData);
     }

src/Eccube/Resource/locale/messages.en.yaml

@@ -1780,3 +1780,9 @@ purchase_flow.over_stock: '%name% does not have enough stock.'
 #------------------------------------------------------------------------------------
 
 command.composer_require_already_installed.not_supported_plugin: '%name% %plugin_version% does not support EC-CUBE %eccube_version% . Do you want to continue?'
+
+#------------------------------------------------------------------------------------
+# ソート機能
+#------------------------------------------------------------------------------------
+admin.list.sort.key: listSortKey
+admin.list.sort.type: listSortType

src/Eccube/Resource/locale/messages.ja.yaml

@@ -1780,3 +1780,9 @@ purchase_flow.over_stock: '「%name%」の在庫が足りません。'
 #------------------------------------------------------------------------------------
 
 command.composer_require_already_installed.not_supported_plugin: '%name% %plugin_version% は EC-CUBE %eccube_version% には対応していません。続行しますか？'
+
+#------------------------------------------------------------------------------------
+# ソート機能
+#------------------------------------------------------------------------------------
+admin.list.sort.key: listSortKey # 検索条件の表示制御に利用
+admin.list.sort.type: listSortType # 検索条件の表示制御に利用

src/Eccube/Resource/template/admin/Customer/index.twig

@@ -83,7 +83,6 @@ file that was distributed with this source code.
                 $(this).val($(this).data('value'));
             });
         });
-
     </script>
 {% endblock javascript %}
 
@@ -288,6 +287,8 @@ file that was distributed with this source code.
                     </div>
                 {% endfor %}
             </div>
+            {{ form_widget(searchForm.sortkey, {'attr': {'class': 'js-listSort-key'}}) }}
+            {{ form_widget(searchForm.sorttype, {'attr': {'class': 'js-listSort-type'}}) }}
         </div>
         <div class="c-outsideBlock__contents mb-5">
             <button type="submit" class="btn btn-ec-conversion px-5">{{ 'admin.common.search'|trans }}</button>
@@ -330,8 +331,8 @@ file that was distributed with this source code.
                                 <table class="table">
                                     <thead>
                                     <tr>
-                                        <th class="border-top-0 pt-2 pb-3 pl-3 text-nowrap">{{ 'admin.customer.customer_id'|trans }}</th>
-                                        <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.name'|trans }}</th>
+                                        <th class="border-top-0 pt-2 pb-3 pl-3 text-nowrap">{{ 'admin.customer.customer_id'|trans }}<a href="#" class="js-listSort" data-sortkey="customer_id"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
+                                        <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.name'|trans }}<a href="#" class="js-listSort" data-sortkey="name"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.phone_number'|trans }}</th>
                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.mail_address'|trans }}</th>
                                         <th class="border-top-0 pt-2 pb-3">&nbsp;</th>