Contents

# frozen_string_literal: true
module Formtastic
  module Inputs
    # Outputs a label and a text field, along with a datalist tag
    # datalist tag provides a list of options which drives a simple autocomplete
    # on the text field. This is a HTML5 feature, more info can be found at
    # {https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist <datalist> at MDN}
    # This input accepts a :collection option which takes data in all the usual formats accepted by
    # {http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/options_for_select options_for_select}
    #
    # @example Input is used as follows
    #   f.input :fav_book, :as => :datalist, :collection => Book.pluck(:name)
    #
    class DatalistInput
      include Base
      include Base::Stringish
      include Base::Collections

      def to_html
        @name = input_html_options[:id].gsub(/_id$/, "")
        input_wrapping do
          label_html <<
          builder.text_field(method, input_html_options) << # standard input
          data_list_html # append new datalist element
        end
      end

      def input_html_options
        super.merge(:list => html_id_of_datalist)
      end

      def html_id_of_datalist
        "#{@name}_datalist"
      end

      def data_list_html
        html = builder.template.options_for_select(collection)
        builder.template.content_tag(:datalist,html, { :id => html_id_of_datalist }, false)
      end
    end
  end
end

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
formtastic-5.0.0	lib/formtastic/inputs/datalist_input.rb