Creates editable form field for email lists using jquery and jquery-ui.

This gem is a wrapper of the jquery-email_list_field.js project, that allows you to include jquery-email_list_field.js in your Rails app, using the asset pipeline. The gem currently includes v1.1.0 of jquery-email_list_field.js.

<div id="mailing_list_container"></div>
<script>
  $('#mailing_list_container').emailListField();
</script>

Add this line to your application's Gemfile:

gem 'email_list_field'

And then execute:

$ bundle

Or install it yourself as:

$ gem install email_list_field

Include the jquery-email_list_field.js javascript in your app/assets/javascripts/application.js or app/assets/javascripts/vendor.js:

//= require email_list_field

And include stylesheets in your app/assets/stylesheets/application.js or app/assets/stylesheets/vendor.js::

*= require email_list_field

In your view, create an empty div and call the emailListField() JQuery method:

<div id="mailing_list_container"></div>
<script>
  $('#mailing_list_container').emailListField();
</script>

For a full reference on all the options available, see the jquery-email_list_field.js page

When the user submits the form containing the email list field, an array of strings will be submitted to your controller (by default at params[:emails]). The problem is that these string might be either an email or a string in the format "Name ". There is a helper to help you treat these parameters:

params[:emails] = [
  'Name <[email protected]>',
  '[email protected]',
  'Compound Name <[email protected]>'
]

EmailListField.parse_email_list_params(params[:emails])
# =>  [
#   ['Name', '[email protected]'],
#   [nil, '[email protected]'],
#   ['Compound Name', '[email protected]']
# ]

This helper will identify the name and the email part of the string. It will also downcase all the emails. If you don't want the emails to be downcased you can pass the lower_email_address_case: false option as a second parameter.

For you to be able to test the email list field behavior, you will need an integration test with javascripts enabled. We recommend the RSpec + Capybara + PhantomJS tools. To make those tests easier, the gem packages helpers to be used during testing.

To include these helpers add to your spec/spec_helper.rb or to you spec/rails_helper.rb:

RSpec.configure do |config|
  config.include EmailListField::TestHelpers, type: :feature
end

Then you can use these helpers:

fill_in_email_list_field 'mailing_list_container', with: '[email protected]'
remove_from_email_list_field 'mailing_list_container', '[email protected]'

The gem is available as open source under the terms of the MIT License.