effective_bootstrap 0.0.1

data/app/models/effective/form_inputs/number_field.rb

@@ -0,0 +1,6 @@
+module Effective
+  module FormInputs
+    class NumberField < Effective::FormInput
+    end
+  end
+end

data/app/models/effective/form_inputs/password_field.rb

@@ -0,0 +1,24 @@
+module Effective
+  module FormInputs
+    class PasswordField < Effective::FormInput
+
+      def input_html_options
+        { class: 'form-control' }
+      end
+
+      def input_group_options
+        { input_group: { class: 'input-group' }, prepend: content_tag(:span, icon('lock'), class: 'input-group-text') }
+      end
+
+      def feedback_options
+        case layout
+        when :inline
+          false
+        else
+          { valid: { class: 'valid-feedback' }, invalid: { class: 'invalid-feedback' }, reset: true }
+        end
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/phone_field.rb

@@ -0,0 +1,34 @@
+module Effective
+  module FormInputs
+    class PhoneField < Effective::FormInput
+
+      DEFAULT_TEL_MASK = '(999) 999-9999? x99999'
+      DEFAULT_CELL_MASK = '(999) 999-9999'
+
+      def input_html_options
+        { class: 'form-control effective_phone', placeholder: '(555) 555-5555' }
+      end
+
+      def input_js_options
+        { mask: ((cell? || fax?) ? DEFAULT_CELL_MASK : DEFAULT_TEL_MASK), placeholder: '_' }
+      end
+
+      def input_group_options
+        { input_group: { class: 'input-group' }, prepend: content_tag(:span, icon('phone'), class: 'input-group-text') }
+      end
+
+      private
+
+      def fax?
+        return @fax unless @fax.nil?
+        @fax = options.key?(:fax) ? options.delete(:fax) : name.to_s.include?('fax')
+      end
+
+      def cell?
+        return @cell unless @cell.nil?
+        @cell = options.key?(:cell) ? options.delete(:cell) : name.to_s.include?('cell')
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/price_field.rb

@@ -0,0 +1,37 @@
+module Effective
+  module FormInputs
+    class PriceField < Effective::FormInput
+
+      def build_input(&block)
+        @builder.hidden_field(name, value: price, id: tag_id + '_value_as_integer') +
+        @template.text_field_tag(name, @template.number_to_currency(currency, unit: ''), options[:input].merge(id: tag_id, name: nil))
+      end
+
+      def input_group_options
+        { input_group: { class: 'input-group' }, prepend: content_tag(:span, icon('dollar-sign'), class: 'input-group-text') }
+      end
+
+      def input_html_options
+        { class: 'form-control effective_price', maxlength: 14, autocomplete: 'off', 'data-include-blank': include_blank? }
+      end
+
+      private
+
+      def price
+        return (include_blank? ? 0 : nil) unless value
+        value.kind_of?(Integer) ? value : ('%.2f' % (val / 100.0))
+      end
+
+      def currency
+        return (include_blank? ? 0.00 : nil) unless value
+        value.kind_of?(Integer) ? ('%.2f' % (val / 100.0)) : value
+      end
+
+      def include_blank? # default false
+        return @include_blank unless @include_blank.nil?
+        @include_blank = (options.delete(:include_blank) || false)
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/radios.rb

@@ -0,0 +1,74 @@
+# http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#method-i-select
+module Effective
+  module FormInputs
+    class Radios < CollectionInput
+
+      def build_input(&block)
+        @builder.collection_radio_buttons(name, options_collection, value_method, label_method, collection_options, item_input_options) { |builder| build_item(builder) }
+      end
+
+      def build_wrapper(&block)
+        if layout == :horizontal
+          content_tag(:fieldset, content_tag(:div, yield, class: 'row'), options[:wrapper])
+        else
+          content_tag(:fieldset, yield, options[:wrapper])
+        end
+      end
+
+      def wrapper_options
+        { class: "form-group #{tag_id}" }
+      end
+
+      def feedback_options
+        return false if layout == :inline
+
+        {
+          valid: { class: 'valid-feedback', style: ('display: block;' if has_error? && !has_error?(name)) }.compact,
+          invalid: { class: 'invalid-feedback', style: ('display: block;' if has_error?(name)) }.compact
+        }
+      end
+
+      def input_html_options
+        if custom?
+          { class: 'custom-control-input' }
+        else
+          { class: 'form-check-input' }
+        end
+      end
+
+      def build_label
+        return BLANK if options[:label] == false
+        return BLANK if name.kind_of?(NilClass)
+
+        text = (options[:label].delete(:text) || (object.class.human_attribute_name(name) if object) || BLANK).html_safe
+
+        content_tag((inline? ? :label : :legend), text, options[:label])
+      end
+
+      def build_item(builder)
+        build_item_wrap { builder.radio_button + builder.label(item_label_options) }
+      end
+
+      def build_item_wrap(&block)
+        if custom?
+          content_tag(:div, yield, class: 'custom-control custom-radio ' + (inline? ? 'custom-control-inline' : 'form-group'))
+        else
+          content_tag(:div, yield, class: 'form-check' + (inline? ? ' form-check-inline' : ''))
+        end
+      end
+
+      def item_input_options
+        options[:input].except(:inline, :custom)
+      end
+
+      def item_label_options
+        if custom?
+          { class: 'custom-control-label' }
+        else
+          { class: 'form-check-label' }
+        end
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/select.rb

