ui_bibz 0.9.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8c22d9f108a0c988e153472f8e671e0bf3620645
-  data.tar.gz: 03155c74f62d36939e283385ee5e94fe97dbccb4
+  metadata.gz: e9b5e5c5961f659178606b2dd173103b354d30a5
+  data.tar.gz: baf00289b1e6d83b0fbb745a37bf6b6ed228e753
 SHA512:
-  metadata.gz: 9ce5c3f73a5c1024b33488c7e9d21dd261e283b0f1dd34b60eddbf387c0b9819b4e5bd7c70feb509bd4cf22aafa5195e36568329ad4ff3b376812c9e18e0ae3e
-  data.tar.gz: 01adb5e71d609887af681e12af05e5cd704e1603cc215b8f09d102cfea0dea1401059c667f6dbce144841ec8b95d57ffa309c4ea3c8bc218bf5477fb6270731c
+  metadata.gz: 8237c309e39c06190b65e3c3fc22a7cdf7f127560eaeaf966d0e0e776ee1f9b01f22a1b51b802a9e27ec2d7ae31fb8fa245c221772450d5941e40042042232fd
+  data.tar.gz: 2fcf6075f582f357c3075d7a719d13418d0d8b07d011df5665f6f3890c924db239430de547e3f2dda1bfc312d96f0a2517193e72783e0c27dff68348f1ee9000

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ui_bibz (0.9.0)
+    ui_bibz (1.0.0)
       haml
       haml-rails
       rails (~> 4.2.0)

data/README.md

@@ -6,21 +6,20 @@
 
 This project rocks and uses MIT-LICENSE.
 
