ui_bibz 0.9.0

data/lib/ui_bibz/ui/grid/components/col.rb

@@ -0,0 +1,74 @@
+module UiBibz::Ui
+
+  # Create a col
+  #
+  # 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:
+  # * +num+ - Integer | 0..12
+  # * +offset+ - Integer
+  # * +size+ - Integer
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Col.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Col.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Col.new({num: 2, offset: 1, size: 3}, class: 'test') do
+  #     #content
+  #   end
+  #
+  #   UiBibz::Ui::Col.new([{num: 2, offset: 1, size: 3}, { num: 3}], class: 'test') do
+  #     #content
+  #   end
+  #
+  class Col < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @cols = []
+    end
+
+    def render
+      content_tag :div, @content, class_and_html_options(col_classes)
+    end
+
+  private
+
+    def col_classes
+      classes = []
+      [@options].flatten.each do |col|
+        classes << add_classes("col-#{ size(col) }-#{ num(col) }", offset(col))
+      end
+      @options = {}
+      classes.join(' ')
+    end
+
+    def size col
+      col[:size] || :md
+    end
+
+    def num col
+      col[:num] || 1
+    end
+
+    def offset col
+      "col-offset-#{ col[:offset] }" if col[:offset]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/grid/components/row.rb

@@ -0,0 +1,32 @@
+module UiBibz::Ui
+
+  # Create a row
+  #
+  # This element is an extend of UiBibz::Ui::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Row.new(content, options = {}, html_options = {})
+  #
+  #   UiBibz::Ui::Row.new(options = {}, html_options = {}) do
+  #     #content
+  #   end
+  #
+  class Row < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :div, @content, class_and_html_options('row')
+    end
+
+  end
+end

data/lib/ui_bibz/ui/grid/grid.rb

@@ -0,0 +1,108 @@
+module UiBibz::Ui
+
+  # Create a Grid
+  #
+  # 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:
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Grid.new().tap do |g|
+  #     ...
+  #     g.view content = nil, options = nil, html_options = nil, &block
+  #     ...
+  #   end
+  #
+  # ==== Exemples
+  #
+  #  UiBibz::Ui::Grid.new().tap do |g|
+  #    g.view num: 5, position: :left do
+  #      'left'
+  #    end
+  #    g.view position: :right do
+  #      'right'
+  #    end
+  #    g.view({ position: :top}, { class: 'success'}) do
+  #      'top'
+  #    end
+  #    g.view position: :center do
+  #      'center'
+  #    end
+  #    g.view position: :bottom do
+  #      'bottom'
+  #    end
+  #  end.render
+  #
+  class Grid < Component
+
+    COL_NUM = 12
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @views = {}
+    end
+
+    def view content = nil, options = nil, html_options = nil, &block
+      o      = content.kind_of?(Hash) ? content : options
+      c      = UiBibz::Ui::Component.new content, options, html_options, &block
+      h      = Hash[o[:position], { component: c, num: o[:num]}]
+      @views = @views.merge(h)
+    end
+
+    def render
+      define_col_nums
+      UiBibz::Ui::Row.new(class: 'grid') do
+        # top
+        concat top_view    unless @views[:top].nil?
+        # left
+        concat left_view   unless @views[:left].nil?
+        # center
+        concat center_view unless @views[:center].nil?
+        # right
+        concat right_view  unless @views[:right].nil?
+        # bottom
+        concat bottom_view unless @views[:bottom].nil?
+      end.render
+    end
+
+    def view_by_num c, num, item_class
+      UiBibz::Ui::Col.new(c.content, c.options.merge({ num: num }), c.class_and_html_options(['col', item_class])).render
+    end
+
+    def top_view
+      view_by_num @views[:top][:component], COL_NUM, 'grid-top'
+    end
+
+    def bottom_view
+      view_by_num @views[:bottom][:component], COL_NUM, 'grid-bottom'
+    end
+
+    def left_view
+      view_by_num @views[:left][:component], @left_val, 'grid-left'
+    end
+
+    def center_view
+      view_by_num @views[:center][:component], COL_NUM-@left_val-@right_val, 'grid-center'
+    end
+
+    def right_view
+      view_by_num @views[:right][:component], @right_val, 'grid-right'
+    end
+
+    def define_col_nums
+      @left_val  = @views[:left].nil? ? 0 : (@views[:left][:num] || 1)
+      @right_val = @views[:right].nil? ? 0 : (@views[:right][:num] || 1)
+    end
+
+  end
+end