@@ -0,0 +1,87 @@
+# http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#method-i-select
+# select(object, method, choices = nil, options = {}, html_options = {}, &block)
+# ActionView::Helpers::FormBuilder.instance_method(:check_box).bind(self).call(m, opts, v)`
+
+module Effective
+  module FormInputs
+    class Select < CollectionInput
+
+      def build_input(&block)
+        html = if grouped? && polymorphic?
+          @builder.grouped_collection_select(polymorphic_id_method, options_collection, group_method, group_label_method, option_key_method, option_value_method, collection_options, html_options)
+        elsif grouped?
+          @builder.grouped_collection_select(name, options_collection, group_method, group_label_method, option_key_method, option_value_method, collection_options, html_options)
+        else
+          @builder.collection_select(name, options_collection, value_method, label_method, collection_options, html_options)
+        end
+
+        if polymorphic?
+          html += @builder.hidden_field(polymorphic_type_method, value: polymorphic_type_value)
+          html += @builder.hidden_field(polymorphic_id_method, value: polymorphic_id_value)
+        end
+
+        if single_selected?
+          html.gsub!('selected="selected"', '') if html.sub!('selected="selected"', "selected='selected'")
+        end
+
+        html.html_safe
+      end
+
+      def input_js_options
+        opts = {
+          theme: 'bootstrap',
+          minimumResultsForSearch: 6,
+          width: 'style',
+          placeholder: (input_html_options.delete(:placeholder) || 'Please choose'),
+          allowClear: !multiple?,
+          tokenSeparators: ([',', ';', '\n', '\t'] if tags?),
+          tags: (true if tags?),
+          template: js_template,
+          containerClass: ('hide-disabled' if hide_disabled?),
+          dropdownClass: ('hide-disabled' if hide_disabled?),
+        }.compact
+      end
+
+      def input_html_options
+        classes = [
+          'effective_select',
+          'form-control',
+          ('polymorphic' if polymorphic?),
+          ('grouped' if grouped?),
+          ('hide-disabled' if hide_disabled?),
+          ('tags-input' if tags?),
+        ].compact.join(' ')
+
+        { class: classes, multiple: (true if multiple?), include_blank: !multiple? }.compact
+      end
+
+      private
+
+      def multiple?
+        return @multiple unless @multiple.nil?
+        @multiple = (options.delete(:multiple) || false) || tags?
+      end
+
+      def tags?
+        return @tags unless @tags.nil?
+        @tags = (options.delete(:tags) || false)
+      end
+
+      def hide_disabled?
+        return @hide_disabled unless @hide_disabled.nil?
+        @hide_disabled = (options.delete(:hide_disabled) || false)
+      end
+
+      def single_selected?
+        return @single_selected unless @single_selected.nil?
+        @single_selected = (options.delete(:single_selected) || false)
+      end
+
+      def js_template
+        return @js_template unless @js_template.nil?
+        @js_template = options.delete(:template)
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/static_field.rb

@@ -0,0 +1,20 @@
+module Effective
+  module FormInputs
+    class StaticField < Effective::FormInput
+
+      def input_html_options
+        { class: 'form-control-plaintext', readonly: false }
+      end
+
+      def feedback_options
+        false
+      end
+
+      def build_input(&block)
+        content = block_given? ? capture(&block) : (options[:input].delete(:value) || value)
+        content_tag(:p, content, options[:input].except(:readonly, :required, :value).merge(id: tag_id))
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/submit.rb

@@ -0,0 +1,42 @@
+module Effective
+  module FormInputs
+    class Submit < Effective::FormInput
+
+      def build_input(&block)
+        content_tag(:button, name, options[:input])
+      end
+
+      def wrapper_options
+        if layout == :horizontal
+          { class: 'form-group row form-actions'}
+        else
+          { class: 'form-group form-actions'}
+        end
+      end
+
+      def input_html_options
+        { class: 'btn btn-primary', type: 'submit', name: 'commit', value: name }
+      end
+
+      def label_options
+        false
+      end
+
+      def feedback_options
+        case layout
+        when :inline
+          false
+        else
+          {
+            valid: { class: 'valid-feedback', text: 'Looks good! Submitting...' },
+            invalid: {
+              class: 'invalid-feedback',
+              text: 'one or more errors are present. please fix the errors above and try again.'
+            }
+          }
+        end
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/text_area.rb

