feat: Redo of Cinder integration (#380)

* Revert "improvement: incoporate sevenseacat theme into cinder table for consistent styling and enhanced features"

This reverts commit 7d39a83.

* Update with simpler Cinder integration

* Refactor DataTable to use Cinder's built-in pagination and data loading

Remove manual data loading via AshPhoenix.Form.submit() and let Cinder
handle pagination, error states, and loading internally. Add filter
toggle button and pass pagination config derived from action settings.

* Improve DataTable layout consistency and styling

Align spacing with other ash_admin pages, constrain query argument
form width, make table full-width within its card, use consistent
px-6 padding throughout, and style Filters button as outline.

* Fix query validation and pagination config crash

Don't pass query to Cinder when form has validation errors, and
handle action.pagination being false (not just nil).

* chore: REUSE compliance

* chore: Remove extra blank lines

* chore: run `mix format`

* Hide Filters button when resource has no filterable columns

* chore: Fix formatting.. again

Author: sevenseacat

assets/tailwind.config.js

@@ -34,19 +34,19 @@ module.exports = {
       addVariant("phx-click-loading", [
         ".phx-click-loading&",
         ".phx-click-loading &",
-      ])
+      ]),
     ),
     plugin(({ addVariant }) =>
       addVariant("phx-submit-loading", [
         ".phx-submit-loading&",
         ".phx-submit-loading &",
-      ])
+      ]),
     ),
     plugin(({ addVariant }) =>
       addVariant("phx-change-loading", [
         ".phx-change-loading&",
         ".phx-change-loading &",
-      ])
+      ]),
     ),
 
     // Embeds Heroicons (https://heroicons.com) into your app.css bundle
@@ -86,7 +86,7 @@ module.exports = {
             };
           },
         },
-        { values }
+        { values },
       );
     }),
   ],

dev/resources/accounts/resources/user.ex

@@ -25,6 +25,8 @@ defmodule Demo.Accounts.User do
     read_actions [:me, :read, :by_id, :by_name]
 
     table_columns [:id, :first_name, :last_name, :representative, :admin, :full_name, :api_key, :date_of_birth]
+    table_filterable_columns [:first_name]
+    table_sortable_columns [:first_name, :last_name]
 
     show_calculations [:multi_arguments, :is_super_admin?, :full_name, :nested_embed]
   end

documentation/dsls/DSL-AshAdmin.Resource.md

@@ -33,6 +33,8 @@ Configure the admin dashboard for a given resource.
 | [`polymorphic_tables`](#admin-polymorphic_tables){: #admin-polymorphic_tables } | `list(String.t)` |  | For resources that use ash_postgres' polymorphism capabilities, you can provide a list of tables that should be available to select. These will be added to the list of derivable tables based on scanning all domains and resources provided to ash_admin. |
 | [`polymorphic_actions`](#admin-polymorphic_actions){: #admin-polymorphic_actions } | `list(atom)` |  | For resources that use ash_postgres' polymorphism capabilities, you can provide a list of actions that should require a table to be set. If this is not set, then *all* actions will require tables. |
 | [`table_columns`](#admin-table_columns){: #admin-table_columns } | `list(atom)` |  | The list of attributes to render on the table view. |
+| [`table_sortable_columns`](#admin-table_sortable_columns){: #admin-table_sortable_columns } | `list(atom)` |  | The list of columns that can be sorted. If not specified, no columns are sortable. |
+| [`table_filterable_columns`](#admin-table_filterable_columns){: #admin-table_filterable_columns } | `list(atom)` |  | The list of columns that can be filtered. If not specified, no columns are filterable. |
 | [`format_fields`](#admin-format_fields){: #admin-format_fields } | `list(any)` |  | The list of fields and their formats represented as a MFA. For example: `updated_at: {Timex, :format!, ["{0D}-{0M}-{YYYY} {h12}:{m} {AM}"]}`. Datatable pages format all given fields. Show and Update pages format given read-only fields of types `Ash.Type.Date`, `Ash.Type.DateTime`, `Ash.Type.Time`, `Ash.Type.NaiveDatetime`, `Ash.Type.UtcDatetime` and `Ash.Type.UtcDatetimeUsec`. |
 | [`relationship_display_fields`](#admin-relationship_display_fields){: #admin-relationship_display_fields } | `list(atom)` |  | The list of attributes to render when this resource is shown as a relationship on another resource's datatable. |
 | [`resource_group`](#admin-resource_group){: #admin-resource_group } | `atom` |  | The group in the top resource dropdown that the resource appears in. |