ui_bibz 1.2.5.3 → 2.0.0.alpha

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

@@ -15,9 +15,12 @@ module UiBibz::Ui::Core
   # 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+)
+  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+)
   # * +size+
   #   (+:xs+, +:sm+, +:lg+)
+  # * +outline+ - Boolean
+  # * +status+ - Symbol (+:active+, +:disabled)
+  # * +type+ - Symbol (+:block)
   # * +glyph+ - Add glyph with name or hash options
   #   * +name+ - String
   #   * +size+ - Integer
@@ -59,11 +62,21 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :div, class_and_html_options(['btn-group', type]).merge({ role: 'group' }) do
+      content_tag :div, html_options do
         concat button_html
         concat ul_html
       end
     end
 
+    private
+
+    def component_html_classes
+      ['btn-group', type]
+    end
+
+    def component_html_options
+      { role: 'group' }
+    end
+
   end
 end

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

@@ -15,7 +15,7 @@ module UiBibz::Ui::Core
   # 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+)
+  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+)
   # * +size+ - Size of element with +symbol+ value:
   #   (+:xs+, +:sm+, +:lg+)
   # * +position+ - Position vertical or horizontal with +symbol+ value:
@@ -51,21 +51,33 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :div, @content, class_and_html_options(["btn-#{ type }", size, position]).merge({ role: type })
+      content_tag :div, content, html_options
     end
 
   private
 
+    def component_html_classes
+      ["btn-#{ type }", size, position]
+    end
+
+    def component_html_options
+      { role: type, data: { toggle: 'buttons' } }
+    end
+
+    def component_html_data
+      add_html_data "toggle", "buttons"
+    end
+
     def type
-      @options[:type] || :group
+      options[:type] || :group
     end
 
     def size
-      "btn-group-#{ @options[:size] }" if @options[:size]
+      "btn-group-#{ options[:size] }" if options[:size]
     end
 
     def position
-      "btn-group-#{ @options[:position] }" if @options[:position]
+      "btn-group-#{ options[:position] }" if options[:position]
     end
 
   end

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

@@ -15,10 +15,13 @@ module UiBibz::Ui::Core
   # 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+)
+  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+)
   # * +size+
   #   (+:xs+, +:sm+, +:lg+)
   # * +url+ - String url
+  # * +outline+ - Boolean
+  # * +status+ - Symbol (+:active+, +:disabled)
+  # * +type+ - Symbol (+:block)
   # * +glyph+ - Add glyph with name or hash options
   #   * +name+ - String
   #   * +size+ - Integer
@@ -48,7 +51,7 @@ module UiBibz::Ui::Core
   #     content
   #   end
   #
-  class ButtonLink < Component
+  class ButtonLink < UiBibz::Ui::Core::Button
 
     # See UiBibz::Ui::Core::Component.initialize
     def initialize content = nil, options = nil, html_options = nil, &block
@@ -57,19 +60,13 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      link_to glyph_and_content_html, @options[:url], class_and_html_options("btn")
+      link_to glyph_and_content_html, options[:url], html_options
     end
 
   private
 
-    def state
-      sym = @options[:state] || :default
-      "btn-#{  states[sym] }"
-    end
-
-    # :lg, :sm or :xs
-    def size
-      "btn-#{ @options[:size] }" if @options[:size]
+    def component_html_classes
+      ['btn', size, type]
     end
 
   end

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

@@ -15,9 +15,12 @@ module UiBibz::Ui::Core
   # 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+)
+  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+)
   # * +size+
   #   (+:xs+, +:sm+, +:lg+)
+  # * +outline+ - Boolean
+  # * +status+ - Symbol (+:active+, +:disabled)
+  # * +type+ - Symbol (+:block)
   # * +glyph+ - Add glyph with name or hash options
   #   * +name+ - String
   #   * +size+ - Integer
@@ -59,7 +62,7 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :div, class_and_html_options(['btn-group', type]).merge({ role: 'group' }) do
+      content_tag :div, html_options do
         concat button_html
         concat split_html
         concat ul_html
@@ -68,13 +71,20 @@ module UiBibz::Ui::Core
 
   private
 
+    def component_html_classes
+      ['btn-group', type]
+    end
+
+    def component_html_options
+      { role: 'group' }
+    end
 
     def button_html
-      content_tag :button, button_content, class: add_classes("btn", button_state, size)
+      content_tag :button, button_content, class: join_classes("btn", button_state, size)
     end
 
     def split_html
-      content_tag :button, split_content, class: add_classes("btn", button_state, size, "dropdown-toggle"), type: 'button', "data-toggle" => 'dropdown', "aria-expanded" => false
+      content_tag :button, split_content, class: join_classes("btn", button_state, size, "dropdown-toggle"), type: 'button', "data-toggle" => 'dropdown', "aria-haspopup" => true, "aria-expanded" => false
     end
 
     def split_content
@@ -86,7 +96,7 @@ module UiBibz::Ui::Core
     end
 
     def button_content
-      [glyph_with_space, @content].compact.join.html_safe
+      [glyph_with_space, content].compact.join.html_safe
     end
 
   end

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

