ui_bibz 1.1.0 → 1.1.1

data/doc/index.html

@@ -61,11 +61,14 @@
 
     <iframe id="search_frame"></iframe>
 
-    <div id="content"><div id='filecontents'><p><img src="images/ui-bibz-logo-without-border.gif" alt="Ui Bibz logo"></p>
+    <div id="content"><div id='filecontents'><p><img src="http://hummel.link/Ui-Bibz/images/ui-bibz-logo-without-border.gif" alt="Ui Bibz logo"></p>
 
 <p><a href="https://travis-ci.org/thooams/Ui-Bibz"><img src="https://travis-ci.org/thooams/Ui-Bibz.svg" alt="Build Status"></a>
 <a href="https://codeclimate.com/github/thooams/Ui-Bibz"><img src="https://codeclimate.com/github/thooams/Ui-Bibz/badges/gpa.svg" alt="Code Climate"></a>
-<a href="https://codeclimate.com/github/thooams/Ui-Bibz"><img src="https://codeclimate.com/github/thooams/Ui-Bibz/badges/coverage.svg" alt="Test Coverage"></a></p>
+<a href="https://codeclimate.com/github/thooams/Ui-Bibz"><img src="https://codeclimate.com/github/thooams/Ui-Bibz/badges/coverage.svg" alt="Test Coverage"></a>
+<a href="http://inch-ci.org/github/thooams/Ui-Bibz"><img src="http://inch-ci.org/github/thooams/Ui-Bibz.svg?branch=master" alt="Inline docs"></a>
+<a href="https://hakiri.io/github/thooams/Ui-Bibz/master"><img src="https://hakiri.io/github/thooams/Ui-Bibz/master.svg" alt="security"></a>
+<a href="https://gemnasium.com/thooams/Ui-Bibz"><img src="https://gemnasium.com/thooams/Ui-Bibz.svg" alt="Dependency Status"></a></p>
 
 <p>This project rocks and uses MIT-LICENSE.</p>
 
@@ -78,7 +81,7 @@ permettant de construire une interface très rapidement et simplement
 </blockquote>
 
 <p>Ui Bibz charge la librairie <a href="http://getbootstrap.com/">boostrap</a> et
-<a href="http://fontawesome.io/">awesomefont</a> en <a href="https://fr.wikipedia.org/wiki/Content_delivery_network">CDN</a>.</p>
+<a href="http://fontawesome.io/">awesomefont</a>.</p>
 
 <p>Tous les composants du framework Ui Bibz comportent l&#39;agument <em>options</em> et l&#39;argument <em>html_options</em>.
 Ces éléments sont basés sur l&#39;élément <code>Component</code>.
@@ -154,6 +157,23 @@ dans <code>options</code> et <code>html_options</code>.</p>
   %body
 </code></pre>
 
