ui_bibz 1.2.5.3 → 2.0.0.alpha

data/lib/ui_bibz/ui/core/input/multi_column_field.rb

@@ -0,0 +1,77 @@
+module UiBibz::Ui::Core
+
+  # Create a MultiColumnField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * option_tags - Array, Object [required]
+  # * selectable_opt_group - Boolean
+  # * searchable - Boolean
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::MultiColumnField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::MultiColumnField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::MultiColumnField.new('fruits', { option_tags: list_of_fruits, searchable: true }, { class: 'test' })
+  #
+  #   UiBibz::Ui::Core::MultiColumnField.new({ option_tags: list_of_fruits, selectable_opt_group: true }, { class: 'test' }) do
+  #     'fruits'
+  #   end
+  #
+  # ==== Helper
+  #
+  #   multi_column_field(content, options = {}, html_options = {})
+  #
+  class MultiColumnField < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    # Render html tag
+    def render
+      select_tag content, options[:option_tags], html_options
+    end
+
+    private
+
+    def component_html_data
+      searchable
+      selectable_opt_group
+    end
+
+    def component_html_classes
+      'multi-column'
+    end
+
+    def component_html_options
+      { multiple: true }
+    end
+
+    def searchable
+      add_html_data('searchable') if options[:searchable]
+    end
+
+    def selectable_opt_group
+      add_html_data('selectable_optgroup') if options[:selectable_opt_group]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/core/input/multi_select_field.rb

@@ -0,0 +1,89 @@
+module UiBibz::Ui::Core
+
+  # Create a MultiSelectField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * option_tags - Array, Object [required]
+  # * clickable_opt_group - Boolean
+  # * collapsible_opt_group - Boolean
+  # * searchable - Boolean
+  # * select_all_option - Boolean
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::MultiSelectField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::MultiSelectField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::MultiSelectField.new('fruits', { option_tags: list_of_fruits, searchable: true }, { class: 'test' })
+  #
+  #   UiBibz::Ui::Core::MultiSelectField.new({ option_tags: list_of_fruits, select_all_option: true }, { class: 'test' }) do
+  #     'fruits'
+  #   end
+  #
+  # ==== Helper
+  #
+  #   multi_select_field(content, options = {}, html_options = {})
+  #
+  class MultiSelectField < UiBibz::Ui::Core::Button
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    # Render html tag
+    def render
+      select_tag content, options[:option_tags], html_options
+    end
+
+    private
+
+    def component_html_options
+      { multiple: true }
+    end
+
+    def component_html_classes
+      ['btn', size, type, 'multi-select']
+    end
+
+    def component_html_data
+      clickable_opt_group
+      collapsible_opt_group
+      searchable
+      select_all_option
+    end
+
+    def clickable_opt_group
+      add_html_data('enable_clickable_opt_groups') if options[:clickable_opt_group]
+    end
+
+    def collapsible_opt_group
+      add_html_data('enable_collapsible_opt_groups') if options[:collapsible_opt_group]
+    end
+
+    def searchable
+      add_html_data('enable_filtering') if options[:searchable]
+    end
+
+    def select_all_option
+      add_html_data('include_select_all_option') if options[:select_all_option]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/core/input/surround_field.rb

@@ -0,0 +1,74 @@
+module UiBibz::Ui::Core
+
+  # Create a SurroundField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * +prepend+ - String
+  # * +append+ - String
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::SurroundField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::SurroundField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::SurroundField.new('search', prepend: 'Prepend content', append: 'Append content', class: 'test')
+  #
+  #   UiBibz::Ui::Core::SurroundField.new(prepend: glyph('pencil'), append: glyph('camera-retro')) do
+  #     #content
+  #   end
+  #
+  # ==== Helper
+  #
+  #   surround_field(options = {}, html_options = {}) do
+  #    # content
+  #   end
+  #
+  class SurroundField < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    # Render html tag
+    def render
+      if options[:append].nil? && options[:prepend].nil?
+        text_field_tag content, html_options[:value], html_options
+      else
+        content_tag :div, class: join_classes('input-group', size) do
+          concat content_tag :span, options[:append], class: 'input-group-addon' unless options[:append].nil?
+          concat text_field_tag content, html_options[:value], html_options
+          concat content_tag :span, options[:prepend], class: 'input-group-addon' unless options[:prepend].nil?
+        end
+      end
+    end
+
+    private
+
+    def component_html_classes
+      'form-control'
+    end
+
+    # :lg, :sm or :xs
+    def size
+      "input-group-#{ options[:size] }" if options[:size]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/core/jumbotron.rb

@@ -49,19 +49,23 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :div, class_and_html_options('jumbotron') do
-        if full_width
-          content_tag :div, @content, class: 'container'
+      content_tag :div, html_options do
+        if fluid
+          Container.new(content).render
         else
-          @content
+          content
         end
       end
     end
 
   private
 
-    def full_width
-      @options[:full_width]
+    def component_html_classes
+      ['jumbotron', fluid]
+    end
+
+    def fluid
+      "jumbotron-fluid" unless options[:fluid].nil?
     end
 
   end

data/lib/ui_bibz/ui/core/label.rb

