formular 0.2.0

data/lib/formular/element/bootstrap3/column_control.rb

@@ -0,0 +1,45 @@
+require 'formular/element/module'
+
+module Formular
+  class Element
+    module Bootstrap3
+      # this module simplifies the process of
+      # creating inline column controls
+      # you will need to manually wrap your element in a row
+      module ColumnControl
+        include Formular::Element::Module
+
+        add_option_keys :inline_col_class, :stacked_col_class
+        set_default :wrapper_options, :inline_wrapper_class, if: :inline_column?
+
+        def inline_wrapper_class
+          { class: options[:inline_col_class] }
+        end
+
+        def inline_column?
+          options[:inline_col_class]
+        end
+
+        def stacked_column?
+          options[:stacked_col_class]
+        end
+
+        rename_html_context(:default, :no_cols)
+
+        html(:stacked_column) do |element|
+          element.builder.row {
+            element.builder.div(
+              class: element.options[:stacked_col_class],
+              content: element.to_html(context: :no_cols)
+            )
+          }
+        end
+
+        html do |element|
+          context = element.stacked_column? ? :stacked_column : :no_cols
+          element.to_html(context: context)
+        end
+      end # module ColumnControl
+    end # module Bootstrap3
+  end # class Element
+end # module Formular

data/lib/formular/element/bootstrap3/horizontal.rb

@@ -0,0 +1,146 @@
+require 'formular/element'
+require 'formular/elements'
+require 'formular/element/module'
+require 'formular/element/bootstrap3'
+require 'formular/element/bootstrap3/checkable_control'
+module Formular
+  class Element
+    module Bootstrap3
+      module Horizontal
+        module WrappedControl
+          include Formular::Element::Module
+
+          html(:label_column) do |input|
+            input.label
+          end
+
+          html(:input_column) do |input|
+            concat input.to_html(context: :default)
+            concat input.hint
+            concat input.error
+          end
+
+          html(:wrapped) do |input|
+            input.wrapper do |wrapper|
+              concat input.to_html(context: :label_column)
+              concat wrapper.input_column_wrapper(
+                              class: input.column_class,
+                              content: input.to_html(context: :input_column)
+                            )
+            end
+          end
+
+          module InstanceMethods
+            def column_class
+              has_label? ? [] : builder.class.column_classes[:left_offset]
+            end
+          end
+        end # module WrappedControl
+
+        module WrappedCheckableControl
+          include Formular::Element::Module
+          include WrappedControl
+
+          html(:label_column) do |input|
+            input.group_label
+          end
+
+          html(:input_column) do |input|
+            concat input.hidden_tag
+            concat input.to_html(context: :collection)
+            concat input.hint
+            concat input.error
+          end
+
+          module InstanceMethods
+            def column_class
+              has_group_label? ? [] : builder.class.column_classes[:left_offset]
+            end
+          end
+        end # module WrappedCheckableControl
+
+        class InputColumnWrapper < Formular::Element::Div
+          set_default :class, :column_class
+
+          def column_class
+            builder.class.column_classes[:right_column]
+          end
+        end # class InputColumnWrapper
+
+        class Label < Formular::Element::Bootstrap3::Label
+          set_default :class, :column_class
+
+          def column_class
+            builder.class.column_classes[:left_column] + ['control-label']
+          end
+        end # class Label
+
+        class Form < Formular::Element::Form
+          set_default :class, ['form-horizontal']
+        end # class Form
+
+        class Select < Formular::Element::Bootstrap3::Select
+          include WrappedControl
+        end # class Select
+
+        class Textarea < Formular::Element::Bootstrap3::Textarea
+          include WrappedControl
+        end # class Textarea
+
+        class Input < Formular::Element::Bootstrap3::Input
+          include WrappedControl
+        end # class Input
+
+        class InputGroup < Formular::Element::Bootstrap3::InputGroup
+          include WrappedControl
+
+          html(:start) do |input|
+            wrapper = input.wrapper
+            concat wrapper.start
+            concat input.to_html(context: :label_column)
+            concat wrapper.input_column_wrapper(class: input.column_class).start
+            concat Formular::Element::Bootstrap3::InputGroup::Wrapper.().start
+          end
+
+          html(:end) do |input|
+            wrapper = input.wrapper
+            concat Formular::Element::Bootstrap3::InputGroup::Wrapper.().end
+            concat wrapper.input_column_wrapper.end
+            concat wrapper.end
+          end
+        end # class InputGroup
+
+        class Submit < Formular::Element::Bootstrap3::Submit
+          self.html_context = :wrapped
+
+          html(:wrapped) do |input|
+            input.wrapper do |wrapper|
+              wrapper.input_column_wrapper(
+                        class: input.builder.class.column_classes[:left_offset],
+                        content: input.to_html(context: :default)
+                      )
+            end
+          end
+        end # class Submit
+
+        class Checkbox < Formular::Element::Bootstrap3::Checkbox
+          include Formular::Element::Bootstrap3::CheckableControl::StackedCheckable
+          include WrappedCheckableControl
+        end # class Checkbox
+
+        class Radio < Formular::Element::Bootstrap3::Radio
+          include Formular::Element::Bootstrap3::CheckableControl::StackedCheckable
+          include WrappedCheckableControl
+        end # class Radio
+
+        class InlineCheckbox < Formular::Element::Bootstrap3::InlineCheckbox
+          include WrappedCheckableControl
+        end # class InlineCheckbox
+
+        class InlineRadio < Formular::Element::Bootstrap3::InlineRadio
+          include WrappedCheckableControl
+        end # class InlineRadio
+      end # module Horizontal
+    end # module Bootstrap3
+  end # class Element
+end # module Formular

