ui_bibz 1.2.5.3 → 2.0.0.alpha

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

@@ -0,0 +1,47 @@
+module UiBibz::Ui::Core
+
+  # Create a card list_group
+  #
+  # ==== 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::CardListGroup.new(content, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Core::CardListGroup.new(options = nil, html_options = nil) do
+  #     content
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::CardListGroup.new.render
+  #
+  #   UiBibz::Ui::Core::CardListGroup.new do
+  #     'Exemple'
+  #   end.render
+  #
+  class CardListGroup < UiBibz::Ui::Core::ListGroup
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @lists = []
+    end
+
+    protected
+
+    def component_html_classes
+      ["list-group-flush", "list-group"]
+    end
+
+  end
+end

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

@@ -30,7 +30,7 @@ module UiBibz::Ui::Core
   #
   # ==== Examples
   #
-  #   UiBibz::Ui::Core::Component.new(content, { type: :success, glyph: 'eye' },{ class: 'test' })
+  #   UiBibz::Ui::Core::Component.new(content, { type: :success, glyph: 'eye' }, { class: 'test' })
   #   # or
   #   UiBibz::Ui::Core::Component.new({glyph: { name: 'eye', size: 3}, { class: 'test' }) do
   #     content
@@ -59,6 +59,8 @@ module UiBibz::Ui::Core
       end
       @html_options = @html_options || {}
       @options      = @options || {}
+      init_options
+      init_component_html_options
     end
 
     # Render html tag
@@ -68,7 +70,7 @@ module UiBibz::Ui::Core
 
     # Render glyph and content html
     def glyph_and_content_html
-      [glyph_with_space, @content].compact.join.html_safe
+      [glyph_with_space, content].compact.join.html_safe
     end
 
     # Render glyph with space html
@@ -82,53 +84,97 @@ module UiBibz::Ui::Core
       Glyph.new(glyph_info).render unless glyph_info.nil?
     end
 
-    # Render badge html tag
-    def badge_html
-      content_tag :span, @options[:badge], class: 'badge'
+    def label_html
+      UiBibz::Ui::Core::Label.new(options[:label], class: 'pull-right', type: :pill, state: (options[:label_state] || :default)).render
     end
 
-    # Set :default state symbol
+    # Know if component is tapped or not
+    def is_tap content, options
+      (content[:tap] if content.kind_of?(Hash)) || (options[:tap] unless options.nil?)
+    end
+
+  protected
+
+    # Override this method to add html classes
+    # Accept Array or String
+    def component_html_classes
+    end
+
+    # Override this method to add html data
+    def component_html_data
+    end
+
+    # Override this method to add html Options
+    # Accept Hash
+    def component_html_options
+      {}
+    end
+
+    # Override this method to add Options to the component
+    # Accept Hash
+    def component_options
+      {}
+    end
+
+    # Override this method to add a state class
     def state
-      sym = options.delete(:state) if options[:state]
-      sym = sym || :default
-      states[:sym]
     end
 
-    # Add classes in html_options
-    def class_and_html_options classes = nil
-      options_class = options[:class] if options.kind_of?(Hash)
+    # Join classes
+    def join_classes *classes
+      klasses = [*classes].flatten.compact.uniq.reject(&:blank?)
+      klasses.empty? ? nil : klasses
+    end
+
+    # Add html data arguments
+    def add_html_data name, value = true
+      html_options[:data] = {} if html_options[:data].nil?
+      html_options[:data].update(Hash[name, value])
+    end
+
+  private
+
+    def initialize_component_html_classes
       cls = [
         html_options[:class],
         status,
         state,
-        options_class
+        effect,
+        options_classes,
+        component_html_classes
       ]
-      cls << classes unless classes.nil?
-      cls = cls.flatten.compact
-      html_options[:class] = cls.join(' ') unless cls.empty?
-      html_options
+      html_options[:class] = join_classes(cls)
     end
 
-    # Add classes in html_options
-    def add_classes *classes
-      classes.compact.join(' ')
+    def init_options
+      @options = component_options.merge(@options)
     end
 
-  private
+    # Set effect class
+    def effect
+      options[:effect]
+    end
 
-    def status
-      options[:status] unless options[:status].nil?
+    def options_classes
+      options[:class] if options.kind_of?(Hash)
     end
 
-    def states
-      if @states.nil?
-        states = {}
-        %w(default success primary info warning danger).each do |s|
-          states = states.merge(Hash[s.to_sym, s])
-        end
-        @states = states
-      end
-      @states
+    def initialize_component_html_data
+      component_html_data
+    end
+
+    def initialize_component_html_options
+      html_options.merge!(component_html_options)
+    end
+
+    def init_component_html_options
+      initialize_component_html_data
+      initialize_component_html_classes
+      initialize_component_html_options
+    end
+
+    def status
+      options[:status] unless options[:status].nil?
     end
 
   end

data/lib/ui_bibz/ui/core/dropdown/components/dropdown_divider.rb

@@ -10,7 +10,7 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :li, nil, class: 'divider', role: 'separator'
+      content_tag :div, nil, class: 'dropdown-divider'
     end
 
   end

data/lib/ui_bibz/ui/core/dropdown/components/dropdown_header.rb

@@ -40,7 +40,17 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :li, @content, class_and_html_options('dropdown-header').merge({ role: 'presentation' })
+      content_tag :h6, content, html_options
+    end
+
+  private
+
+    def component_html_classes
+      'dropdown-header'
+    end
+
+    def component_html_options
+      { role: 'presentation' }
     end
 
   end

data/lib/ui_bibz/ui/core/dropdown/components/dropdown_link.rb