@@ -0,0 +1,11 @@
+module Effective
+  module FormInputs
+    class TextArea < Effective::FormInput
+
+      def input_html_options
+        { class: 'form-control', rows: 3 }
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/text_field.rb

@@ -0,0 +1,6 @@
+module Effective
+  module FormInputs
+    class TextField < Effective::FormInput
+    end
+  end
+end

data/app/models/effective/form_inputs/time_field.rb

@@ -0,0 +1,22 @@
+module Effective
+  module FormInputs
+    class TimeField < DatetimeField
+
+      def input_html_options
+        {
+          class: ['form-control', 'effective_date_time_picker', 'effective_time', ('not-date-linked' if not_date_linked?)].compact.join(' '),
+          pattern: '\d{2}:\d{2}'
+        }
+      end
+
+      def input_js_options
+        { format: 'HH:mm', showTodayButton: true, showClear: true, useCurrent: 'hour', disabledDates: disabled_dates.presence }.compact
+      end
+
+      def input_group_options
+        { input_group: { class: 'input-group' }, prepend: content_tag(:span, icon('clock'), class: 'input-group-text') }
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/url_field.rb

@@ -0,0 +1,15 @@
+module Effective
+  module FormInputs
+    class UrlField < Effective::FormInput
+
+      def input_html_options
+        { class: 'form-control', placeholder: 'https://www.example.com' }
+      end
+
+      def input_group_options
+        { input_group: { class: 'input-group' }, prepend: content_tag(:span, icon('link'), class: 'input-group-text') }
+      end
+
+    end
+  end
+end

data/app/views/effective/style_guide/__fields.html.haml

@@ -0,0 +1,42 @@
+= f.text_field :title, hint: 'This is a text_field'
+= f.email_field :email, hint: 'This is an email_field'
+= f.check_box :archived, hint: 'This is a check_box', id: "archived_#{uid}"
+
+= f.datetime_field :start_at, hint: 'This is a linked datetime_field'
+= f.datetime_field :end_at, hint: 'This is a linked datetime_field'
+= f.date_field :date, hint: 'This is a date_field'
+= f.time_field :time, hint: 'This is a time_field'
+
+= f.check_box :option1, inline: true, id: "option1_#{uid}"
+= f.check_box :option2, inline: true, id: "option2_#{uid}"
+= f.check_box :option3, inline: true, id: "option3_#{uid}"
+
+= f.number_field :number, hint: 'This is a number_field'
+= f.password_field :password, hint: 'This is a password_field'
+
+= f.phone_field :phone, hint: 'This is a phone_field'
+= f.phone_field :fax, hint: 'This is a phone_field'
+= f.phone_field :cell, hint: 'This is a phone_field'
+
+= f.price_field :price, hint: 'This is a price_field'
+
+= f.static_field :static_text, hint: 'This is a static_field'
+= f.static_field :static_text, hint: 'This is a static_field built from a block' do
+  #{content_tag(:strong, 'This is rich text')} built from #{content_tag(:em, 'normal haml')} block
+
+= f.text_area :details, hint: 'This is a text_area'
+= f.url_field :url, hint: 'This is a url_field'
+
+= f.select :food, EffectiveStyleGuide.foods, hint: 'This is a select'
+= f.select :color, EffectiveStyleGuide.colors, tags: true, hint: 'This is a select with tags: true'
+= f.select :color, EffectiveStyleGuide.grouped_colors, grouped: true, multiple: true, selected: ['red', 'yellow'], hint: 'This is a select with grouped: true, multiple: true'
+
+= f.checks :food, EffectiveStyleGuide.foods, hint: 'This is a checks'
+= f.checks :drink, EffectiveStyleGuide.drinks, custom: false, hint: 'This is a checks with custom: false'
+= f.checks :color, EffectiveStyleGuide.colors, inline: true, hint: 'This is a checks with inline: true'
+
+= f.radios "food_#{uid}", EffectiveStyleGuide.foods, hint: 'This is a radios'
+= f.radios "drink_#{uid}", EffectiveStyleGuide.drinks, custom: false, hint: 'This is a radios with custom: false'
+= f.radios "color_#{uid}", EffectiveStyleGuide.colors, inline: true, hint: 'This is a radios with inline: true'
+
+= f.submit

data/app/views/effective/style_guide/__inline_fields.html.haml

@@ -0,0 +1,4 @@
+= f.text_field :title
+= f.email_field :email
+= f.check_box :archived, id: "archived_#{uid}"
+= f.submit 'Save and Continue'