ActiveAdmin Reorderable

Drag and drop to reorder your ActiveAdmin tables.

!Drag and drop reordering

Requirements

Your resource classes must respond to insert_at ala the acts_as_list API. You don't need to use acts_as_list, but if you don't, make sure to define insert_at.

Installation

$3

- Add gem 'activeadmin_reorderable' to Gemfile and run bundle install
- Add import "activeadmin_reorderable" to JS entrypoint (a JS file that is included for activeadmin)
- Add @import "activeadmin_reorderable"; in your CSS style file

NOTE: no need to pin the import in your application. That's handled internally by the gem.

$3

- Add gem 'activeadmin_reorderable' to Gemfile and run bundle install
- Add #= require activeadmin_reorderable to app/assets/javascripts/active_admin.js.coffee
- Add @import "activeadmin_reorderable"; as the last @import statement in app/assets/stylesheets/active_admin.css.scss

$3

- npm install --save activeadmin_reorderable or yarn add activeadmin_reorderable
- Add import "activeadmin_reorderable" to your JS pack file
- Add @import "activeadmin_reorderable/app/assets/styleseehts/activeadmin_reorderable.scss"; to your CSS style file

Use

parts.rb
``ruby
ActiveAdmin.register Part do
reorderable # Necessary to support reordering in a subtable within Widget below
end
`

widgets.rb
`ruby
ActiveAdmin.register Widget do
config.sort_order = 'position_asc' # assuming Widget.insert_at modifies the position attribute
config.paginate = false

reorderable

actions :index, :show

# Reorderable Index Table
index as: :reorderable_table do
column :id
column :name
end

show do |widget|
attributes_table do
row :id
row :name
end

# Reorderable Subtable
# Note: you must include reorderable in the ActiveAdmin configuration for the resource
# being sorted. See the Part example above this code block.
reorderable_table_for widget.parts do
column :name
column :cost
end
end
end
``

Contributing

See CONTRIBUTING.md