ui_bibz 0.9.0

data/lib/ui_bibz/ui/button/button_dropdown.rb

@@ -0,0 +1,56 @@
+module UiBibz::Ui
+
+  # Create a button dropdown
+  #
+  # This element is an extend of UiBibz::Ui::Dropdown.
+  #
+  # ==== 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:
+  # * +state+ - State of élement with symbol value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * +size+
+  #   (+:xs+, +:sm+, +:lg+)
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::ButtonDropdown.new(options = nil, html_options = nil).tap do |d|
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     ...
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::ButtonDropdown.new(name, state: :success).tap do |d|
+  #     d.list link_to('test', '#')
+  #     d.list link_to('test2', '#')
+  #   end.render
+  #
+  class ButtonDropdown < Dropdown
+
+    def initialize name, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :div, class_and_html_options(['btn-group', type]).merge({ role: 'group' }) do
+        concat button_html
+        concat ul_html
+      end
+    end
+
+  end
+end

data/lib/ui_bibz/ui/button/button_group.rb

@@ -0,0 +1,62 @@
+module UiBibz::Ui
+
+  # Create a button group
+  #
+  # This element is an extend of UiBibz::Ui::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:
+  # * +state+ - State of element with +symbol+ value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * +size+ - Size of element with +symbol+ value:
+  #   (+:xs+, +:sm+, +:lg+)
+  # * +position+ - Position vertical or horizontal with +symbol+ value:
+  #   (+:vertical+, +:horizontal+)
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::ButtonGroup.new(options = nil, html_options = nil) do
+  #     ...
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::ButtonGroup.new(position: :vertical, size: :xs) do
+  #     UiBibz::Ui.Button.new('test').render
+  #     UiBibz::Ui.Button.new('test2').render
+  #   end.render
+  #
+  class ButtonGroup < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :div, @content, class_and_html_options(["btn-#{ type }", size, position]).merge({ role: type })
+    end
+
+  private
+
+    def type
+      @options[:type] || :group
+    end
+
+    def size
+      "btn-group-#{ @options[:size] }" if @options[:size]
+    end
+
+    def position
+      "btn-group-#{ @options[:position] }" if @options[:position]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/button/button_link.rb

@@ -0,0 +1,66 @@
+module UiBibz::Ui
+
+  # Create a button link
+  #
+  # This element is an extend of UiBibz::Ui::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:
+  # * +state+ - State of élement with symbol value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * +size+
+  #   (+:xs+, +:sm+, +:lg+)
+  # * +url+ - String url
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::ButtonLink.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::ButtonLink.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::ButtonLink.new('test', type: :primary, url: '#')
+  #
+  #   UiBibz::Ui::ButtonLink.new(type: :primary, url: '#') do
+  #     test
+  #   end.render
+  #
+  class ButtonLink < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      link_to glyph_and_content_html, @options[:url], class_and_html_options("btn")
+    end
+
+  private
+
+    def state
+      sym = @options[:state] || :default
+      "btn-#{  states[sym] }"
+    end
+
+    # :lg, :sm or :xs
+    def size
+      "btn-#{ @options[:size] }" if @options[:size]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/button/button_split_dropdown.rb

@@ -0,0 +1,80 @@
+module UiBibz::Ui
+
+  # Create a button dropdown
+  #
+  # This element is an extend of UiBibz::Ui::Dropdown.
+  #
+  # ==== 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:
+  # * +state+ - State of élement with symbol value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * +size+
+  #   (+:xs+, +:sm+, +:lg+)
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::ButtonSplitDropdown.new(options = nil, html_options = nil).tap do |d|
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     ...
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::ButtonSplitDropdown.new(name, state: :success).tap do |d|
+  #     d.list link_to('test', '#')
+  #     d.list link_to('test2', '#')
+  #   end.render
+  #
+  class ButtonSplitDropdown < Dropdown
+
+    def initialize name, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :div, class_and_html_options(['btn-group', type]).merge({ role: 'group' }) do
+        concat button_html
+        concat split_html
+        concat ul_html
+      end
+    end
+
+  private
+
+
+    def button_html
+      content_tag :button, button_content, class: add_classes("btn", button_state, size)
+    end
+
+    def split_html
+      content_tag :button, split_content, class: add_classes("btn", button_state, "dropdown-toggle"), type: 'button', "data-toggle" => 'dropdown', "aria-expanded" => false
+    end
+
+    def split_content
+      [caret, src_only].join.html_safe
+    end
+
+    def src_only
+      content_tag :span, "Toggle Dropdown", class: "sr-only"
+    end
+
+    def button_content
+      [glyph_with_space, @content].compact.join.html_safe
+    end
+
+  end
+end

