ui_bibz 2.0.0.alpha → 2.0.0.alpha2

data/lib/ui_bibz/helpers/ui_core_helper.rb

@@ -1,5 +1,32 @@
 module UiBibz::Helpers::UiCoreHelper
 
+  # Button section begin ----------------------------------------------------
+  def button content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Button.new(content, options, html_options, &block).render
+  end
+
+  def button_choice content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::ButtonChoice.new(content, options, html_options, &block).render
+  end
+
+  def button_dropdown name, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::ButtonDropdown.new(name, options, html_options).tap(&block).render
+  end
+
+  def button_group content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::ButtonGroup.new(content, options, html_options, &block).render
+  end
+
+  def button_link content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::ButtonLink.new(content, options, html_options, &block).render
+  end
+
+  def button_split_dropdown name, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::ButtonSplitDropdown.new(name, options, html_options).tap(&block).render
+  end
+  # Button section end ----------------------------------------------------
+
+  # Card section begin ----------------------------------------------------
   def card content = nil, options = nil, html_options = nil, &block
     if is_tap(content, options)
       UiBibz::Ui::Core::Card.new(content, options, html_options).tap(&block).render
@@ -19,82 +46,67 @@ module UiBibz::Helpers::UiCoreHelper
   def card_column content = nil, options = nil, html_options = nil, &block
     UiBibz::Ui::Core::CardColumn.new(content, options, html_options).tap(&block).render
   end
+  # Card section end ----------------------------------------------------
 
+  # Input section begin ----------------------------------------------------
   def date_picker_field content = nil, options = nil, html_options = nil, &block
     UiBibz::Ui::Core::DatePickerField.new(content, options, html_options, &block).render
   end
 
-  def modal content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Modal.new(content, options, html_options).tap(&block).render
-  end
-
-  # Use "notify" instead of "alert" : due to "actionview (4.2.0) lib/action_view/helpers/form_helper.rb" conflict
-  def notify content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Alert.new(content, options, html_options, &block).render
-  end
-
-  def stars content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Stars.new(content, options, html_options, &block).render
-  end
-
-  # Use "etiquette" instead of "label" : due to "actionview (4.2.0) lib/action_view/helpers/form_helper.rb" conflict
-  def etiquette content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Label.new(content, options, html_options, &block).render
-  end
-
-  def jumbotron content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Jumbotron.new(content, options, html_options, &block).render
+  def multi_column_field content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::MultiColumnField.new(content, options, html_options, &block).render
   end
 
-  def nav content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Nav.new(content, options, html_options).tap(&block).render
+  def multi_select_field content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::MultiSelectField.new(content, options, html_options, &block).render
   end
 
   def surround_field content = nil, options = nil, html_options = nil, &block
     UiBibz::Ui::Core::SurroundField.new(content, options, html_options, &block).render
   end
 
-  def multi_column_field content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::MultiColumnField.new(content, options, html_options, &block).render
-  end
-
-  def multi_select_field content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::MultiSelectField.new(content, options, html_options, &block).render
+  def switch_field content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::SwitchField.new(content, options, html_options, &block).render
   end
 
-  def navbar content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Navbar.new(content, options, html_options).tap(&block).render
+  def dropdown_select_field content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::DropdownSelectField.new(content, options, html_options, &block).render
   end
 
-  def list_group content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::ListGroup.new(content, options, html_options).tap(&block).render
+  def autocomplete_field content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::AutocompleteField.new(content, options, html_options, &block).render
   end
+  # Input section end ----------------------------------------------------
 
-  # Button section begin ----------------------------------------------------
-  def button_link content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::ButtonLink.new(content, options, html_options, &block).render
+  # Nav section begin ----------------------------------------------------
+  def nav content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Nav.new(content, options, html_options).tap(&block).render
   end
 
-  def button_choice content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::ButtonChoice.new(content, options, html_options, &block).render
+  def navbar content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Navbar.new(content, options, html_options).tap(&block).render
   end
+  # Nav section end ----------------------------------------------------
 
-  def button_group content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::ButtonGroup.new(content, options, html_options, &block).render
+  # Layout section begin ----------------------------------------------------
+  def row content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Row.new(content, options, html_options, &block).render
   end
 