+<p>Ui Bibz chargera les librairies en CDN directement dans votre application.
+Si vous préférez charger les librairies en locales, utilisez plutôt la méthode <code>ui_bibz_local_meta_links</code>
+et insérez dans le fichier <code>/config/initializers/assets.rb</code> de votre
+application ces 3-4 lignes:</p>
+
+<pre class="code ruby"><code class="ruby">
+<span class='comment'># For awesome-font
+</span><span class='const'>Rails</span><span class='period'>.</span><span class='id identifier rubyid_application'>application</span><span class='period'>.</span><span class='id identifier rubyid_config'>config</span><span class='period'>.</span><span class='id identifier rubyid_assets'>assets</span><span class='period'>.</span><span class='id identifier rubyid_paths'>paths</span> <span class='op'>&lt;&lt;</span> <span class='const'>Rails</span><span class='period'>.</span><span class='id identifier rubyid_root'>root</span><span class='period'>.</span><span class='id identifier rubyid_join'>join</span><span class='lparen'>(</span><span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>app</span><span class='tstring_end'>&quot;</span></span><span class='comma'>,</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>assets</span><span class='tstring_end'>&quot;</span></span><span class='comma'>,</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>fonts</span><span class='tstring_end'>&quot;</span></span><span class='rparen'>)</span>
+<span class='comment'># For Ui bibz css
+</span><span class='const'>Rails</span><span class='period'>.</span><span class='id identifier rubyid_application'>application</span><span class='period'>.</span><span class='id identifier rubyid_config'>config</span><span class='period'>.</span><span class='id identifier rubyid_assets'>assets</span><span class='period'>.</span><span class='id identifier rubyid_precompile'>precompile</span> <span class='op'>+=</span> <span class='qwords_beg'>%w(</span><span class='tstring_content'>bootstrap.min.css</span><span class='words_sep'> </span><span class='tstring_content'>bootstrap-theme.min.css</span><span class='words_sep'> </span><span class='tstring_content'>font-awesome.min.css</span><span class='words_sep'>)</span>
+<span class='comment'># For boostrap-theme (optionel)
+</span><span class='const'>Rails</span><span class='period'>.</span><span class='id identifier rubyid_application'>application</span><span class='period'>.</span><span class='id identifier rubyid_config'>config</span><span class='period'>.</span><span class='id identifier rubyid_assets'>assets</span><span class='period'>.</span><span class='id identifier rubyid_precompile'>precompile</span> <span class='op'>+=</span> <span class='qwords_beg'>%w(</span><span class='tstring_content'>bootstrap-theme.min.css</span><span class='words_sep'>)</span>
+<span class='comment'># For Ui bibz js
+</span><span class='const'>Rails</span><span class='period'>.</span><span class='id identifier rubyid_application'>application</span><span class='period'>.</span><span class='id identifier rubyid_config'>config</span><span class='period'>.</span><span class='id identifier rubyid_assets'>assets</span><span class='period'>.</span><span class='id identifier rubyid_precompile'>precompile</span> <span class='op'>+=</span> <span class='qwords_beg'>%w(</span><span class='tstring_content'>jquery-2.1.4.min.js</span><span class='words_sep'> </span><span class='tstring_content'>bootstrap.min.js</span><span class='words_sep'>)</span>
+
+</code></pre>
+
 <p>Placer la ligne suivante dans <code>/app/assets/stylesheets/applications.css</code></p>
 
 <pre class="code ruby"><code class="ruby">...
@@ -172,7 +192,7 @@ dans <code>options</code> et <code>html_options</code>.</p>
 
 <h3>Alert</h3>
 
-<p><img src="images/alert.png" alt="alert"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/alert.png" alt="alert"></p>
 
 <p>L&#39;élément <code>notify</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
 