data/lib/formular/element/bootstrap3/input_group.rb

@@ -0,0 +1,83 @@
+require 'formular/elements'
+require 'formular/element/modules/container'
+require 'formular/element/modules/wrapped_control'
+
+module Formular
+  class Element
+    module Bootstrap3
+      class InputGroup < Formular::Element::Input
+        include Formular::Element::Modules::WrappedControl
+        include Formular::Element::Modules::Container
+        include Formular::Element::Bootstrap3::ColumnControl
+
+        class Wrapper < Formular::Element::Div
+          set_default :class, ['input-group']
+        end # class Wrapper
+
+        class Addon < Formular::Element::Span
+          set_default :class, ['input-group-addon']
+        end # class Addon
+
+        class Btn < Formular::Element::Span
+          set_default :class, ['input-group-btn']
+        end # class Btn
+
+        set_default :class, ['form-control']
+
+        add_option_keys :left_addon, :right_addon, :left_btn, :right_btn
+
+        html(:raw_input) { closed_start_tag }
+
+        html(:no_cols) do |input|
+          content = if input.has_content?
+                      input.content
+                    else
+                      input.to_html(context: :with_options)
+                    end
+          Wrapper.(content: content)
+        end
+
+        html(:start) do |input|
+          concat input.wrapper.start
+          concat input.label
+          concat Wrapper.().start
+        end
+
+        html(:end) do |input|
+          concat Wrapper.().end
+          concat input.hint
+          concat input.error
+          concat input.wrapper.end
+        end
+
+        def group_addon(content = nil, option_key: nil)
+          return '' unless content || option_key
+          addon_content = content || options[option_key]
+          return '' unless addon_content
+
+          Addon.(content: addon_content)
+        end
+
+        def group_btn(content = nil, option_key: nil)
+          return '' unless content || option_key
+          addon_content = content || options[option_key]
+          return '' unless addon_content
+
+          Btn.(content: addon_content)
+        end
+
+        def control
+          to_html(context: :raw_input)
+        end
+
+        html(:with_options) do |input|
+          concat input.group_addon(option_key: :left_addon)
+          concat input.group_btn(option_key: :left_btn)
+          concat input.control
+          concat input.group_addon(option_key: :right_addon)
+          concat input.group_btn(option_key: :right_btn)
+        end
+      end # class InputGroup
+    end # module Bootstrap3
+  end # class Element
+end # module Formular

