[6.x] Respect configured sort column & direction on collection index (#12234)

Author: duncanmcclean

resources/js/components/collections/Listing.vue

@@ -61,7 +61,13 @@
                 </ui-panel-header>
 
                 <ui-card class="h-40 px-0! py-2!">
-                    <ui-listing :url="collection.entries_listing_url" :per-page="5" :columns="collection.columns">
+                    <ui-listing
+                        :url="collection.entries_listing_url"
+                        :per-page="5"
+                        :columns="collection.columns"
+                        :sort-column="collection.sort_column"
+                        :sort-direction="collection.sort_direction"
+                    >
                         <template #initializing>
                             <div class="flex flex-col gap-[9px] justify-between py-1 px-5">
                                 <ui-skeleton class="h-[19px] w-full" />

src/Http/Controllers/CP/Collections/CollectionsController.php

@@ -84,6 +84,8 @@ private function collections()
                 'actions' => Action::for($collection),
                 'actions_url' => cp_route('collections.actions.run'),
                 'icon' => $collection->icon(),
+                'sort_column' => $collection->sortField(),
+                'sort_direction' => $collection->sortDirection(),
             ];
         })->sortBy('title')->values();
     }

tests/Feature/Collections/ViewCollectionListingTest.php

@@ -58,6 +58,8 @@ public function it_shows_a_list_of_collections()
                     'actions' => Facades\Action::for($collectionA, ['view' => 'list']),
                     'actions_url' => 'http://localhost/cp/collections/actions',
                     'icon' => 'collections',
+                    'sort_column' => 'title',
+                    'sort_direction' => 'asc',
                 ],
                 [
                     'id' => 'foo',
@@ -87,6 +89,8 @@ public function it_shows_a_list_of_collections()
                     'actions' => Facades\Action::for($collectionB, ['view' => 'list']),
                     'actions_url' => 'http://localhost/cp/collections/actions',
                     'icon' => 'collections',
+                    'sort_column' => 'title',
+                    'sort_direction' => 'asc',
                 ],
             ]))
             ->assertDontSee('ui-empty-state-menu');