-# UiBibz
+# Ui Bibz
 > Ui Bibz est un [framework d'interface](http://fr.wikipedia.org/wiki/Framework_d%27interface)
 > permettant de construire une interface très rapidement et simplement
 > à l'aide de Ruby on Rails 4 et de Boostrap 3.
 
 Ui Bibz charge la librairie [boostrap](http://getbootstrap.com/) et
-[awesomefont](http://fontawesome.io/).
+[awesomefont](http://fontawesome.io/) en [CDN](https://fr.wikipedia.org/wiki/Content_delivery_network).
 
 **NB** : [HAML](http://haml.info/) est utilisé pour présenter les exemples de chaque élément.
-Vous pouvez bien entendu utiliser l'interpréteur ERB dans votre application Rails.
+Vous pouvez bien entendu utiliser l'interpréteur [ERB](https://en.wikipedia.org/wiki/ERuby) dans votre application Rails.
 
-Tous les composants du framework Ui Bibz comportent des *options* et des *html_options*.
+Tous les composants du framework Ui Bibz comportent l'agument *options* et l'argument *html_options*.
 Ces éléments sont basés sur l'élément ```Component```.
 Un ```component``` accepte un contenu par variable ou par block.
-ex :
 
 ### Component
 
@@ -29,7 +28,7 @@ L'élément ```component``` accepte dans content et block :
 
 * le contenu
 
-L'élément ```component``` accepte en option les arguments :
+L'élément ```component``` à pour ```options``` un Hash acceptant les clefs :
 
 * [state](#state-values)
 * [glyph](#glyph-arguments)
@@ -37,17 +36,18 @@ L'élément ```component``` accepte en option les arguments :
 * class
 
 
-L'élément ```component``` accepte en html_option les arguments :
+L'élément ```component``` à pour ```html_options``` un Hash acceptant les clefs :
 
 * class
 * data
 * ...
 
-Ex :
+Exemple :
+
 ```ruby
-Component.new 'Exemple', { state: :success }, { class: 'exemple' }
+Component.new 'Exemple', { state: :success, glyph: { name: 'pencil', size: 3} }, { class: 'exemple' }
 # ou
-Component.new { state: :success }, { class: 'exemple' } do
+Component.new { state: :success, glyph: 'eye' }, { class: 'exemple' } do
   'Exemple'
 end
 ```
@@ -67,7 +67,7 @@ dans ```options``` et ```html_options```.
 Ajouter la gem dans Rails :
 
 ```ruby
-gem "ui_bibz", '~> 0.9.0'
+gem "ui_bibz", '~> 1.0.0'
 ```
 
 Lancer la command suivante :
@@ -92,6 +92,20 @@ Exemple :
   %body
 ```
 
+Placer la ligne suivante dans ```/app/assets/stylesheets/applications.css```
+```ruby
+...
+*= require ui_bibz
+...
+```
+
+Placer la ligne suivante dans ```/app/assets/javascripts/applications.js```
+```ruby
+...
+//= require ui_bibz
+...
+```
+
 
 ## Utilisation
 
@@ -99,7 +113,7 @@ Exemple :
 
 ![alert](doc/images/alert.png)
 
-L'élément ```notify``` accepte en option les arguments :
+L'élément ```notify``` à pour ```options``` un Hash acceptant les clefs :
 
 * [state](#state-values)
 * [glyph](#glyph-arguments)
@@ -112,7 +126,7 @@ L'élément ```notify``` accepte en option les arguments :
 
 ![breadcrumb](doc/images/breadcrumb.png)
 
-L'élément ```breadcrumb``` accepte en option les arguments :
+L'élément ```breadcrumb``` à pour ```options``` un Hash acceptant les clefs :
 
 * [status](#status-values)
 * [glyph](#glyph-arguments)
@@ -133,7 +147,7 @@ L'élément ```link``` est un [component](#component).
 
 ![button](doc/images/button.png)
 
-L'élément ```button``` accepte en option les arguments :
+L'élément ```button``` à pour ```options``` un Hash acceptant les clefs :
 
 * [state](#state-values)
 * [status](#status-values)
@@ -146,7 +160,7 @@ L'élément ```button``` accepte en option les arguments :
 
 #### Button Dropdown
 
-L'élément ```button_dropdown``` accepte pour options les mêmes arguments que l'élément
+L'élément ```button_dropdown``` accepte pour options les mêmes clefs que l'élément
 [dropdown](#dropdown).
 
 ![button_link](doc/images/button_dropdown.png)
@@ -163,12 +177,12 @@ L'élément ```button_dropdown``` accepte pour options les mêmes arguments que
 
 ![button_group](doc/images/button_group.png)
 
-L'élément ```button_group``` accepte pour options les arguments :
+L'élément ```button_group``` à pour ```options``` un Hash acceptant les clefs :
 
 * position (:vertical, :horizontal)
 * [size](#size-values)
 
-L'élément ```list```accepte pour options les arguments :
+L'élément ```list``` à pour ```options``` un Hash acceptant les clefs :
 
 * [status](#status-values)
 * [state](#state-values)
@@ -192,20 +206,21 @@ L'élément ```list```accepte pour options les arguments :
 
 #### Button Link (Lien Bouton)
 
-L'élément ```button_link```accepte pour options les arguments :
-
 ![button_link](doc/images/button_link.png)
+
+L'élément ```button_link``` à pour ```options``` un Hash acceptant les clefs :
+
 ```ruby
 = button_link 'Button', { url: '#button', state: :primary, glyph: 'star' }, { class: 'my-button' }
 ```
 
 #### Button Split Dropdown
 
-L'élément ```button_split_dropdown```accepte pour options les mêmes arguments
-que l'élément [dropdown](#dropdown).
+![button_group](doc/images/button_split_dropdown.png)
 
+L'élément ```button_split_dropdown```accepte pour options les mêmes clefs
+que l'élément [dropdown](#dropdown).
 
-![button_group](doc/images/button_split_dropdown.png)
 ```ruby
 = button_split_dropdown 'Dropdown', state: :primary do |d|
   - d.list do
@@ -218,13 +233,13 @@ que l'élément [dropdown](#dropdown).
 
 ### Dropdown
 
-L'élément ```dropdown```accepte pour options les arguments :
+L'élément ```dropdown``` à pour ```options``` un Hash acceptant les clefs :
 
 * [state](#state-values)
 * [status](#status-values)
 * position (:left, :right)
 
-L'élément ```list``` est un [component](#component) qui accepte pour options les arguments :
+L'élément ```list``` est un [component](#component) qui accepte pour options les clefs :
 
 * type (:header)
 * [glyph](#glyph-arguments)
@@ -240,19 +255,49 @@ L'élément ```list``` est un [component](#component) qui accepte pour options l
 ```
 
 Pour ajouter une ligne séparatrice, il suffit d'insérer 3 "-" à la suite
-ex :
+
+Exemple :
+
 ```
 ...
 d.list '--'
 ...
 ```
 
+### Progress Bar
+
+![glyph](doc/images/progress_bar.png)
+
+L'élément ```progress_bar``` à pour ```options``` un Hash acceptant les clefs :
+
+* [state](#state-values)
+* type (:animated, :striped)
+* label - String (default: "percentage%")
+* tap - Boolean (true: To add several bars)
+* percentage_min - Integer (default: 0)
+* percentage_max - Integer (default: 100)
+* sr_only - Boolean to show label (default: false)
+
+```ruby
+= progress_bar 30
+# or
+= progress_bar state: :info, sr_only: true, type: :animated do
+  = 70
+# or
+= progress_bar(tap: true) do |pb|
+  - pb.bar 10, { state: :success, label: 'Loading...' },{ class: 'test' }
+  - pb.bar 30, state: :warning
+  - pb.bar(type: :striped) do
+    = 10
+```
+
 ### Glyph
 
 ![glyph](doc/images/glyph.png)
 
 Les glyphs utilisés proviennent de [Font Awesome](http://fontawesome.io/).
-L'élément ```glyph``` accepte pour options les arguments :
+L'élément ```glyph``` peut contenir un hash pour ```content```
+L'élément ```glyph``` à pour ```options``` un Hash acceptant les clefs :
 
 * size
 * type
@@ -267,12 +312,13 @@ ou
 
 ![panel](doc/images/panel.png)
 
-L'élément ```panel``` accepte pour options les arguments :
+L'élément ```panel``` à pour ```options``` un Hash acceptant les clefs :
 
 * [state](#state)
 * tap (true) : permet de créer un header, body et footer
 
 Les éléments ```header```, ```body```,```footer``` sont des éléments [component](#component).
+
 Exemple :
 
 ```ruby
@@ -292,14 +338,15 @@ Exemple :
 
 ![table](doc/images/table.png)
 
-L'élément ```table``` est un tableau composé d'une recherche, une pagination et un trie de colonnes intégré.
+L'élément ```table``` est un tableau composé d'une recherche, une pagination et un trie de colonnes intégrées.
 Le tableau est compatible [I18n](http://guides.rubyonrails.org/i18n.html).
-Le tableau contient pour chaque ligne un bouton dropdown action avec par défaut
-ces 3 actions : voir, éditer, supprimer. Toute les colonnes sont présentent et
+Le tableau contient pour chaque ligne un bouton dropdown 'action' avec par défaut
+ces 3 actions : voir, éditer, supprimer. Toutes les colonnes sont présentes et
 affichées par défaut.
 
-La table doit contenir un store. Ce store est créé dans le controlleur avec la
+La table doit contenir un store. Ce store doit-être créé dans le controlleur avec la
 méthode ```table_search_pagination```.
+
 La méthode ```table_search_pagination``` contient 3 arguments :
 
 * params
@@ -307,6 +354,7 @@ La méthode ```table_search_pagination``` contient 3 arguments :
 * args (optionel)
 
 Exemple :
+
 ```ruby
 # app/controllers/document_controller.rb
 @documents = Document.table_search_pagination(params, session)
@@ -316,12 +364,14 @@ Dans le model, insérer la méthode ```searchable_attributes``` afin de pouvoir
 faire une recherche sur les attributs souhaités.
 
 Exemple :
+
 ```ruby
 # app/models/document.rb
 searchable_attributes :name_fr, :name_en
 ```
 
 Un champ recherche est disponible dans la vue :
+
 ![table_search_field](doc/images/table_search_field.png)
 
 ```ruby
@@ -352,13 +402,14 @@ La méthode ```table_search_pagination``` contient 3 arguments :
 * args
 
 Exemple :
+
 ```ruby
 # app/controllers/document_controller.rb
 @documents = Document.table_search_pagination(params, session)
 ```
 
 Dans le **model**, insérer la méthode ```searchable_attributes``` afin de pouvoir
-faire une recherche pour les attributs souhaités.
+faire une recherche sur les attributs souhaités.
 
 Exemple :
 ```ruby
@@ -380,7 +431,7 @@ Exemple :
 = table store: @documents
 ```
 
-Les actions par défauts peuvent être modifiées (voir exemple complexe) :
+Les actions par défauts peuvent être modifiées ([voir exemple complexe](#Complex-Example-table)) :
 
 * edit
 * view
@@ -425,7 +476,7 @@ L'ajout de colonnes à travers la méthode ```add``` contient plusieurs argument
 
 #### Complex Example table
 
-Si on souhaite voir apparaître des liasions avec d'autres tables il faut pour
+Si on souhaite voir apparaître certaines liasions avec d'autres tables il faut pour
 cela :
 
 Dans le controlleur, insérer la méthode ```table_search_pagination``` en ajoutant
@@ -439,7 +490,7 @@ Exemple :
 
 Dans la vue, insérer la méthod ```table```.
 NB: On peut créer ces propres méthodes comme ```user_name``` dans notre model "Document" et
-l'utiliser dans le data_index.
+l'appeler comme valeur pour la clef ```data_index```.
 
 ```ruby
 # app/views/documents/index.html.haml
@@ -472,12 +523,12 @@ arguments  = { sortable: {
           LEFT OUTER JOIN users ON users.id = products_users.user_id"
 } }
 
-@documents = Document.includes(:users).table_search_pagination(params, session,
-arguments)
+@documents = Document.includes(:users).table_search_pagination(params, session, arguments)
 ```
 
 Ici l'argument sortable signifie que l'on souhaite s'interresser à la
 fonctionnalité de trie.
+
 Pour celà il faut :
 
 * définir le nom de la colonne triéé à travers l'argument ```column:``` (string)
@@ -524,7 +575,7 @@ activerecord:
 
 ![table_panel](doc/images/table_panel.png)
 
-Le composant ```table_panel``` est un tableau dans un panel.
+Le composant ```table_panel``` est un [tableau](#table) dans un [panel](#panel).
 
 ```ruby
 = table_panel store: @users
@@ -547,8 +598,9 @@ Le composant ```table_panel``` est un tableau dans un panel.
 
 ![list](doc/images/list.png)
 
-Par défaut une liste à pour tag ```<li>```. Mais elle peut se transformer en lien ```<a>```
-à travers l'option ```type:```. Par défaut le tag ```<li>``` est présent.
+Par défaut une liste à pour tag ```<li>```.
+Mais elle peut se transformer en lien ```<a>``` à travers l'option ```type:```.
+Par défaut le tag ```<li>``` est présent.
 
 ```ruby
 = list_group type: :link do |lg|
@@ -581,7 +633,24 @@ L'élement link est un [component](#component).
   d.link 'Test2', url: '#test2', status: :active
 ```
 
-### Label
+### Etiquette
+
+![list](doc/images/etiquette.png)
+
+
+NB : Les méthodes ```Tag, label``` sont déjà utilisées par Rails.
+L'élément ```etiquette``` à pour ```options``` un Hash acceptant les clefs :
+
+* [state](#state-values)
+* [glyph](#glyph-values)
+
+Exemple :
+
+```ruby
+= etiquette 'label'
+= etiquette 'label 2', state: :success
+= etiquette 'label 2', state: :danger
+```
 
 ### Row
 
@@ -720,9 +789,16 @@ UiBibz::Ui::Panel.new('Exemple', { state: :success }, { class: 'exemple'}).rende
 panel 'Exemple', { state: :success }, { class: 'exemple' }
 ```
 
-# A faire :
+# Roadmap :
+
+Pour la V2.
 
-* progress bar
-* media
+* créer des stores pour les listes, breadcrumb
+* créer une meilleure documentation
+* créer d'autres extensions, plugins et une guideline
+* donner le choix de la dépendence boostrap et awesomefont en CDN ou en local
+* mise à jour vers bootstrap 4
+* créer Ui-Bibz Core à partir de cette librairie ( pour l'insérer dans un nouveau
+  framework Ui-Bibz utilisant simple_form pour les champs formulaires ).
 ...
 

data/lib/ui_bibz/helpers/ui_helper.rb

@@ -1,8 +1,7 @@
 module UiBibz::Helpers::UiHelper
 
   def panel content = nil, options = nil, html_options = nil, &block
-    is_tap = (content[:tap] if content.kind_of?(Hash)) || (options[:tap] unless options.nil?)
-    if is_tap
+    if is_tap(content, options)
       UiBibz::Ui::Panel.new(content, options, html_options).tap(&block).render
     else
       UiBibz::Ui::Panel.new(content, options, html_options, &block).render
@@ -14,8 +13,8 @@ module UiBibz::Helpers::UiHelper
     UiBibz::Ui::Alert.new(content, options, html_options, &block).render
   end
 
-  # Use "lab" instead of "label" : due to "actionview (4.2.0) lib/action_view/helpers/form_helper.rb" conflict
-  def lab content = nil, options = nil, html_options = nil, &block
+  # 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::Label.new(content, options, html_options, &block).render
   end
 
@@ -38,8 +37,7 @@ module UiBibz::Helpers::UiHelper
   # Table section begin ------------------------------------------------------
 
   def table content = nil, options = nil, html_options = nil, &block
-    is_tap = (content[:tap] if content.kind_of?(Hash)) || (options[:tap] unless options.nil?)
-    if is_tap
+    if is_tap(content, options)
       UiBibz::Ui::Table.new(content, options, html_options).tap(&block).render
     else
       UiBibz::Ui::Table.new(content, options, html_options, &block).render
@@ -59,8 +57,7 @@ module UiBibz::Helpers::UiHelper
   end
 
   def table_panel content = nil, options = nil, html_options = nil, &block
-    is_tap = (content[:tap] if content.kind_of?(Hash)) || (options[:tap] unless options.nil?)
-    if is_tap
+    if is_tap(content, options)
       UiBibz::Ui::TablePanel.new(content, options, html_options).tap(&block).render
     else
       UiBibz::Ui::TablePanel.new(content, options, html_options, &block).render
@@ -105,4 +102,18 @@ module UiBibz::Helpers::UiHelper
     UiBibz::Ui::Glyph.new(content, options, html_options, &block).render
   end
 
+  def progress_bar percentage = nil, options = nil, html_options = nil, &block
+    if is_tap(percentage, options)
+      UiBibz::Ui::ProgressBar.new(percentage, options, html_options).tap(&block).render
+    else
+      UiBibz::Ui::ProgressBar.new(percentage, options, html_options, &block).render
+    end
+  end
+
+private
+
+  def is_tap content, options
+    (content[:tap] if content.kind_of?(Hash)) || (options[:tap] unless options.nil?)
+  end
+
 end

data/lib/ui_bibz/ui/label.rb

@@ -31,7 +31,7 @@ module UiBibz::Ui
   #
   # ==== Examples
   #
-  #   UiBibz::Ui::Label.new(content, type: :success).render
+  #   UiBibz::Ui::Label.new(content, state: :success).render
   #
   #   UiBibz::Ui::Label.new() do
   #     #content

data/lib/ui_bibz/ui/progress_bar/components/bar.rb

@@ -0,0 +1,103 @@
+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:
+  # * +state+ - State of élement with symbol value:
+  #   (+:default+, +:primary+, +:info+, +:warning+, +:danger+)
+  # * label - String (default: "percentage%")
+  # * percentage_min - Integer (default: 0)
+  # * percentage_max - Integer (default: 100)
+  # * sr_only - Boolean to show label (default: false)
+  # * type
+  #   (+:striped+, +:animated+)
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Bar.new(percentage, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::Bar.new(options = nil, html_options = nil) do
+  #     percentage
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Bar.new(10)
+  #   # or
+  #   UiBibz::Ui::Bar.new(10, { state: :success, sr_only: true, label: 'Loading...' },{ class: 'test' }).render
+  #   # or
+  #   UiBibz::Ui::Bar.new({ state: :primary }) do
+  #     40
+  #   end.render
+  #
+  class Bar < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+    end
+
+    def render
+      content_tag :div, progressbar_inner_html, class_and_html_options(['progress-bar', type]).merge(bar_html_options)
+    end
+
+  private
+
+    def bar_html_options
+      {
+        "role"          => 'progressbar',
+        "aria-valuenow" => percentage,
+        "aria-valuemin" => percentage_min,
+        "aria-valuemax" => percentage_max,
+        "style"         => "width: #{ percentage }%"
+      }
+    end
+
+    def progressbar_inner_html
+      sr_only ? content_tag(:span, label, class: 'sr-only') : label
+    end
+
+    def percentage
+      @content || 0
+    end
+
+    def sr_only
+      @options[:sr_only] || false
+    end
+
+    def percentage_min
+      @options[:percentage_min] || 0
+    end
+
+    def percentage_max
+      @options[:percentage_max] || 100
+    end
+
+    def label
+      @options[:label].nil? ? "#{ percentage }%" : @options[:label]
+    end
+
+    def type
+      if @options[:type] == :animated
+        "progress-bar-striped active"
+      elsif @options[:type]
+        "progress-bar-#{ @options[:type] }"
+      end
+    end
+
+    def state
+      "progress-bar-#{ @options[:state] }" unless @options[:state].nil?
+    end
+
+  end
+end

data/lib/ui_bibz/ui/progress_bar/progress_bar.rb

@@ -0,0 +1,79 @@
+require 'ui_bibz/ui/progress_bar/components/bar'
+module UiBibz::Ui
+
+  # Create a progress bar
+  #
+  # 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+)
+  # * label - String (default: "percentage%")
+  # * tap - Boolean (true: To add several bars)
+  # * percentage_min - Integer (default: 0)
+  # * percentage_max - Integer (default: 100)
+  # * sr_only - Boolean to show label (default: false)
+  # * type
+  #   (+:striped+, +:animated+)
+  #
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::ProgressBar.new(percentage, options = nil, html_options = nil)
+  #
+  #   UiBibz::Ui::ProgressBar.new(options = nil, html_options = nil) do
+  #     percentage
+  #   end
+  #
+  #   UiBibz::Ui::ProgressBar.new(tap: true).tap do |pb|
+  #     pb.bar percentage, options = nil, html_options = nil
+  #     pb.bar options = nil, html_options = nil do
+  #       percentage
+  #     end
+  #   end
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::ProgressBar.new(50)
+  #   # or
+  #   UiBibz::Ui::ProgressBar.new(10, { state: :success, sr_only: false, label: 'Loading...' },{ class: 'test' }).render
+  #   # or
+  #   UiBibz::Ui::ProgressBar.new(tap: true).tap |pb|
+  #     pb.bar 10, { state: :success, sr_only: false, label: 'Loading...' },{ class: 'test' }
+  #     pb.bar { state: :primary } do
+  #       20
+  #     end
+  #   end.render
+  #
+  class ProgressBar < Component
+
+    def initialize content = nil, options = nil, html_options = nil, &block
+      super
+      @bars = []
+    end
+
+    def render
+      content_tag :div, content, class: 'progress'
+    end
+
+    def bar content = nil, options = nil, html_options = nil, &block
+      @bars << Bar.new(content, options, html_options, &block).render
+    end
+
+  private
+
+    def content
+      @options[:tap] ? @bars.join().html_safe : Bar.new(@content, @options, @html_options).render
+    end
+
+  end
+end

data/lib/ui_bibz/ui/table/table.rb

@@ -107,7 +107,7 @@ module UiBibz::Ui
     end
 
     def type
-      "table-#{ @options[:type] }"
+      "table-#{ @options[:type] }" unless @options[:type].nil?
     end
 
     def table_html

data/lib/ui_bibz/ui/table/ux/actionable.rb

@@ -29,7 +29,7 @@ module UiBibz::Ui
   private
 
     def dropdown_action record
-      UiBibz::Ui::Dropdown.new(dropdown_action_name, { position: :right, glyph: actions_glyph }, class: 'btn-group-xs').tap do |d|
+      UiBibz::Ui::Dropdown.new(dropdown_action_name, { position: :right, glyph: actions_glyph }, class: 'btn-group-xs dropdown-action').tap do |d|
         unless @actions.nil?
           actions_links(record).each do |l|
             d.list l.html_safe

data/lib/ui_bibz/version.rb

@@ -1,3 +1,3 @@
 module UiBibz
-  VERSION = "0.9.0"
+  VERSION = "1.0.0"
 end

data/lib/ui_bibz.rb

@@ -1,6 +1,4 @@
-
 require 'action_view'
-#require 'haml/helpers'
 require 'will_paginate'
 require 'will-paginate-i18n'
 
@@ -8,12 +6,6 @@ module UiBibz
 
   mattr_accessor :app_root
 
-  # Yield self on setup for nice config blocks
-  # Maybe remove ?
-  def self.setup
-    yield self
-  end
-
   module Ui
     autoload :Alert,                   "ui_bibz/ui/alert"
     autoload :Breadcrumb,              "ui_bibz/ui/breadcrumb/breadcrumb"
@@ -32,6 +24,7 @@ module UiBibz
     autoload :ListGroup,               "ui_bibz/ui/list/list_group"
     autoload :Nav,                     "ui_bibz/ui/nav/nav"
     autoload :Panel,                   "ui_bibz/ui/panel"
+    autoload :ProgressBar,             "ui_bibz/ui/progress_bar/progress_bar"
     autoload :Row,                     "ui_bibz/ui/grid/components/row"
     autoload :Tab,                     "ui_bibz/ui/nav/tab"
     autoload :Table,                   "ui_bibz/ui/table/table"
@@ -56,5 +49,4 @@ module UiBibz
 
 end
 
-
 require "ui_bibz/rails/engine"

data/test/ui/table_test.rb

@@ -109,8 +109,7 @@ class TableTest < ActionView::TestCase
     options  = { actionable: true }
     action   = UiBibz::Ui::Actionable.new(@store, options)
     actual   = action.body @store.records.first, []
-    expected = ["<td><div class=\"btn-group-xs dropdown\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"glyph fa fa-ellipsis-v fa-fw\"></i> Actions <span class=\"caret\"></span></button><ul class=\"dropdown-menu dropdown-menu-right\" role=\"menu\"></ul></div></td>"]
-
+    expected = ["<td><div class=\"btn-group-xs dropdown-action dropdown\"><button class=\"btn btn-default dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"glyph fa fa-ellipsis-v fa-fw\"></i> Actions <span class=\"caret\"></span></button><ul class=\"dropdown-menu dropdown-menu-right\" role=\"menu\"></ul></div></td>"]
 
     assert_equal expected, actual
   end

data/test/ui_bibz_test.rb

@@ -4,10 +4,4 @@ class UiBibzTest < ActiveSupport::TestCase
   test "truth" do
     assert_kind_of Module, UiBibz
   end
-
-  test 'setup block yields self' do
-    UiBibz.setup do |config|
-      assert_equal UiBibz, config
-    end
-  end
 end

data/test/ui_helper_test.rb

@@ -20,8 +20,8 @@ class UiHelperTest < ActionView::TestCase
     assert_equal expected, actual
   end
 
-  test 'label' do
-    actual   = lab 'toto', state: :success, glyph: 'pencil'
+  test 'etiquette' do
+    actual   = etiquette 'toto', state: :success, glyph: 'pencil'
     expected = "<span class=\"label-success label\"><i class=\"glyph fa fa-pencil\"></i> toto</span>"
 
     assert_equal expected, actual
@@ -41,4 +41,22 @@ class UiHelperTest < ActionView::TestCase
     assert_equal expected, actual
   end
 
+  test 'progress bar' do
+    actual   = progress_bar 30
+    expected = "<div class=\"progress\"><div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 30%\">30%</div></div>"
+
+    assert_equal expected, actual
+  end
+
+  test 'progress bar with several bars' do
+    actual   = progress_bar(tap: true) do |pb|
+      pb.bar 20, type: :animated
+      pb.bar 30, state: :success
+      pb.bar 10, type: :striped
+    end
+    expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-striped active\" role=\"progressbar\" aria-valuenow=\"20\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20%\">20%</div><div class=\"progress-bar-success progress-bar\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 30%\">30%</div><div class=\"progress-bar progress-bar-striped\" role=\"progressbar\" aria-valuenow=\"10\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 10%\">10%</div></div>"
+
+    assert_equal expected, actual
+  end
+
 end

data/ui_bibz.gemspec

@@ -9,9 +9,9 @@ Gem::Specification.new do |s|
   s.version     = UiBibz::VERSION
   s.authors     = ["Thooams"]
   s.email       = ["thooams@gmail.com"]
-  s.homepage    = "https://github.com/thooams/ui-bibz"
-  s.summary     = "A Rails plugin with Boostrap framework..."
-  s.description = "A Rails plugin with Boostrap framework..."
+  s.homepage    = "http://thooams.github.io/Ui-Bibz/"
+  s.summary     = "A Rails Bootstrap framework..."
+  s.description = "A Rails Boostrap framework..."
   s.license     = "MIT"
 
   s.files         = `git ls-files`.split("\n")

data/vendor/assets/stylesheets/ui_bibz.sass

@@ -24,14 +24,14 @@
         width: 75px
         display: inline-block
 
-.table-hover>tbody>tr:hover
-  td:last-child .dropdown
+.table>tbody>tr:hover
+  td:last-child .dropdown-action
     display: block
 
-.table-hover>tbody>tr
+.table>tbody>tr
   td:last-child
     height: 39px
-    .dropdown
+    .dropdown-action
       display: none
 
 .table-search-field
@@ -42,5 +42,5 @@
 
 .table
   .action
-    width: 92px
+    width: 100px
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ui_bibz
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Thooams
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-06 00:00:00.000000000 Z
+date: 2015-05-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -164,7 +164,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: A Rails plugin with Boostrap framework...
+description: A Rails Boostrap framework...
 email:
 - thooams@gmail.com
 executables: []
@@ -188,10 +188,12 @@ files:
 - doc/images/button_group.png
 - doc/images/button_link.png
 - doc/images/button_split_dropdown.png
+- doc/images/etiquette.png
 - doc/images/glyph.png
 - doc/images/list.png
 - doc/images/nav.png
 - doc/images/panel.png
+- doc/images/progress_bar.png
 - doc/images/table.png
 - doc/images/table_pagination_per_page.png
 - doc/images/table_panel.png
@@ -227,6 +229,8 @@ files:
 - lib/ui_bibz/ui/nav/components/nav_link.rb
 - lib/ui_bibz/ui/nav/nav.rb
 - lib/ui_bibz/ui/panel.rb
+- lib/ui_bibz/ui/progress_bar/components/bar.rb
+- lib/ui_bibz/ui/progress_bar/progress_bar.rb
 - lib/ui_bibz/ui/table/components/actions.rb
 - lib/ui_bibz/ui/table/components/column.rb
 - lib/ui_bibz/ui/table/components/columns.rb
@@ -309,7 +313,7 @@ files:
 - ui_bibz.gemspec
 - vendor/assets/javascripts/ui_bibz.js.coffee
 - vendor/assets/stylesheets/ui_bibz.sass
-homepage: https://github.com/thooams/ui-bibz
+homepage: http://thooams.github.io/Ui-Bibz/
 licenses:
 - MIT
 metadata: {}
@@ -332,7 +336,7 @@ rubyforge_project:
 rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
-summary: A Rails plugin with Boostrap framework...
+summary: A Rails Bootstrap framework...
 test_files:
 - test/dummy/README.rdoc
 - test/dummy/Rakefile