data/lib/formular/element/bootstrap4.rb

@@ -0,0 +1,49 @@
+require 'formular/element'
+require 'formular/elements'
+require 'formular/element/modules/wrapped_control'
+require 'formular/element/module'
+require 'formular/element/bootstrap4/checkable_control'
+require 'formular/element/bootstrap4/custom_control'
+require 'formular/element/bootstrap3/column_control'
+
+module Formular
+  class Element
+    module Bootstrap4
+      include CheckableControl
+      include CustomControl
+
+      class Submit < Formular::Element::Button
+        set_default :class, ['btn', 'btn-secondary']
+        set_default :type, 'submit'
+      end # class Submit
+
+      class Error < Formular::Element::Error
+        tag :span
+        set_default :class, ['form-control-feedback']
+      end # class Error
+
+      class Hint < Formular::Element::Small
+        set_default :class, ['text-muted']
+      end # class Hint
+
+      class Input < Formular::Element::Input
+        include Formular::Element::Modules::WrappedControl
+        include Formular::Element::Bootstrap3::ColumnControl
+
+        set_default :class, :input_class
+
+        def input_class
+          attributes[:type].to_s == 'file' ? %(form-control-file) : %(form-control)
+        end
+      end # class Input
+
+      class Wrapper < Formular::Element::Fieldset
+        set_default :class, ['form-group']
+      end # class Wrapper
+
+      class ErrorWrapper < Formular::Element::Fieldset
+        set_default :class, ['form-group', 'has-danger']
+      end # class Wrapper
+    end # module Bootstrap3
+  end # class Element
+end # module Formular

data/lib/formular/element/bootstrap4/checkable_control.rb

@@ -0,0 +1,94 @@
+require 'formular/elements'
+require 'formular/element/modules/wrapped_control'
+require 'formular/element/module'
+
+module Formular
+  class Element
+    module Bootstrap4
+      module CheckableControl
+        class Checkbox < Formular::Element::Checkbox
+          include Formular::Element::Modules::WrappedControl
+          set_default :class, ['form-check-input']
+          set_default :value, '1' # instead of reader value
+
+          html { closed_start_tag }
+        end # class Checkbox
+
+        class Radio < Formular::Element::Radio
+          include Formular::Element::Modules::WrappedControl
+          set_default :class, ['form-check-input']
+
+          def hidden_tag
+            ''
+          end
+        end # class Radio
+
+        module InlineCheckable
+          include Formular::Element::Module
+
+          set_default :control_label_options, { class: ['form-check-inline'] }
+
+          html(:wrapped) do |input|
+            input.wrapper do
+              concat input.group_label
+              concat input.hidden_tag unless input.collection?
+              if input.has_group_label?
+                concat Formular::Element::Div.(content: input.to_html(context: :collection))
+              else
+                concat input.to_html(context: :collection)
+              end
+              concat input.hidden_tag if input.collection?
+              concat input.hint
+              concat input.error
+            end
+          end
+        end # class InlineCheckable
+
+        class InlineRadio < Radio
+          include InlineCheckable
+        end # class InlineRadio
+
+        class InlineCheckbox < Checkbox
+          include InlineCheckable
+        end # class InlineCheckbox
+
+        module StackedCheckable
+          include Formular::Element::Module
+
+          html(:wrapped) do |input|
+            input.wrapper do
+              concat input.group_label
+              concat input.hidden_tag unless input.collection?
+              concat input.to_html(context: :collection)
+              concat input.hidden_tag if input.collection?
+              concat input.hint
+              concat input.error
+            end
+          end
+
+          html(:collection) do |input|
+            input.collection.map { |control|
+              control.inner_wrapper { control.to_html(context: :checkable_label) }
+            }.join('')
+          end
+
+          set_default :control_label_options, { class: ['form-check-label'] }
+
+          module InstanceMethods
+            def inner_wrapper(&block)
+              Formular::Element::Div.(class: ['form-check'], &block).to_s
+            end
+          end
+        end # module StackedCheckable
+
+        class StackedCheckbox < Checkbox
+          include StackedCheckable
+        end # class Checkbox
+
+        class StackedRadio < Radio
+          include StackedCheckable
+        end # class StackedRadio
+      end # module CheckableControl
+    end # module Bootstrap4
+  end # class Element
+end # module Formular