data/lib/ui_bibz/ui/component.rb

@@ -0,0 +1,137 @@
+require 'haml'
+module UiBibz::Ui
+
+  # Creates a component of the given +name+ using options created by the set of +options+.
+  #
+  # ==== 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:
+  # * +state+ - State of élement with symbol value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Component.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Component.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Component.new(content, { type: :success, glyph: 'eye' },{ class: 'test' })
+  #   # or
+  #   UiBibz::Ui::Component.new({glyph: { name: 'eye', size: 3}, { class: 'test' }) do
+  #     content
+  #   end
+  #
+  class Component < Ui
+
+    attr_accessor :content, :html_options, :options
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      if !block.nil?
+        @html_options, @options = options, content
+        context  = eval("self", block.binding)
+        @content = context.capture(&block)
+      else
+        if content.kind_of?(Hash)
+          @html_options, @options = options, content
+        else
+          @html_options, @options, @content = html_options, options, content
+        end
+      end
+      @html_options = @html_options || {}
+      @options      = @options || {}
+    end
+
+    def render
+      glyph_and_content_html
+    end
+
+    def glyph_and_content_html
+      [glyph_with_space, @content].compact.join.html_safe
+    end
+
+    def glyph
+      glyph_info = options[:glyph] if options.kind_of?(Hash)
+      Glyph.new(glyph_info).render unless glyph_info.nil?
+    end
+
+    def glyph_with_space
+      "#{ glyph } " unless glyph.nil?
+    end
+
+    def options
+      @options
+    end
+
+    def html_options
+      @html_options
+    end
+
+    def content
+      @content
+    end
+
+    def state
+      sym = options.delete(:state) if options[:state]
+      sym = sym || :default
+      states[:sym]
+    end
+
+    def badge_html
+      content_tag :span, @options[:badge], class: 'badge'
+    end
+
+    def class_and_html_options classes = nil
+      options_class = options[:class] if options.kind_of?(Hash)
+      cls = [
+        html_options[:class],
+        status,
+        state,
+        options_class
+      ]
+      cls << classes unless classes.nil?
+      cls = cls.flatten.compact
+      html_options[:class] = cls.join(' ') unless cls.empty?
+      html_options
+    end
+
+    def options_in_html_options opts
+      html_options.merge!(opts) unless opts.nil?
+      html_options
+    end
+
+    def status
+      options[:status]
+    end
+
+    def states
+      if @states.nil?
+        states = {}
+        %w(default success primary info waring danger).each do |s|
+          states = states.merge(Hash[s.to_sym, s])
+        end
+        @states = states
+      end
+      @states
+    end
+
+    def add_classes *classes
+      classes.compact.join(' ')
+    end
+
+  end
+end

data/lib/ui_bibz/ui/dropdown/components/dropdown_list.rb

@@ -0,0 +1,73 @@
+module UiBibz::Ui
+
+  # Create DropdownList
+  #
+  # This element is an extend of UiBibz::Ui::Component.
+  # Use '---' in content to add a separator
+  #
+  # ==== 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:
+  # * +status+ - State of élement with symbol value:
+  #   (+:active+)
+  # * +url+ - String
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::DropdownList.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::DropdownList.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::DropdownList.new('Home', { glyph: 'home', status: :active },{ class: 'test' }).render
+  #
+  #   UiBibz::Ui::DropdownList.new({glyph: { name: 'eye', size: 3}, { class: 'test' }) do
+  #     'Home'
+  #   end.render
+  #
+  #   UiBibz::UiBibz::DropdownList.new('---').render # To add a separator
+  #
+  class DropdownList < Component
+
+    DIVIDER = '---'
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      @content == DIVIDER ? divider_html : link_html
+    end
+
+  private
+
+    def divider_html
+      content_tag :li, '', class_and_html_options('divider').merge({ role: 'presentation' })
+    end
+
+    def link_html
+      content_tag :li, class_and_html_options(type).merge({ role: 'presentation' }) do
+        @content
+      end
+    end
+
+    def type
+      "dropdown-header" if @options[:type] == :header
+    end
+
+  end
+end