data/lib/ui_bibz/ui/jumbotron.rb

@@ -0,0 +1,58 @@
+module UiBibz::Ui
+
+  # Create a jumbotron
+  #
+  # 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:
+  # * +full_with+ - Boolean to render jumbotron in fullscreen
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Jumbotron.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Jumbotron.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Jumbotron.new(content, full_width: true).render
+  #
+  #   UiBibz::Ui::Jumbotron.new() do
+  #     #content
+  #   end.render
+  #
+  class Jumbotron < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :div, class_and_html_options('jumbotron') do
+        if full_width
+          content_tag :div, @content, class: 'container'
+        else
+          @content
+        end
+      end
+    end
+
+  private
+
+    def full_width
+      @options[:full_width]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/label.rb

@@ -0,0 +1,58 @@
+module UiBibz::Ui
+
+  # Create a label
+  #
+  # 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+)
+  # * +glyph+ - Add glyph with name or hash options
+  #   * +name+ - String
+  #   * +size+ - Integer
+  #   * +type+ - Symbol
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Label.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Label.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Label.new(content, type: :success).render
+  #
+  #   UiBibz::Ui::Label.new() do
+  #     #content
+  #   end.render
+  #
+  class Label < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :span, glyph_and_content_html, class_and_html_options('label')
+    end
+
+  private
+
+    def state
+      sym = @options[:state] || :default
+      "label-#{ states[sym] }"
+    end
+
+  end
+end

data/lib/ui_bibz/ui/list/components/list.rb

@@ -0,0 +1,105 @@
+module UiBibz::Ui
+
+  # Create a list
+  #
+  # 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:
+  # * +status+ - State of élement with symbol value:
+  #   (+:active+, +:disable+)
+  # * +url+
+  # * +tap+ - Boolean to add header and body
+  # * +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::List.new(tap: true) do |l|
+  #     l.header content =  nil, options = nil, html_options = nil, &block
+  #     l.body content =  nil, options = nil, html_options = nil, &block
+  #   end
+  #
+  #   UiBibz::Ui::List.new content, options = nil, html_options = nil
+  #
+  #   UiBibz::Ui::List.new options = nil, html_options = nil do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::List.new('Test', state: :success, url: '#test').render
+  #
+  #   UiBibz::Ui::List.new(state: :primary) do
+  #       'Test 2'
+  #   end.render
+  #
+  #   UiBibz::Ui::List.new(tap: true, status: :active) do |l|
+  #     l.header 'My title', nil, class: 'my-title'
+  #     l.body do
+  #       'My content'
+  #     end
+  #   end.render
+  #
+  class List < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag tag, class_and_html_options('list-group-item') do
+        concat glyph_and_content_html if @content
+        concat header_html if @body
+        concat body_html   if @body
+        concat badge_html  if @options[:badge]
+      end
+    end
+
+    def header content = nil, options = nil, html_options = nil, &block
+      @header = Component.new content, options, html_options, &block
+    end
+
+    def body content = nil, options = nil, html_options = nil, &block
+      @body = Component.new content, options, html_options, &block
+    end
+
+  private
+
+    def header_html
+      content_tag :h4, @header.render, @header.class_and_html_options('list-group-item-heading')
+    end
+
+    def body_html
+      content_tag :p, @body.render, @body.class_and_html_options('list-group-item-text')
+    end
+
+    def tag
+      is_link_type? ? :a : :li
+    end
+
+    def is_link_type?
+      @html_options[:href] = @options[:url] if @options[:url]
+      @options[:type] == :link || @html_options[:type] == :link
+    end
+
+    def state
+      unless @options[:state].nil?
+        "list-group-item-#{ states[@options[:state]] }"
+      end
+    end
+
+  end
+end

data/lib/ui_bibz/ui/list/list_group.rb