-  def button content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Button.new(content, options, html_options, &block).render
+  def col content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Col.new(content, options, html_options, &block).render
   end
 
-  def button_dropdown name, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::ButtonDropdown.new(name, options, html_options).tap(&block).render
+  def container content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Container.new(content, options, html_options, &block).render
   end
+  # Layout section end ----------------------------------------------------
 
-  def button_split_dropdown name, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::ButtonSplitDropdown.new(name, options, html_options).tap(&block).render
+  # Other section begin ----------------------------------------------------
+  # Use "notify" instead of "alert" : due to "actionview (4.2.0) lib/action_view/helpers/form_helper.rb" conflict
+  def notify content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Alert.new(content, options, html_options, &block).render
   end
-  # Button section end ----------------------------------------------------
 
   def breadcrumb content = nil, options = nil, html_options = nil, &block
     if is_tap(content, options)
@@ -112,21 +124,31 @@ module UiBibz::Helpers::UiCoreHelper
     UiBibz::Ui::Core::Glyph.new(content, options, html_options, &block).render
   end
 
-  def progress percentage = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Progress.new(percentage, options, html_options, &block).render
+  def jumbotron content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Jumbotron.new(content, options, html_options, &block).render
   end
 
-  def row content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Row.new(content, options, html_options, &block).render
+  # Use "etiquette" instead of "label" : due to "actionview (4.2.0) lib/action_view/helpers/form_helper.rb" conflict
+  def etiquette content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Label.new(content, options, html_options, &block).render
   end
 
-  def col content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Col.new(content, options, html_options, &block).render
+  def list_group content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::ListGroup.new(content, options, html_options).tap(&block).render
   end
 
-  def container content = nil, options = nil, html_options = nil, &block
-    UiBibz::Ui::Core::Container.new(content, options, html_options, &block).render
+  def modal content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Modal.new(content, options, html_options).tap(&block).render
+  end
+
+  def progress percentage = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Progress.new(percentage, options, html_options, &block).render
+  end
+
+  def stars content = nil, options = nil, html_options = nil, &block
+    UiBibz::Ui::Core::Stars.new(content, options, html_options, &block).render
   end
+  # Other section end ----------------------------------------------------
 
 private
 

data/lib/ui_bibz/rails/engine.rb

@@ -1,9 +1,17 @@
 # to load pagination in rails app
 require 'will_paginate'
 require 'bootstrap'
-require 'rails-assets-tether'
 require "font-awesome-sass"
 
+# Javascript requires
+require 'rails-assets-tether'
+require 'rails-assets-bootstrap-select'
+require 'rails-assets-bootstrap-datepicker'
+#
+# not compatible with boostrap 4
+#require 'rails-assets-bootstrap-switch'
+#require 'rails-assets-bootstrap-multiselect'
+
 module UiBibz
   module Rails
     class Engine < ::Rails::Engine

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

@@ -61,7 +61,7 @@ module UiBibz::Ui::Core
     end
 
     def component_html_options
-      { role: type, data: { toggle: 'buttons' } }
+      { role: type }
     end
 
     def component_html_data

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

@@ -40,7 +40,7 @@ module UiBibz::Ui::Core
 
     # Render html tag
     def render
-      image_tag content, html_options
+      image_tag asset_path("assets/#{content}"), html_options
     end
 
   private

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

@@ -129,6 +129,7 @@ module UiBibz::Ui::Core
     # Add html data arguments
     def add_html_data name, value = true
       html_options[:data] = {} if html_options[:data].nil?
+      value = value.kind_of?(String) ? value.strip : value
       html_options[:data].update(Hash[name, value])
     end
 

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