@@ -21,6 +21,8 @@ module UiBibz::Ui::Core
   #   * +name+ - String
   #   * +size+ - Integer
   #   * +type+ - Symbol
+  # * +type+ - Symbol
+  #   (+pill+)
   #
   # ==== Signatures
   #
@@ -32,7 +34,7 @@ module UiBibz::Ui::Core
   #
   # ==== Examples
   #
-  #   UiBibz::Ui::Core::Label.new(content, state: :success).render
+  #   UiBibz::Ui::Core::Label.new(content, state: :success, type: :pill).render
   #
   #   UiBibz::Ui::Core::Label.new() do
   #     #content
@@ -55,14 +57,22 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :span, glyph_and_content_html, class_and_html_options('label')
+      content_tag :span, glyph_and_content_html, html_options
     end
 
   private
 
+    def component_html_classes
+      ['label', type]
+    end
+
     def state
       sym = @options[:state] || :default
-      "label-#{ states[sym] }"
+      "label-#{ sym }"
+    end
+
+    def type
+      "label-pill" if @options[:type] == :pill
     end
 
   end

data/lib/ui_bibz/ui/core/{col.rb → layout/col.rb}

@@ -3,6 +3,7 @@ module UiBibz::Ui::Core
   # Create a col
   #
   # This element is an extend of UiBibz::Ui::Core::Component.
+  # size are xs, sm, md, lg, xl
   #
   # ==== Attributes
   #
@@ -16,7 +17,13 @@ module UiBibz::Ui::Core
   # You can pass arguments in options attribute:
   # * +num+ - Integer | 0..12
   # * +offset+ - Integer
-  # * +size+ - Integer
+  # * +pull+ - Integer
+  # * +push+ - Integer
+  # * +xs+ - Hash
+  # * +sm+ - Hash
+  # * +md+ - Hash
+  # * +lg+ - Hash
+  # * +xl+ - Hash
   #
   # ==== Signatures
   #
@@ -28,11 +35,9 @@ module UiBibz::Ui::Core
   #
   # ==== Examples
   #
-  #   UiBibz::Ui::Core::Col.new({num: 2, offset: 1, size: 3}, class: 'test') do
-  #     #content
-  #   end
+  #   UiBibz::Ui::Core::Col.new('content', { num: 2, offset: 1 }, { class: 'test' })
   #
-  #   UiBibz::Ui::Core::Col.new([{num: 2, offset: 1, size: 3}, { num: 3}], class: 'test') do
+  #   UiBibz::Ui::Core::Col.new(xs: { num: 2, pull: 1, push: 1}, md: { num: 3 }, { class: 'test' }) do
   #     #content
   #   end
   #
@@ -47,35 +52,50 @@ module UiBibz::Ui::Core
     # See UiBibz::Ui::Core::Component.initialize
     def initialize content = nil, options = nil, html_options = nil, &block
       super
-      @cols = []
     end
 
     # Render html tag
     def render
-      content_tag :div, @content, class_and_html_options(col_classes)
+      content_tag :div, content, html_options
     end
 
   private
 
+    def component_html_classes
+      col_classes
+    end
+
     def col_classes
-      classes = []
-      [@options].flatten.each do |col|
-        classes << add_classes("col-#{ size(col) }-#{ num(col) }", offset(col))
+      kl = []
+      @options.each do |ke,va|
+        kl << write_classes(ke, va) if %i(xs sm md lg xl).include?(ke)
       end
-      @options = {}
-      classes.join(' ')
+      kl << write_classes(:md, @options) if kl.empty?
+      kl
+    end
+
+    def write_classes size, opts
+      opts.map{ |k, v| send(k, size.to_sym, v) if %i(num offset push pull).include?(k) }.join(' ')
+    end
+
+    # col-md-9
+    def num size, n
+      "col-#{ size }-#{ n }"
     end
 
-    def size col
-      col[:size] || :md
+    # col-md-offset-9
+    def offset size, n
+      "col-#{ size }-offset-#{ n }"
     end
 
-    def num col
-      col[:num] || 1
+    # col-md-push-9
+    def push size, n
+      "col-#{ size }-push-#{ n }"
     end
 
-    def offset col
-      "col-offset-#{ col[:offset] }" if col[:offset]
+    # col-md-pull-9
+    def pull size, n
+      "col-#{ size }-pull-#{ n }"
     end
 
   end

data/lib/ui_bibz/ui/core/layout/container.rb

@@ -0,0 +1,65 @@
+module UiBibz::Ui::Core
+
+  # Create a Container
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # * +type+ - Symbol (:fluid)
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Container.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::Container.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Container.new(content, { type: :fluid },{ class: 'test' }).render
+  #
+  #   UiBibz::Ui::Core::Container.new({ class: 'test' }) do
+  #     content
+  #   end.render
+  #
+  # ==== Helper
+  #
+  #   container(content, options = {}, html_options = {})
+  #
+  #   container(options = {}, html_options = {}) do
+  #     content
+  #   end
+  #
+  class Container < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    # Render html tag
+    def render
+      content_tag :div, content, html_options
+    end
+
+  private
+
+    def component_html_classes
+      type
+    end
+
+    def type
+      options[:type] == :fluid ? "container-fluid" : "container"
+    end
+
+  end
+end