ActiveAdmin Reorderable

Drag and drop to reorder your ActiveAdmin tables.

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

Sprockets

• 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

Webpacker / npm

• 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

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

widgets.rb

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

1. Fork it ( https://github.com/[my-github-username]/activeadmin_reorderable/fork )
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am "Add some feature")
4. Push to the branch (git push origin my-new-feature)
5. Create a new Pull Request

Issue and PR reviews

Another way you can help is by reviewing issues, trying to reproduce bugs, and providing feedback on PRs.

Pushing a new version

First, you must be authorized on both rubygems.org and npmjs.com. Then:

Update the ruby gem:

• Update the version in lib/activeadmin_reorderable/version.rb
• gem build activeadmin_reorderable.gemspec
• gem push activeadmin_reorderable-X.Y.Z.gem

Update the npm package:

• Update the version in package.json
• npm publish

Tag the version in git:

• git tag X.Y.Z
• git push origin X.Y.Z

Update the changelog