@@ -184,11 +204,11 @@ dans <code>options</code> et <code>html_options</code>.</p>
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_notify'>notify</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Alert</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>state:</span> <span class='symbol'>:info</span><span class='comma'>,</span> <span class='label'>glyph:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>eye</span><span class='tstring_end'>'</span></span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Alert.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Alert.html">doc</a></p>
 
 <h3>Breadcrumb (fil d&#39;ariane)</h3>
 
-<p><img src="images/breadcrumb.png" alt="breadcrumb"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/breadcrumb.png" alt="breadcrumb"></p>
 
 <p>L&#39;élément <code>breadcrumb</code> à pour enfant l&#39;élément <code>link</code> qui accepte pour option un Hash avec les clefs :</p>
 
@@ -207,13 +227,13 @@ dans <code>options</code> et <code>html_options</code>.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Breadcrumb.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Breadcrumb.html">doc</a></p>
 
 <h3>Buttons (Boutons)</h3>
 
 <h4>Button</h4>
 
-<p><img src="images/button.png" alt="button"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/button.png" alt="button"></p>
 
 <p>L&#39;élément <code>button</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
 
@@ -227,14 +247,14 @@ dans <code>options</code> et <code>html_options</code>.</p>
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_button'>button</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Button</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>state:</span> <span class='symbol'>:danger</span><span class='comma'>,</span> <span class='label'>size:</span> <span class='symbol'>:xs</span><span class='comma'>,</span> <span class='label'>glyph:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>star</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span> <span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>class:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>my-button</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Button.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Button.html">doc</a></p>
 
 <h4>Button Dropdown</h4>
 
 <p>L&#39;élément <code>button_dropdown</code> accepte pour options les mêmes clefs que l&#39;élément
 <a href="#dropdown">dropdown</a>.</p>
 
-<p><img src="images/button_dropdown.png" alt="button_link"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/button_dropdown.png" alt="button_link"></p>
 
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_button_dropdown'>button_dropdown</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Button Dropdown</span><span class='tstring_end'>'</span></span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_bd'>bd</span><span class='op'>|</span>
   <span class='id identifier rubyid_bd'>bd</span><span class='period'>.</span><span class='id identifier rubyid_list'>list</span> <span class='id identifier rubyid_link_to'>link_to</span><span class='lparen'>(</span><span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Link 1</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>#</span><span class='tstring_end'>'</span></span><span class='rparen'>)</span>
@@ -245,11 +265,11 @@ dans <code>options</code> et <code>html_options</code>.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/ButtonLink.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/ButtonLink.html">doc</a></p>
 
 <h4>Button group</h4>
 
-<p><img src="images/button_group.png" alt="button_group"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/button_group.png" alt="button_group"></p>
 
 <p>L&#39;élément <code>button_group</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
 
@@ -284,22 +304,22 @@ dans <code>options</code> et <code>html_options</code>.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/ButtonGroup.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/ButtonGroup.html">doc</a></p>
 
 <h4>Button Link (Lien Bouton)</h4>
 
-<p><img src="images/button_link.png" alt="button_link"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/button_link.png" alt="button_link"></p>
 
 <p>L&#39;élément <code>button_link</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
 
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_button_link'>button_link</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Button</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>url:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>#button</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>state:</span> <span class='symbol'>:primary</span><span class='comma'>,</span> <span class='label'>glyph:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>star</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>class:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>my-button</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/ButtonLink.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/ButtonLink.html">doc</a></p>
 
 <h4>Button Split Dropdown</h4>
 
-<p><img src="images/button_split_dropdown.png" alt="button_group"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/button_split_dropdown.png" alt="button_group"></p>
 
 <p>L&#39;élément <code>button_split_dropdown</code>accepte pour options les mêmes clefs
 que l&#39;élément <a href="#dropdown">dropdown</a>.</p>
@@ -315,7 +335,7 @@ que l&#39;élément <a href="#dropdown">dropdown</a>.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/ButtonSplitDropdown.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/ButtonSplitDropdown.html">doc</a></p>
 
 <h3>Dropdown</h3>
 
@@ -354,11 +374,11 @@ d.list '--'
 ...
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Dropdown.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Dropdown.html">doc</a></p>
 
 <h3>Progress Bar</h3>
 
-<p><img src="images/progress_bar.png" alt="glyph"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/progress_bar.png" alt="glyph"></p>
 
 <p>L&#39;élément <code>progress_bar</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
 
@@ -387,11 +407,11 @@ d.list '--'
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/ProgressBar.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/ProgressBar.html">doc</a></p>
 
 <h3>Glyph</h3>
 
-<p><img src="images/glyph.png" alt="glyph"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/glyph.png" alt="glyph"></p>
 
 <p>Les glyphs utilisés proviennent de <a href="http://fontawesome.io/">Font Awesome</a>.
 L&#39;élément <code>glyph</code> peut contenir un hash pour <code>content</code>
@@ -407,16 +427,38 @@ L&#39;élément <code>glyph</code> à pour <code>options</code> un Hash acceptan
 glyph { name: 'star', size: 3, type: 'fw' }
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Glyph.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Glyph.html">doc</a></p>
+
+<h3>Stars</h3>
+
+<p><img src="http://hummel.link/Ui-Bibz/images/stars.png" alt="stars"></p>
+
+<p>L&#39;élément <code>stars</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
+
+<ul>
+<li>num - Correspond au nombre d&#39;étoiles affichées (default: 5)</li>
+<li><a href="#state-values">state</a></li>
+</ul>
+
+<pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_stars'>stars</span> <span class='float'>3.2</span>
+
+<span class='id identifier rubyid_stars'>stars</span> <span class='int'>7</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>num:</span> <span class='int'>10</span><span class='comma'>,</span> <span class='label'>state:</span> <span class='symbol'>:danger</span> <span class='rbrace'>}</span>
+
+<span class='id identifier rubyid_stars'>stars</span> <span class='label'>num:</span> <span class='int'>3</span> <span class='kw'>do</span>
+  <span class='int'>1</span>
+<span class='kw'>end</span>
+</code></pre>
+
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Stars.html">doc</a></p>
 
 <h3>Panel</h3>
 
-<p><img src="images/panel.png" alt="panel"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/panel.png" alt="panel"></p>
 
 <p>L&#39;élément <code>panel</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
 
 <ul>
-<li><a href="#state">state</a></li>
+<li><a href="#state-values">state</a></li>
 <li>tap (true) : permet de créer un header, body et footer</li>
 </ul>
 
@@ -430,7 +472,7 @@ panel(state: :danger) do
   'Content'
 end
 
-panel({ tap: true, state: :danger }, { class: 'exemple' }) |p|
+panel({ tap: true, state: :danger, table_options: { actionable: true } }, { class: 'exemple' }) |p|
   p.header 'Header', glyph: 'eye'
   p.body(class: 'my-body') do
    'Content body'
@@ -439,11 +481,11 @@ panel({ tap: true, state: :danger }, { class: 'exemple' }) |p|
 end
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Panel.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Panel.html">doc</a></p>
 
 <h3>Table</h3>
 
-<p><img src="images/table.png" alt="table"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/table.png" alt="table"></p>
 
 <p>L&#39;élément <code>table</code> est un tableau composé d&#39;une recherche, une pagination et un trie de colonnes intégrées.
 Le tableau est compatible <a href="http://guides.rubyonrails.org/i18n.html">I18n</a>.
@@ -479,7 +521,7 @@ faire une recherche sur les attributs souhaités.</p>
 
 <p>Un champ recherche est disponible dans la vue :</p>
 
-<p><img src="images/table_search_field.png" alt="table_search_field"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/table_search_field.png" alt="table_search_field"></p>
 
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_table_search_field'>table_search_field</span> <span class='label'>store:</span> <span class='ivar'>@documents</span>
 </code></pre>
@@ -491,7 +533,7 @@ faire une recherche sur les attributs souhaités.</p>
 
 <p>Un champs select par page est disponible dans la vue :</p>
 
-<p><img src="images/table_pagination_per_page.png" alt="table_search_field"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/table_pagination_per_page.png" alt="table_search_field"></p>
 
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_table_pagination_per_page'>table_pagination_per_page</span> <span class='label'>store:</span> <span class='ivar'>@documents</span>
 </code></pre>
@@ -584,11 +626,11 @@ faire une recherche sur les attributs souhaités.</p>
 <pre class="code ruby"><code class="ruby"><span class='comment'># app/views/documents/index.html.haml
 </span><span class='id identifier rubyid_table'>table</span> <span class='label'>store:</span> <span class='ivar'>@documents</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_g'>g</span><span class='op'>|</span>
   <span class='id identifier rubyid_g'>g</span><span class='period'>.</span><span class='id identifier rubyid_columns'>columns</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_c'>c</span><span class='op'>|</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>#</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>id</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Name fr</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>name_fr</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>link:</span> <span class='id identifier rubyid_edit_document_path'>edit_document_path</span><span class='lparen'>(</span><span class='symbol'>:id</span><span class='rparen'>)</span><span class='rbrace'>}</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Name en</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>name_en</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Hotline</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>hotline_access</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>format:</span> <span class='id identifier rubyid_lambda'>lambda</span><span class='lbrace'>{</span> <span class='op'>|</span><span class='id identifier rubyid_records'>records</span><span class='comma'>,</span> <span class='id identifier rubyid_record'>record</span><span class='op'>|</span> <span class='id identifier rubyid_glyph'>glyph</span><span class='lparen'>(</span><span class='id identifier rubyid_record'>record</span><span class='period'>.</span><span class='id identifier rubyid_icon'>icon</span><span class='rparen'>)</span> <span class='rbrace'>}</span><span class='rbrace'>}</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Updated at</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>updated_at</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>date_format:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>%Y</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:id</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>name:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>#</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:name_fr</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>name:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Name fr</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>link:</span> <span class='id identifier rubyid_edit_document_path'>edit_document_path</span><span class='lparen'>(</span><span class='symbol'>:id</span><span class='rparen'>)</span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:name_en</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:hotline_access</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>name:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Hotline</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>format:</span> <span class='id identifier rubyid_lambda'>lambda</span><span class='lbrace'>{</span> <span class='op'>|</span><span class='id identifier rubyid_records'>records</span><span class='comma'>,</span> <span class='id identifier rubyid_record'>record</span><span class='op'>|</span> <span class='id identifier rubyid_glyph'>glyph</span><span class='lparen'>(</span><span class='id identifier rubyid_record'>record</span><span class='period'>.</span><span class='id identifier rubyid_icon'>icon</span><span class='rparen'>)</span> <span class='rbrace'>}</span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:update_at</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>date_format:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>%Y</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
   <span class='kw'>end</span>
 <span class='kw'>end</span>
 </code></pre>
@@ -614,7 +656,7 @@ l&#39;appeler comme valeur pour la clef <code>data_index</code>.</p>
 <pre class="code ruby"><code class="ruby"><span class='comment'># app/views/documents/index.html.haml
 </span><span class='id identifier rubyid_table'>table</span> <span class='label'>store:</span> <span class='ivar'>@documents</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_g'>g</span><span class='op'>|</span>
   <span class='id identifier rubyid_g'>g</span><span class='period'>.</span><span class='id identifier rubyid_columns'>columns</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_c'>c</span><span class='op'>|</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Users</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>user_name</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>sort:</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>user.name</span><span class='tstring_end'>&quot;</span></span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:user_name</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>name:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>User</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>sort:</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>user.name</span><span class='tstring_end'>&quot;</span></span> <span class='rbrace'>}</span>
   <span class='kw'>end</span>
 <span class='kw'>end</span>
 </code></pre>
@@ -662,11 +704,55 @@ fonctionnalité de trie.</p>
 <pre class="code ruby"><code class="ruby"><span class='comment'># app/views/documents/index.html.haml
 </span><span class='id identifier rubyid_table'>table</span> <span class='label'>store:</span> <span class='ivar'>@documents</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_g'>g</span><span class='op'>|</span>
   <span class='id identifier rubyid_g'>g</span><span class='period'>.</span><span class='id identifier rubyid_columns'>columns</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_c'>c</span><span class='op'>|</span>
-    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Users</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>data_index:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>users</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>count:</span> <span class='kw'>true</span><span class='comma'>,</span> <span class='label'>custom_sort:</span> <span class='kw'>true</span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_c'>c</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:users</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>name:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Users count</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>count:</span> <span class='kw'>true</span><span class='comma'>,</span> <span class='label'>custom_sort:</span> <span class='kw'>true</span> <span class='rbrace'>}</span>
+  <span class='kw'>end</span>
+<span class='kw'>end</span>
+</code></pre>
+
+<h4>table actions</h4>
+
+<p>Les actions d&#39;une table peuvent être formatées avec le &#39;record&#39; passé en paramètre.</p>
+
+<pre class="code ruby"><code class="ruby"><span class='comment'># app/views/documents/index.html.haml
+</span><span class='id identifier rubyid_table'>table</span> <span class='label'>store:</span> <span class='ivar'>@documents</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_t'>t</span><span class='op'>|</span>
+  <span class='id identifier rubyid_t'>t</span><span class='period'>.</span><span class='id identifier rubyid_columns'>columns</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_cls'>cls</span><span class='op'>|</span>
+    <span class='id identifier rubyid_cls'>cls</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:id</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>name:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>#</span><span class='tstring_end'>'</span></span> <span class='rbrace'>}</span>
+    <span class='id identifier rubyid_cls'>cls</span><span class='period'>.</span><span class='id identifier rubyid_column'>column</span> <span class='symbol'>:name_en</span>
+  <span class='kw'>end</span>
+  <span class='id identifier rubyid_t'>t</span><span class='period'>.</span><span class='id identifier rubyid_actions'>actions</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_acs'>acs</span><span class='op'>|</span>
+    <span class='id identifier rubyid_acs'>acs</span><span class='period'>.</span><span class='id identifier rubyid_format'>format</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_record'>record</span><span class='op'>|</span>
+      <span class='kw'>if</span> <span class='id identifier rubyid_record'>record</span><span class='period'>.</span><span class='id identifier rubyid_active?'>active?</span>
+        <span class='id identifier rubyid_acs'>acs</span><span class='period'>.</span><span class='id identifier rubyid_action'>action</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Active</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>url:</span> <span class='id identifier rubyid_active_document_path'>active_document_path</span><span class='lparen'>(</span><span class='id identifier rubyid_record'>record</span><span class='period'>.</span><span class='id identifier rubyid_id'>id</span><span class='rparen'>)</span> <span class='rbrace'>}</span>
+      <span class='kw'>else</span>
+        <span class='id identifier rubyid_acs'>acs</span><span class='period'>.</span><span class='id identifier rubyid_action'>action</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Disabled</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>url:</span> <span class='id identifier rubyid_disabled_document_path'>disabled_document_path</span><span class='lparen'>(</span><span class='id identifier rubyid_record'>record</span><span class='period'>.</span><span class='id identifier rubyid_id'>id</span><span class='rparen'>)</span> <span class='rbrace'>}</span>
+      <span class='kw'>end</span>
+      <span class='id identifier rubyid_acs'>acs</span><span class='period'>.</span><span class='id identifier rubyid_action'>action</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>Show</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>url:</span> <span class='id identifier rubyid_document_path'>document_path</span><span class='lparen'>(</span><span class='id identifier rubyid_record'>record</span><span class='period'>.</span><span class='id identifier rubyid_id'>id</span><span class='rparen'>)</span> <span class='rbrace'>}</span>
+    <span class='kw'>end</span>
   <span class='kw'>end</span>
 <span class='kw'>end</span>
 </code></pre>
 