@@ -0,0 +1,87 @@
+module UiBibz::Ui::Core
+
+  # Create a AutocompleteField
+  #
+  # 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]
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::AutocompleteField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::AutocompleteField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   options = options_for_select(2.times.map{ |i| "option #{i}" })
+  #   UiBibz::Ui::Core::AutocompleteField.new('company', { option_tags: options }, { class: 'test' })
+  #
+  #   options = options_for_select(2.times.map{ |i| "option #{i}" })
+  #   UiBibz::Ui::Core::AutocompleteField.new(option_tags: options) do
+  #     #content
+  #   end
+  #
+  # ==== Helper
+  #
+  #   autocomplete_field(options = {}, html_options = {}) do
+  #    # content
+  #   end
+  #
+  class AutocompleteField < Component
+
+    # See UiBibz::Ui::Core::Component.initialize
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    # Render html tag
+    def render
+      text_field_input_tag  + data_list_render
+    end
+
+    private
+
+    def data_list_render
+      content_tag :datalist, options[:option_tags], id: data_list_name
+    end
+
+    def text_field_input_tag
+      if options[:builder].nil?
+        text_field_tag content, html_options[:value], html_options
+      else
+        options[:builder].text_field content, html_options
+      end
+    end
+
+    def component_html_options
+      { autocomplete: true, list: data_list_name }
+    end
+
+    def component_html_classes
+      'form-control'
+    end
+
+    def data_list_name
+      @datalist ||= "#{ html_options[:id] || content }-datalist"
+    end
+
+    # :lg, :sm or :xs
+    def size
+      "input-group-#{ options[:size] }" if options[:size]
+    end
+
+  end
+end

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

@@ -53,9 +53,9 @@ module UiBibz::Ui::Core
       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 text_field_input_tag content[0]
           concat content_tag :span, options[:range], class: 'input-group-addon input-group-range'
-          concat text_field_tag content, html_options[:value], html_options
+          concat text_field_input_tag content[1]
           concat content_tag :span, options[:prepend], class: 'input-group-addon' unless @options[:prepend].nil?
         end
       else
@@ -65,6 +65,14 @@ module UiBibz::Ui::Core
 
   private
 
+    def text_field_input_tag name
+      if options[:builder].nil?
+        text_field_tag name, html_options[:value], html_options
+      else
+        options[:builder].text_field name, html_options
+      end
+    end
+
     def component_html_data
       date_locale
       provide

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

@@ -0,0 +1,124 @@
+module UiBibz::Ui::Core
+
+  # Create a DropdownSelectField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  # source : http://silviomoreto.github.io/bootstrap-select/examples/
+  #
+  # ==== 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+, +:link+)
+  # * option_tags - Array, Object [required]
+  # * searchable - Boolean
+  # * max_options - Integer
+  # * selected_text_format - String
+  # * menu_size - Integer
+  # * header - String
+  # * actions_box - Boolean
+  # * show_tick - Boolean
+  # * show_menu_arrow - Boolean
+  # * dropup - Boolean
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::DropdownSelectField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::DropdownSelectField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::DropdownSelectField.new('fruits', { option_tags: list_of_fruits, searchable: true }, { class: 'test' })
+  #
+  #   UiBibz::Ui::Core::DropdownSelectField.new({ option_tags: list_of_fruits, actions_box: true }, { class: 'test' }) do
+  #     'fruits'
+  #   end
+  #
+  # ==== Helper
+  #
+  #   dropdown_select_field(content, options = {}, html_options = {})
+  #
+  class DropdownSelectField < UiBibz::Ui::Core::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_classes
+      ['selectpicker', show_tick, show_menu_arrow, dropup]
+    end
+
+    def component_html_data
+      searchable
+      max_options
+      selected_text_format
+      menu_size
+      style
+      header
+      actions_box
+    end
+
+    ############################ Data html options
+
+    def max_options
+      add_html_data('max_options', options[:max_options]) if options[:max_options]
+    end
+
+    def selected_text_format
+      add_html_data('selected_text_format', options[:selected_text_format]) if options[:selected_text_format]
+    end
+
+    def searchable
+      add_html_data('live_search') if options[:searchable]
+    end
+
+    def style
+      add_html_data('style', "btn-#{ options[:state]}") if options[:style]
+    end
+
+    def menu_size
+      add_html_data('size', options[:menu_size]) if options[:menu_size]
+    end
+
+    def actions_box
+      add_html_data('actions_box') if options[:actions_box]
+    end
+
+    def header
+      add_html_data('header', options[:header]) if options[:header]
+    end
+
+
+    ############################# Css classes
+
+    def show_tick
+      'show-tick' if options[:show_tick]
+    end
+
+    def show_menu_arrow
+      'show-menu-arrow' if options[:show_menu_arrow]
+    end
+
+    def dropup
+      'dropup' if options[:dropup]
+    end
+  end
+end

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