@@ -0,0 +1,158 @@
+require 'ui_bibz/ui/core/card/components/card_header'
+require 'ui_bibz/ui/core/card/components/card_footer'
+require 'ui_bibz/ui/core/card/components/card_block'
+require 'ui_bibz/ui/core/card/components/card_image'
+require 'ui_bibz/ui/core/card/components/card_list_group'
+module UiBibz::Ui::Core
+
+  # Create a card
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  # You can use tap method to add header, body or footer element.
+  #
+  # ==== 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:
+  #   (+:primary+, +:secondary+, +:info+, +:warning+, +:danger+)
+  # * text_position - Symbole
+  #   (+:left+, +:right+, +:center+)
+  # * block - Boolean
+  # * type - Symbol
+  #   (+:inverse+)
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Card.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::Card.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  #   UiBibz::Ui::Core::Card.new(options = nil, html_options = nil).tap do |p|
+  #     p.header content = nil, options = nil, html_options = nil, &block
+  #     p.block content = nil, options = nil, html_options = nil, &block
+  #     p.footer content = nil, options = nil, html_options = nil, &block
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Card('test').render
+  #
+  #   UiBibz::Ui::Core::Card(state: :primary) do |d|
+  #     'test'
+  #   end.render
+  #
+  #   UiBibz::Ui::Core::Card.new().tap do |p|
+  #     p.header 'header', glyph: 'eye', class: 'header-test'
+  #     p.block do
+  #       'body'
+  #     end
+  #     p.footer 'footer'
+  #   end.render
+  #
+  # ==== Helper
+  #
+  #   card(content, options = {}, html_options = {})
+  #
+  #   card(options = {}, html_options = {}) do
+  #     content
+  #   end
+  #
+  #   card(options = { tap: true }, html_options = {}) do |p|
+  #     p.header(content, options = {}, html_options = {})
+  #     # or
+  #     p.header(options = {}, html_options = {}) do
+  #       content
+  #     end
+  #
+  #     p.block(content, options = {}, html_options = {})
+  #     # or
+  #     p.block(options = {}, html_options = {}) do
+  #       content
+  #     end
+  #
+  #     p.footer(content, options = {}, html_options = {})
+  #     # or
+  #     p.footer(options = {}, html_options = {}) do
+  #       content
+  #     end
+  #   end
+  #
+  class Card < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @items = [@content]
+    end
+
+    # Add Header which is a component
+    def header content = nil, options = nil, html_options = nil, &block
+      @items << CardHeader.new(content, options, html_options, &block).render
+    end
+
+    # Add Block div which is a component
+    def block content = nil, options = nil, html_options = nil, &block
+      if is_tap(content, options)
+        @items << CardBlock.new(content, options, html_options).tap(&block).render
+      else
+        @items << CardBlock.new(content, options, html_options, &block).render
+      end
+    end
+
+    # Add Footer which is a component
+    def footer content = nil, options = nil, html_options = nil, &block
+      @items << CardFooter.new(content, options, html_options, &block).render
+    end
+
+    # Add List group which is a component
+    def list_group content = nil, options = nil, html_options = nil, &block
+      @items << CardListGroup.new(content, options, html_options).tap(&block).render
+    end
+
+    # Add Image which is a component
+    def image content = nil, options = nil, html_options = nil, &block
+      @items << CardImage.new(content, options, html_options, &block).render
+    end
+
+    # Render html tag
+    def render
+      content_tag :div, @items.join.html_safe, html_options
+    end
+
+  protected
+
+    def component_html_classes
+      ["card", text_position, card_block, type, tab_pane]
+    end
+
+    def state
+      "card-#{ @options[:state] }" unless @options[:state].nil?
+    end
+
+    def text_position
+      "text-#{ @options[:text_position] }" unless @options[:text_position].nil?
+    end
+
+    def card_block
+      "card-block" if !@options[:block].nil? || @options[:tap].nil?
+    end
+
+    def type
+      "card-#{ @options[:type] }" unless @options[:type].nil?
+    end
+
+    def tab_pane
+      "tab-pane" if @options[:tab]
+    end
+
+  end
+end

data/lib/ui_bibz/ui/core/card/card_column.rb

@@ -0,0 +1,60 @@
+module UiBibz::Ui::Core
+
+  # Create a card column
+  #
+  # ==== 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::Core::CardColumn.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::CardColumn.new(options = nil, html_options = nil) do |cg|
+  #     cg.card content, options, html_options, &block
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::CardColumn.new do |cg|
+  #     cg.card 'Exemple 1'
+  #     cg.card 'Exemple 2'
+  #     cg.card 'Exemple 3'
+  #   end.render
+  #
+  class CardColumn < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @items = []
+    end
+
+    # Render html tag
+    def render
+      content_tag :div, @items.join.html_safe, html_options
+    end
+
+    def card content = nil, options = nil, html_options = nil, &block
+      if is_tap content, options
+        @items << UiBibz::Ui::Core::Card.new(content, options, html_options).tap(&block).render
+      else
+        @items << UiBibz::Ui::Core::Card.new(content, options, html_options, &block).render
+      end
+    end
+
+  private
+
+    def component_html_classes
+      "card-columns"
+    end
+
+  end
+end

data/lib/ui_bibz/ui/core/card/card_deck.rb

@@ -0,0 +1,62 @@
+module UiBibz::Ui::Core
+
+  # Create a card deck
+  #
+  # ==== 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::Core::CardDeck.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::CardDeck.new(options = nil, html_options = nil) do
+  #     cg.card content, options, html_options, &block
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::CardDeck.new do |cg|
+  #     cg.card 'Exemple 1'
+  #     cg.card 'Exemple 2'
+  #     cg.card 'Exemple 3'
+  #   end.render
+  #
+  class CardDeck < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @items = []
+    end
+
+    # Render html tag
+    def render
+      content_tag :div, html_options do
+        content_tag :div, @items.join.html_safe, class: 'card-deck'
+      end
+    end
+
+    def card content = nil, options = nil, html_options = nil, &block
+      if is_tap content, options
+        @items << UiBibz::Ui::Core::Card.new(content, options, html_options).tap(&block).render
+      else
+        @items << UiBibz::Ui::Core::Card.new(content, options, html_options, &block).render
+      end
+    end
+
+  private
+
+    def component_html_classes
+      "card-deck-wrapper"
+    end
+
+  end
+end