+<p>Les actions ainsi que la colonne action peuvent être désactivées en passant l&#39;agument <code>actionable:
+false</code>.</p>
+
+<pre class="code ruby"><code class="ruby"><span class='comment'># app/views/documents/index.html.haml
+</span><span class='id identifier rubyid_table'>table</span> <span class='label'>store:</span> <span class='ivar'>@documents</span><span class='comma'>,</span> <span class='label'>actionable:</span> <span class='kw'>false</span>
+</code></pre>
+
+<h4>Plus d&#39;une table sur une page html</h4>
+
+<p>Si vous avez plus d&#39;une table sur votre page html et que vous souhaitez faire
+des recherches, paginer... Vous devez identifier chaque store pour que l&#39;action
+effectuée (recherche, pagination,...) ne soit affectée que sur la table désirée.</p>
+
+<p>Pour cela il faut que vous donniez un identifiant unique à vos stores.</p>
+
+<p>ex:</p>
+
+<pre class="code ruby"><code class="ruby"><span class='comment'># app/controllers/document_controller.rb
+</span><span class='ivar'>@documents</span> <span class='op'>=</span> <span class='const'>Document</span><span class='period'>.</span><span class='id identifier rubyid_includes'>includes</span><span class='lparen'>(</span><span class='symbol'>:users</span><span class='rparen'>)</span><span class='period'>.</span><span class='id identifier rubyid_table_search_pagination'>table_search_pagination</span><span class='lparen'>(</span><span class='id identifier rubyid_params'>params</span><span class='comma'>,</span> <span class='id identifier rubyid_session'>session</span><span class='comma'>,</span> <span class='lbrace'>{</span> <span class='label'>store_id:</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>store-1</span><span class='tstring_end'>'</span></span><span class='rbrace'>}</span><span class='rparen'>)</span>
+</code></pre>
+
 <h4>table I18n</h4>
 
 <p>La table est utilisable avec I18n. Les traductions
@@ -694,11 +780,11 @@ activerecord:
 ...
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Ux/Table.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Ux/Table.html">doc</a></p>
 
 <h3>Table Panel</h3>
 
-<p><img src="images/table_panel.png" alt="table_panel"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/table_panel.png" alt="table_panel"></p>
 
 <p>Le composant <code>table_panel</code> est un <a href="#table">tableau</a> dans un <a href="#panel">panel</a>.</p>
 
@@ -706,13 +792,13 @@ activerecord:
 
 table_panel({ store: @users, tap: true, glyph: 'home', state: :danger }) do |g|
   g.columns do |cls|
-    cls.column '#', { data_index: 'id' }
-    cls.column 'Username', { data_index: 'username', link: edit_user_path(:id) }
-    cls.column 'Name', { data_index: 'name' }
-    cls.column({ data_index: 'email' }) do
+    cls.column :id, { name: '#' }
+    cls.column :username, { name: 'Username', link: edit_user_path(:id) }
+    cls.column :name
+    cls.column(:email) do
       'Email'
     end
-    cls.column 'Role', { data_index: 'role_name', sort: 'roles.name' }
+    cls.column :role_name, { name: 'Role', sort: 'roles.name' }
   end
   g.actions do |acs|
     acs.action 'Action 1', { url: edit_user_path(:id), glyph: 'pencil' }
@@ -724,11 +810,11 @@ table_panel({ store: @users, tap: true, glyph: 'home', state: :danger }) do |g|
 end
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Ux/TablePanel.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Ux/TablePanel.html">doc</a></p>
 
 <h3>List</h3>
 
-<p><img src="images/list.png" alt="list"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/list.png" alt="list"></p>
 
 <p>Par défaut une liste à pour tag <code>&lt;li&gt;</code>.
 Mais elle peut se transformer en lien <code>&lt;a&gt;</code> à travers l&#39;option <code>type:</code>.
@@ -748,11 +834,11 @@ Par défaut le tag <code>&lt;li&gt;</code> est présent.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/List.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/List.html">doc</a></p>
 
 <h3>Nav</h3>
 
-<p><img src="images/nav.png" alt="nav"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/nav.png" alt="nav"></p>
 
 <p>Par défaut la navigation comporte des onglets &quot;tab&quot;.
 L&#39;élément <code>nav</code> accepte en option les arguments :</p>
@@ -773,11 +859,11 @@ L&#39;élément <code>nav</code> accepte en option les arguments :</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Nav.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Nav.html">doc</a></p>
 
-<p>### Navbar</p>
+<h3>Navbar</h3>
 
-<p><img src="images/navbar.png" alt="navbar"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/navbar.png" alt="navbar"></p>
 
 <p>Par défaut la navigation comporte des onglets &quot;tab&quot;.
 L&#39;élément <code>navbar</code> accepte en option les arguments :</p>
@@ -789,8 +875,14 @@ L&#39;élément <code>navbar</code> accepte en option les arguments :</p>
 <li>title (string)</li>
 </ul>
 
-<p>L&#39;élement link est un <a href="#component">component</a>.
-L&#39;élement nav est un <a href="#component">component</a>.</p>
+<p>L&#39;élement nav est un <a href="#component">component</a> et contient les composants :</p>
+
+<ul>
+<li>form</li>
+<li>dropdown</li>
+<li>text</li>
+<li>link</li>
+</ul>
 
 <pre class="code ruby"><code class="ruby"><span class='id identifier rubyid_navbar'>navbar</span><span class='lparen'>(</span><span class='label'>type:</span> <span class='symbol'>:inverse</span><span class='comma'>,</span> <span class='label'>position:</span> <span class='symbol'>:top</span><span class='rparen'>)</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_nb'>nb</span><span class='op'>|</span>
   <span class='id identifier rubyid_nb'>nb</span><span class='period'>.</span><span class='id identifier rubyid_nav'>nav</span> <span class='kw'>do</span> <span class='op'>|</span><span class='id identifier rubyid_n'>n</span><span class='op'>|</span>
@@ -805,11 +897,11 @@ L&#39;élement nav est un <a href="#component">component</a>.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Navbar.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Navbar.html">doc</a></p>
 
 <h3>Etiquette</h3>
 
-<p><img src="images/etiquette.png" alt="list"></p>
+<p><img src="http://hummel.link/Ui-Bibz/images/etiquette.png" alt="list"></p>
 
 <p>NB : Les méthodes <code>Tag, label</code> sont déjà utilisées par Rails.
 L&#39;élément <code>etiquette</code> à pour <code>options</code> un Hash acceptant les clefs :</p>
@@ -826,7 +918,7 @@ L&#39;élément <code>etiquette</code> à pour <code>options</code> un Hash acce
 <span class='id identifier rubyid_etiquette'>etiquette</span> <span class='tstring'><span class='tstring_beg'>'</span><span class='tstring_content'>label 2</span><span class='tstring_end'>'</span></span><span class='comma'>,</span> <span class='label'>state:</span> <span class='symbol'>:danger</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Etiquette.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Etiquette.html">doc</a></p>
 
 <h3>Row</h3>
 
@@ -838,7 +930,7 @@ L&#39;élément <code>etiquette</code> à pour <code>options</code> un Hash acce
 <span class='comment'># =&gt; &lt;div class='row toto'&gt;content&lt;/div&gt;
 </span></code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Content.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Content.html">doc</a></p>
 
 <h3>Col</h3>
 
@@ -871,7 +963,7 @@ col.</p>
 <span class='comment'># =&gt; &lt;div class='col-xs-offset-1 col-md-3 test'&gt;content&lt;/div&gt;
 </span></code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Core/Col.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Core/Col.html">doc</a></p>
 
 <h3>Grid</h3>
 
@@ -940,18 +1032,18 @@ le nombre de colonnes occupées par la vue.</p>
 <span class='kw'>end</span>
 </code></pre>
 
-<p>Voir la <a href="UiBibz/Ui/Ux/Grid.html">doc</a></p>
+<p>Voir la <a href="http://hummel.link/Ui-Bibz/UiBibz/Ui/Ux/Grid.html">doc</a></p>
 
 <h3>Arguments and Values</h3>
 
-<h4>Status values</h4>
+<h4>status-values</h4>
 
 <ul>
 <li>:active</li>
 <li>:disable</li>
 </ul>
 
-<h4>Size values</h4>
+<h4>size-values</h4>
 
 <ul>
 <li>:xs</li>
@@ -959,7 +1051,7 @@ le nombre de colonnes occupées par la vue.</p>
 <li>:lg</li>
 </ul>
 
-<h4>State values</h4>
+<h4>state-values</h4>
 
 <ul>
 <li>:default</li>
@@ -970,7 +1062,7 @@ le nombre de colonnes occupées par la vue.</p>
 <li>:danger</li>
 </ul>
 
-<h4>Glyph arguments</h4>
+<h4>glyph-arguments</h4>
 
 <ul>
 <li>name</li>
@@ -1013,7 +1105,7 @@ comme ci-dessous.</p>
 </div></div>
 
     <div id="footer">
-  Generated on Wed Jul  8 15:00:15 2015 by
+  Generated on Mon Aug 31 14:08:52 2015 by
   <a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
   0.8.7.6 (ruby-1.9.3).
 </div>