Allow prepending and appending multiple items to an input

CHANGELOG.md

@@ -6,6 +6,7 @@
 
 ### New features
 
+* [#557](https://github.com/bootstrap-ruby/bootstrap_form/pull/557): Allow prepending and appending multiple items to an input by passing an array to `prepend` and `append` options - [@donv](https://github.com/donv).
 * Your contribution here!
 
 ### Bugfixes

README.md

@@ -276,6 +276,12 @@ You can pass `prepend` and/or `append` options to input fields:
 <%= f.text_field :price, prepend: "$", append: ".00" %>
 ```
 
+If you want to attach multiple items to the input, pass them as an array:
+
+```erb
+<%= f.text_field :price, prepend: ['Net', '$'], append: ['.00', 'per day'] %>
+```
+
 You can also prepend and append buttons. Note: The buttons must contain the
 `btn` class to generate the correct markup.
 

lib/bootstrap_form/helpers/bootstrap.rb

@@ -82,7 +82,7 @@ def prepend_and_append_input(name, options, &block)
 
  input = capture(&block) || ActiveSupport::SafeBuffer.new
 
- input = prepend_input(options) + input + append_input(options)
+ input = attach_input(options, :prepend) + input + attach_input(options, :append)
  input += generate_error(name)
  options.present? &&
  input = content_tag(:div, input, class: ["input-group", options[:input_group_class]].compact)
@@ -106,14 +106,11 @@ def static_class
 
  private
 
- def append_input(options)
- html = content_tag(:div, input_group_content(options[:append]), class: "input-group-append") if options[:append]
- html || ActiveSupport::SafeBuffer.new
- end
-
- def prepend_input(options)
- html = content_tag(:div, input_group_content(options[:prepend]), class: "input-group-prepend") if options[:prepend]
- html || ActiveSupport::SafeBuffer.new
+ def attach_input(options, key)
+ tags = [*options[key]].map do |item|
+ content_tag(:div, input_group_content(item), class: "input-group-#{key}")
+ end
+ ActiveSupport::SafeBuffer.new(tags.join)
  end
 
  def setup_css_class(the_class, options={})

test/bootstrap_form_group_test.rb

@@ -149,16 +149,18 @@ class BootstrapFormGroupTest < ActionView::TestCase
  test "append and prepend button" do
  prefix = '<div class="form-group"><label class="required" for="user_email">Email</label><div class="input-group">'
  field = '<input class="form-control" id="user_email" name="user[email]" type="text" value="steve@example.com" />'
- button_prepend = '<div class="input-group-prepend"><a class="btn btn-secondary" href="#">Click</a></div>'
- button_append = '<div class="input-group-append"><a class="btn btn-secondary" href="#">Click</a></div>'
+ button_src = link_to("Click", "#", class: "btn btn-secondary")
+ button_prepend = "<div class=\"input-group-prepend\">#{button_src}</div>"
+ button_append = "<div class=\"input-group-append\">#{button_src}</div>"
  suffix = "</div></div>"
  after_button = prefix + field + button_append + suffix
  before_button = prefix + button_prepend + field + suffix
  both_button = prefix + button_prepend + field + button_append + suffix
- button_src = link_to("Click", "#", class: "btn btn-secondary")
+ multiple_button = prefix + button_prepend + button_prepend + field + button_append + button_append + suffix
  assert_equivalent_xml after_button, @builder.text_field(:email, append: button_src)
  assert_equivalent_xml before_button, @builder.text_field(:email, prepend: button_src)
  assert_equivalent_xml both_button, @builder.text_field(:email, append: button_src, prepend: button_src)
+ assert_equivalent_xml multiple_button, @builder.text_field(:email, append: [button_src] * 2, prepend: [button_src] * 2)
  end
 
  test "adding both prepend and append text" do