@@ -0,0 +1,78 @@
+require "ui_bibz/ui/list/components/list"
+module UiBibz::Ui
+
+  # Create a list 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:
+  # * +type+ - Type of list (default: :list)
+  #   (+:link+, +:list+)
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::ListGroup.new().tap |lg|
+  #     ...
+  #     lg.list content = nil, options = nil, html_options = nil, &block
+  #     ...
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::ListGroup.new().tap do |d|
+  #     d.list 'Test', state: :success
+  #     d.list 'Test2', state: :primary
+  #   end.render
+  #
+  #   UiBibz::Ui::ListGroup.new(type: :link).tap do |d|
+  #     d.list 'Test', state: :success, url: '#test'
+  #     d.list(state: :primary) do
+  #       'Test 2'
+  #     end
+  #     d.list(tap: true, status: :active) do |l|
+  #       l.header 'My title', nil, class: 'my-title'
+  #       l.body do
+  #         'My content'
+  #       end
+  #     end
+  #   end.render
+  #
+  class ListGroup < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @lists = []
+    end
+
+    def render
+      content_tag type, @lists.join().html_safe, class_and_html_options("list-group")
+    end
+
+    def list content = nil, options = {} , html_options = nil, &block
+      is_tap  = (content[:tap] if content.kind_of?(Hash)) || (options[:tap] unless options.nil?)
+      options = options.merge({ type: :link }) if @options[:type] == :link
+
+      if is_tap
+        @lists << List.new(content, options, html_options).tap(&block).render
+      else
+        @lists << List.new(content, options, html_options, &block).render
+      end
+    end
+
+  private
+
+    def type
+      @options[:type] == :link ? :div : :ul
+    end
+
+  end
+end

data/lib/ui_bibz/ui/nav/components/nav_link.rb

@@ -0,0 +1,68 @@
+module UiBibz::Ui
+
+  # Create a NavLink
+  #
+  # 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:
+  # * +status+ - State of élement with symbol value:
+  #   (+:active+)
+  # * +url+ - String
+  # * +badge+ - String
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::NavLink.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::NavLink.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::NavLink.new(content, { badge: 15, url: '/', status: :active },{ class: 'test' }).render
+  #
+  #   UiBibz::Ui::NavLink.new({glyph: { name: 'eye', size: 3 }, { class: 'test' }) do
+  #     'Home'
+  #   end.render
+  #
+  class NavLink < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :li, content_htm, class_and_html_options.merge({ role: 'presentation' })
+    end
+
+  private
+
+    # content_htm and not content_html for haml bug
+    def content_htm
+      link_to @options[:url], link_html_options do
+        concat glyph_and_content_html
+        concat badge_html if @options[:badge]
+      end
+    end
+
+    def link_html_options
+      lho = @options[:link_html_options] || {}
+      if @options[:nav_type] == :tabs
+        lho.merge({ "aria-controls" => @options[:selector], "role" => "tab", "data-toggle" => "tab" })
+      else
+        lho
+      end
+    end
+
+  end
+end

data/lib/ui_bibz/ui/nav/nav.rb

@@ -0,0 +1,65 @@
+require 'ui_bibz/ui/nav/components/nav_link'
+module UiBibz::Ui
+
+  # Create a nav
+  #
+  # 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:
+  # * +type+ - Symbol
+  #   (+:pills+, +:tab+)
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Button.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Button.new(options = nil, html_options = nil).tap do |d|
+  #     ...
+  #     d. content = nil, options = nil, html_options = nil, block
+  #     ...
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Nav.new(type: :pills).tap do |d|
+  #     d.link 'Test', url: '#test'
+  #     d.link 'Test2', url: '#test2', status: :active
+  #   end.render
+  #
+  class Nav < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @links = []
+    end
+
+    def render
+      content_tag :ul, @links.join().html_safe, class_and_html_options(["nav", "nav-#{ type }", position])
+    end
+
+    def link content = nil, options = {}, html_options = nil, &block
+      @links << NavLink.new(content, options.merge({ nav_type: type }), html_options, &block).render
+    end
+
+  private
+
+    # tabs or pills
+    def type
+      @options[:type] || :tabs
+    end
+
+    def position
+      "nav-#{ @options[:position] }" unless @options[:position].nil?
+    end
+
+  end
+end