Skip to content

💪 Plugin for ActiveAdmin. Provides batch Update and Delete for scoped_collection (Filters + Scope) across all pages.

License

Notifications You must be signed in to change notification settings

toby-brilliant/active_admin_scoped_collection_actions

 
 

Repository files navigation

Build Status

ActiveAdmin Scoped Collection Actions

Plugin for ActiveAdmin. Provides batch Update and Delete for scoped_collection (Filters + Scope) across all pages.

Step 1

Step 1

Description

This gem give you ability to perform various batch actions on any filtered (or scoped) resource. Action applies to all records across all pages. It is similar to ActiveAdmin batch action, but affects all filtered records. This is usefull if you want to delete or update a lot of records in one click.

Install

Add this line to your application's Gemfile:

# last version
gem 'active_admin_scoped_collection_actions'
# master branch
gem 'active_admin_scoped_collection_actions', github: 'activeadmin-plugins/active_admin_scoped_collection_actions'

And then execute:

$ bundle

Add the following line at the end of "app/assets/javascript/active_admin.js":

//= require active_admin_scoped_collection_actions

Also include CSS in "app/assets/stylesheets/active_admin.css.scss"

@import "active_admin_scoped_collection_actions";

Usage

Usually you need two standard actions: Delete and Update.

For example, if you have resource Posts and you want to have a delete action, add:

scoped_collection_action :scoped_collection_destroy

Example:

ActiveAdmin.register Post do
  config.batch_actions = true

  scoped_collection_action :scoped_collection_destroy

  index do
    # ...
  end
end

Important: Visit Posts page with your browser and you will see no changes. Now, perform any filter with the Filters sidebar. Only after you filter will you see a delete button. It will be in sidebar under Filters.

Update action

Update is second standard action and is more complex. It has "form" hash wrapped in Proc:

  scoped_collection_action :scoped_collection_update, form: -> do
                                         { name: 'text',
                                            diagonal: 'text',
                                            manufactured_at: 'datepicker',
                                            vendor_id: Vendor.all.map { |region| [region.name, region.id] },
                                            has_3g: [['Yes', 't'], ['No', 'f']]
                                          }
                                        end

In this example Phone model has fields:

  • name - varchar string
  • diagonal - integer(of float)
  • manufactured_at - datetime
  • vendor_id - association "belongs_to :vendor, class_name: 'Vendor', foreign_key: :vendor_id"
  • has_3g - boolean

Parameter "form" is a proc object which returns Hash. It defines what fields you want to be able to update. Hash keys are column names in database. Hash values are a types of HTML inputs. We support only "text", "datepicker" and "selectbox". If you want something more complex - you can build your own forms.

Custom Actions

Example: We have Phone resource and it has column "manufactured_at". We need an action which will erase this date.

In ActiveAdmin resource:

ActiveAdmin.register Phone do
  config.batch_actions = true

  scoped_collection_action :erase_date do
    scoped_collection_records.update_all(manufactured_at: nil)
  end

  index do
    # ...
  end
end

This simple code will create a new button "Erase date" in sidebar. After clicking this button, the user will see confirm message "Are you sure?". After confirming, all filtered records will be updated.

Details and Settings

Why I don't see Sidebar with Collection Actions.

Sidebar visibility by default depends on several things.

First you must set:

config.batch_actions = true

Actually, inside of this Gem we use "batch_actions". So without them Collection Actions wouldn't work.

scoped_collection_action :something_here

You resource should have some collection actions. If it doesn't have any, the sidebar will not appear.

By default we dont allow perform actions on all the records. We want protect you from accidental deleting.

Sidebar with buttons will appear only after you perform filtering or scopes on resource records.

And lastly you can manage sidebar visibility by resource config:

# Always
config.scoped_collection_actions_if = -> { true }
# Only for scopes
config.scoped_collection_actions_if = -> { params[:scope] }
# etc.

Can I use my handler on update/delete action?