@@ -3,6 +3,7 @@ module UiBibz::Ui::Core
   # Create a MultiSelectField
   #
   # This element is an extend of UiBibz::Ui::Core::Component.
+  # source : http://loudev.com/
   #
   # ==== Attributes
   #
@@ -85,5 +86,9 @@ module UiBibz::Ui::Core
       add_html_data('include_select_all_option') if options[:select_all_option]
     end
 
+    def state
+      options[:state] || 'btn-secondary'
+    end
+
   end
 end

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

@@ -49,11 +49,11 @@ module UiBibz::Ui::Core
     # Render html tag
     def render
       if options[:append].nil? && options[:prepend].nil?
-        text_field_tag content, html_options[:value], html_options
+        text_field_input_tag
       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 text_field_input_tag
           concat content_tag :span, options[:prepend], class: 'input-group-addon' unless options[:prepend].nil?
         end
       end
@@ -61,6 +61,15 @@ module UiBibz::Ui::Core
 
     private
 
+    # Simple_form or not
+    def text_field_input_tag
+      if options[:builder].nil?
+        text_field_tag content, html_options[:value], html_options
+      else
+        options[:builder].text_field content, html_options
+      end
+    end
+
     def component_html_classes
       'form-control'
     end

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

@@ -0,0 +1,127 @@
+module UiBibz::Ui::Core
+
+  # Create a SurroundField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  # Source : http://www.bootstrap-switch.org/documentation-2.html
+  # ==== 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+ - String
+  # * +animate+ - Boolean
+  # * +on_color+ - String
+  # * +off_color+ - String
+  # * +on_text+ - String
+  # * +off_text+ - String
+  # * +label_text+ - String
+  # * +readonly+ - Boolean
+  # * +checked+ - Boolean
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::SwitchField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::SwitchField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   switch_field 'name', { on_color: :primary }, { readonly: true }
+  #
+  # ==== Helper
+  #
+  #   switch_field(options = {}, html_options = {}) do
+  #    # content
+  #   end
+  #
+  class SwitchField < 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[:builder].nil?
+        check_box_tag content, value, html_options[:checked], html_options
+      else
+        options[:builder].check_box(content, html_options, true, false)
+      end
+    end
+
+    private
+
+    def value
+      options[:value]
+    end
+
+    def component_html_classes
+      "switch"
+    end
+
+    def component_html_data
+      size
+      status
+      animate
+      left_color
+      right_color
+      left_text
+      right_text
+      middle_text
+    end
+
+    # '', 'mini', 'small', 'normal', 'large'
+    def size
+      add_html_data('size', matching_size[options[:size]]) unless options[:size].nil?
+    end
+
+    def matching_size
+      { xs: 'small', md: 'normal', lg: 'large' }
+    end
+
+    # true, false => default : true
+    def animate
+      add_html_data('animate', options.delete(:animate)) unless options[:animate].nil?
+    end
+
+    # active, disabled => default : active
+    def status
+      html_options[:disabled] = true if options[:status] == 'disabled'
+    end
+
+    # 'primary', 'info', 'success', 'warning', 'danger', 'default' => default : default
+    def left_color
+      add_html_data('on_color', options[:left_color]) unless options[:left_color].nil?
+    end
+
+    # 'primary', 'info', 'success', 'warning', 'danger', 'default' => default : default
+    def right_color
+      add_html_data('off_color', options[:right_color]) unless options[:right_color].nil?
+    end
+
+    # String => default : "ON"
+    def left_text
+      add_html_data('on_text', options[:left_text]) unless options[:left_text].nil?
+    end
+
+    # String => default : "OFF"
+    def right_text
+      add_html_data('off_text', options[:right_text]) unless options[:right_text].nil?
+    end
+
+    # String => default : '&nbsp;'
+    def middle_text
+      add_html_data('label_text', options[:middle_text]) unless options[:middle_text].nil?
+    end
+
+  end
+end