data/lib/formular/element/bootstrap4/custom_control.rb

@@ -0,0 +1,120 @@
+require 'formular/elements'
+require 'formular/element/modules/wrapped_control'
+require 'formular/element/bootstrap4'
+require 'formular/element/bootstrap3'
+require 'formular/element/module'
+
+module Formular
+  class Element
+    module Bootstrap4
+      module CustomControl
+        module CustomCheckable
+          include Formular::Element::Module
+          include Formular::Element::Modules::WrappedControl
+          set_default :class, ['custom-control-input']
+
+          html(:checkable_label) do |input|
+            Formular::Element::Label.(input.label_options) do
+              concat input.to_html(context: :default)
+              concat Formular::Element::Span.(class: ['custom-control-indicator'])
+              if input.has_label?
+                concat Formular::Element::Span.(class: ['custom-control-description'], content: input.label_text)
+              end
+            end
+          end
+
+          html(:wrapped) do |input|
+            input.wrapper do
+              concat input.group_label
+              concat input.hidden_tag unless input.collection?
+              concat input.to_html(context: :collection)
+              concat input.hidden_tag if input.collection?
+              concat input.hint
+              concat input.error
+            end
+          end
+        end # module CustomCheckbable
+
+        module CustomStackable
+          include Formular::Element::Module
+
+          html(:collection) do |input|
+            collection_html = input.collection.map { |item|
+                item.to_html(context: :checkable_label)
+              }.join
+
+            Formular::Element::Div.(
+              class: ['custom-controls-stacked'],
+              content: collection_html
+            )
+          end
+        end # module CustomStackable
+
+        module Inline
+          class CustomCheckbox < Formular::Element::Checkbox
+            include CustomCheckable
+
+            html { closed_start_tag }
+
+            set_default :control_label_options, { class: ['custom-control custom-checkbox'] }
+            set_default :value, '1' # instead of reader value
+          end # class Checkbox
+
+          class CustomRadio < Formular::Element::Radio
+            include CustomCheckable
+            set_default :control_label_options, { class: ['custom-control custom-radio'] }
+
+            def hidden_tag
+              ''
+            end
+          end # class Radio
+
+          class CustomSelect < Formular::Element::Bootstrap3::Select
+            set_default :class, ['custom-select']
+          end # class CustomSelect
+
+          class CustomFile < Formular::Element::Input
+            include Formular::Element::Modules::WrappedControl
+            include Formular::Element::Bootstrap3::ColumnControl
+
+            set_default :class, ['custom-file-input']
+            set_default :type, 'file'
+
+            rename_html_context(:default, :control)
+
+            html do |input|
+              Formular::Element::Label.(class: ['custom-file']) do
+                concat input.to_html(context: :control)
+                concat Formular::Element::Span.(class: ['custom-file-control'])
+              end
+            end
+          end #class CustomFile
+        end # module Inline
+
+        class CustomSelect < Inline::CustomSelect
+          rename_html_context(:default, :input)
+
+          html do |input|
+            Formular::Element::Div.(content: input.to_html(context: :input))
+          end
+        end # class Select
+
+        class CustomFile < Inline::CustomFile
+          rename_html_context(:default, :input)
+
+          html do |input|
+            Formular::Element::Div.(content: input.to_html(context: :input))
+          end
+        end # class File
+
+        class CustomStackedRadio < Inline::CustomRadio
+          include CustomStackable
+        end # class StackedRadio
+
+        class CustomStackedCheckbox < Inline::CustomCheckbox
+          include CustomStackable
+        end # class StackedCheckbox
+      end # module CustomControl
+    end  # module Bootstrap4
+  end  # class Element
+end # module Formular