data/lib/ui_bibz/ui/dropdown/dropdown.rb

@@ -0,0 +1,101 @@
+require 'ui_bibz/ui/dropdown/components/dropdown_list'
+module UiBibz::Ui
+
+  # Create a dropdown
+  #
+  # This element is an extend of UiBibz::Ui::Component.
+  # You can use tap method to add list items.
+  #
+  # ==== 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:
+  # * +state+ - State of élement with symbol value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * +size+
+  #   (+:xs+, +:sm+, +:lg+)
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Dropdown.new(options = nil, html_options = nil).tap do |d|
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     d.list content = nil, options = nil, html_options = nil, &block
+  #     ...
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Dropdown.new(name, state: :success).tap do |d|
+  #     d.list link_to('test', '#')
+  #     d.list link_to('test2', '#')
+  #   end.render
+  #
+  class Dropdown < Component
+
+    def initialize content, options = nil, html_options  = nil, &block
+      super
+      @lists = []
+      @state = @options.delete(:state)
+    end
+
+    def render
+      content_tag :div, class_and_html_options(type) do
+        concat button_html
+        concat ul_html
+      end
+    end
+
+    # See UiBibz::Ui::DropdownList
+    def list content = nil, options = nil, html_options = nil, &block
+      @lists << DropdownList.new(content, options, html_options, &block).render
+    end
+
+  private
+
+    def button_content
+      [glyph_with_space, @content, ' ', caret].compact.join.html_safe
+    end
+
+    def button_html
+      content_tag :button, button_content, class: add_classes("btn", button_state, size, "dropdown-toggle"), type: 'button', "data-toggle" => 'dropdown', "aria-expanded" => false
+    end
+
+    def ul_html
+      content_tag :ul, @lists.join.html_safe, class: "dropdown-menu dropdown-menu-#{ position }", role: 'menu'
+    end
+
+    def caret
+      content_tag :span, '', class: 'caret'
+    end
+
+    def position
+      @options[:position] || 'left'
+    end
+
+    def type
+      @options[:type] || 'dropdown'
+    end
+
+    def button_state
+      sym = @state || :default
+      "btn-#{  states[sym] }"
+    end
+
+    # :lg, :sm or :xs
+    def size
+      "btn-#{ @options[:size] }" if @options[:size]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/glyph.rb

@@ -0,0 +1,92 @@
+module UiBibz::Ui
+
+  # Create a glyph
+  #
+  # This element is an extend of UiBibz::Ui::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:
+  # * +name+ - String
+  # * +size+ - Integer
+  # * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Glyph.new content = nil, options = nil, html_options = nil,
+  #   &block
+  #
+  #   UiBibz::Ui::Glyph.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  #   UiBibz::Ui::Glyph.new content = {}
+  #
+  #   UiBibz::Ui::Glyph.new content, options = {}, html_options = {}
+  #
+  # ==== Exemples
+  #
+  #   UiBibz::Ui::Glyph.new('eye').render
+  #
+  #   UiBibz::Ui::Glyph.new() do
+  #     name
+  #   end.render
+  #
+  #   UiBibz::Ui::Glyph.new('eye', { size: 3, type: 'fw' }).render
+  #
+  #   UiBibz::Ui::Glyph.new({ name: 'eye', size: 3, type: 'fw' }).render
+  #
+  #
+  class Glyph < Component
+
+    def initialize content, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :i, '', class_and_html_options(classes)
+    end
+
+    def classes
+      cls = ["glyph", "fa", "fa-#{ content }"]
+      cls << "fa-#{ size }x"         unless size.nil?
+      cls << "fa-rotate-#{ rotate }" unless rotate.nil?
+      cls << "fa-flip-#{ flip }"     unless flip.nil?
+      cls << "fa-stack-#{ stack }x"  unless stack.nil?
+      cls << "fa-#{ type }"          unless type.nil?
+      cls.compact.join(' ')
+    end
+
+    def size
+      @options[:size]
+    end
+
+    def stack
+      @options[:stack]
+    end
+
+    def rotate
+      @options[:rotate]
+    end
+
+    def flip
+      @options[:flip]
+    end
+
+    def type
+      @options[:type]
+    end
+
+    def content
+      @options[:name] || @content
+    end
+
+  end
+end