You can pass block to default actions update and delete. And do custom redirect after it. Use render (location: 'something') instead of redirect_to().

This example renders form which allows to change name field. And after it do redirect to dashboard page.

  scoped_collection_action :scoped_collection_update,
                           form: -> {
                             {name: 'text'}
                           } do
    scoped_collection_records.update_all(name: params[:changes][:name])
    flash[:notice] = 'Name successfully changed.'
    render nothing: true, status: :no_content, location: admin_dashboard_path
  end

How can I rename button?

Every scoped_collection_action has option :title.

Example:

  scoped_collection_action :erase_date, title: 'Nullify' do
    scoped_collection_records.update_all(manufactured_at: nil)
  end

How can I modify modal dialog title?

Similar to button title. Use option :confirm

  scoped_collection_action :scoped_collection_destroy, confirm: 'Delete all phones?'

Can I replace you pop-up form with my own?

Yes. But also you must take care of mandatory parameters passed to the server.

  scoped_collection_action :my_pop_action, class: 'my_popup'

Now in HTML page, you have button:

  <button class="my_popup" data="{&quot;auth_token&quot;:&quot;2a+KLu5u9McQENspCiep0DGZI6D09fCVXAN9inrwRG0=&quot;,&quot;batch_action&quot;:&quot;my_pop_action&quot;,&quot;confirm&quot;:&quot;Are you sure?&quot;}">My pop action</button>

Without handler, clicking on the button does nothing.

You can render the form in any way you want:

  • It can be some popup(Fancybox, Simplemodal, etc.), or some inline collapsible form.
  • It can even be a separate full-page.

One thing is important - how you will send data to server. Generally it should be:

POST request

URL: /admin/collection_path/batch_action

with GET params identical to current page

The easiest way to get them is:

url = window.location.pathname + '/batch_action' + window.location.search

And Request body params should be like:

changes[manufactured_at] = "2015-07-21 18:11"
changes[diagonal] = "7"
changes[some_filed_name]='new value'
authenticity_token = "2a+KLu5u9McQENspCiep0DGZI6D09fCVXAN9inrwRG0="
batch_action = "my_pop_action"

authenticity_token and batch_action you can get from data-attribute of the Button.

Example in JavaScript:

  url = window.location.pathname + '/batch_action' + window.location.search
  form_data = {
    changes: {"manufactured_at": "2015-07-21 18:11", "diagonal": "7"},
    collection_selection: [],
    authenticity_token: "2a+KLu5u9McQENspCiep0DGZI6D09fCVXAN9inrwRG0=",
    batch_action: "my_pop_action"
  }
  $.post(url, form_data).always () ->
    window.location.reload()

How notify user about success and error operations?

We recommend using Rails Flash messages.

Example with updating phone diagonal attribute. In this case model Phone has validation:

  class Phone < ActiveRecord::Base
    validates :diagonal, numericality: { only_integer: true }
  end
  scoped_collection_action :change_diagonal, form: { diagonal: 'text' }  do
    errors = []
    scoped_collection_records.find_each do |record|
      errors << "#{record.errors.full_messages.join('. ')}" unless record.update(diagonal: params[:changes][:diagonal])
    end
    if errors.empty?
      flash[:notice] = 'Diagonal changed successfully'
    else
      flash[:error] = errors.join('. ')
    end
    render nothing: true, status: :no_content
  end

When you try to update diagonal with "5.6" you will see flash error:

Diagonal must be an integer.

But if you use your custom popup, you can show messages with JS.

Can I perform action only on selected items?

Standard index-page of a resource with batch_action enabled has selectable column.

If you checked some items and parform any Collection Action, the handler will take care of it. If you write custom actions, you should do like this:

  scoped_collection_action :do_something do
    scoped_collection_records.find_each do |record|
      record.update(name: 'x')
    end
  end

About

💪 Plugin for ActiveAdmin. Provides batch Update and Delete for scoped_collection (Filters + Scope) across all pages.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Ruby 100.0%