@@ -44,19 +44,26 @@ module UiBibz::Ui::Core
     # See UiBibz::Ui::Core::Component.initialize
     def initialize content = nil, options = nil, html_options = nil, &block
       super
+      @html_options = @html_options.merge(link_html_options)
     end
 
     # Render html tag
     def render
-      content_tag :li, class_and_html_options('').merge({ role: 'presentation' }) do
-        link_to glyph_and_content_html, link_url, @options[:link_html_options]
-      end
+      link_to glyph_and_content_html, link_url, html_options
     end
 
     private
 
+    def component_html_classes
+      'dropdown-item'
+    end
+
     def link_url
-      @options[:url] || "#"
+      options[:url] || "#"
+    end
+
+    def link_html_options
+      @options[:link_html_options].nil? ? {} : @options[:link_html_options]
     end
 
   end

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

@@ -19,7 +19,7 @@ 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+)
   # * +glyph+ - Add glyph with name or hash options
@@ -70,7 +70,7 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :div, class_and_html_options(type) do
+      content_tag :div, html_options do
         concat button_html
         concat ul_html
       end
@@ -101,16 +101,20 @@ module UiBibz::Ui::Core
 
   protected
 
+    def component_html_classes
+      [type, "btn-group", open]
+    end
+
     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
+      content_tag :button, button_content, class: join_classes("btn", button_state, size, "dropdown-toggle"), type: 'button', "data-toggle" => 'dropdown', "aria-haspopup" => true, "aria-expanded" => false
     end
 
     def ul_html
-      content_tag :ul, @items.join.html_safe, class: "dropdown-menu dropdown-menu-#{ position }", role: 'menu'
+      content_tag :div, @items.join.html_safe, class: "dropdown-menu dropdown-menu-#{ position }"
     end
 
     def caret
@@ -125,9 +129,13 @@ module UiBibz::Ui::Core
       @options[:type] || 'dropdown'
     end
 
+    def open
+      "open" if @options[:open]
+    end
+
     def button_state
-      sym = @state || :default
-      "btn-#{  states[sym] }"
+      sym = @state || :primary
+      "btn-#{ sym }"
     end
 
     # :lg, :sm or :xs

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

@@ -18,7 +18,7 @@ module UiBibz::Ui::Core
   # * +size+ - Integer
   # * +type+ - Symbol
   # * +state+ - Symbol
-  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  #   (+:secondary+, +:primary+, +:info+, +:warning+, +:danger+)
   #
   # ==== Signatures
   #
@@ -63,23 +63,37 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      content_tag :i, '', class_and_html_options(classes)
+      content_tag :i, '', html_options
     end
 
   private
 
+    def component_html_classes
+      join_classes(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-inverse"            unless inverse.nil?
       cls << "fa-stack-#{ stack }x"  unless stack.nil?
       cls << "fa-#{ type }"          unless type.nil?
-      cls.compact.join(' ')
+      cls
     end
 
     def size
-      @options[:size]
+      case @options[:size]
+      when :xs
+        1
+      when :md
+        3
+      when :lg
+        5
+      else
+        @options[:size]
+      end
     end
 
     def stack
@@ -90,6 +104,10 @@ module UiBibz::Ui::Core
       @options[:rotate]
     end
 
+    def inverse
+      @options[:inverse]
+    end
+
     def flip
       @options[:flip]
     end

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

@@ -0,0 +1,125 @@
+module UiBibz::Ui::Core
+
+  # Create a DatePickerField
+  #
+  # 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
+  # * +range+ - String
+  # * +date_today_highlight+ - Boolean
+  # * +calendar_weeks+ - Boolean
+  # * +date_disabled+ - Array, String
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::DatePickerField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::DatePickerField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::DatePickerField.new('date', { prepend: 'Prepend content', append: 'Append content' }, { class: 'test' })
+  #
+  #   UiBibz::Ui::Core::DatePickerField.new({ date_today_highlight: true, calendar_weeks: true, range: 'to' }, { class: 'test' }) do
+  #     'date'
+  #   end
+  #
+  # ==== Helper
+  #
+  #   date_picker_field(content, options = {}, html_options = {})
+  #
+  class DatePickerField < 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[:range]
+        content_tag :div, class: join_classes('input-group', 'input-daterange', 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[:range], class: 'input-group-addon input-group-range'
+          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
+      else
+        UiBibz::Ui::Core::SurroundField.new(content, options, html_options).render
+      end
+    end
+
+  private
+
+    def component_html_data
+      date_locale
+      provide
+      date_format
+      date_today_btn
+      date_today_highlight
+      calendar_weeks
+      autoclose
+      dates_disabled
+    end
+
+    def component_html_classes
+      %w(date_picker form-control)
+    end
+
+    def date_locale
+      add_html_data "date_locale", I18n.locale.to_s
+    end
+
+    def provide
+      add_html_data "provide", 'datepicker'
+    end
+
+    def date_format
+      add_html_data "date_format", picker_pattern
+    end
+
+    def picker_pattern
+      I18n.t('datepicker.pformat', default: 'dd/mm/yyyy')
+    end
+
+    def date_today_btn
+      add_html_data 'date_today_btn', 'linked'
+    end
+
+    def date_today_highlight
+      add_html_data('date_today_highlight') if options[:date_today_highlight]
+    end
+
+    def calendar_weeks
+      add_html_data("calendar_weeks") if options[:calendar_weeks]
+    end
+
+    def autoclose
+      add_html_data("autoclose") if options[:autoclose]
+    end
+
+    def dates_disabled
+      add_html_data("dates_disabled", [options[:dates_disabled]].flatten) if options[:dates_disabled]
+    end
+
+    # :lg, :sm or :xs
+    def size
+      "input-group-#{ options[:size] }" if options[:size]
+    end
+
+  end
+end