Append option :header_class for <li> in tabs helper.

Author: ukolovda

lib/bootstrap-components-helpers/tabs_helper.rb

@@ -24,21 +24,23 @@ def initialize parent
         @pane_contents = []
       end
 
+      # options[:header_class] - class for header's <li>
       def pane title, options = {}, &block
         css_class = options[:active] ? 'active' : ''
         link = content_tag(:a, title, :'data-toggle' => 'tab', :href => "##{title.parameterize}_tab")
-        @pane_handles << [link, css_class]
+        header_class = [css_class.presence, options[:header_class]].compact.join(' ')
+        @pane_handles << [link, header_class]
         @pane_contents << [css_class, title, capture(&block)]
         nil
       end
-      
+
       def pane_handles_html
         pane_handles.first[1] = 'active' unless pane_handles.detect {|ph| ph[1] == 'active'}
         pane_handles.map do |link, css_class|
           content_tag(:li, link, :class => css_class)
         end.join("\n").html_safe
       end
-      
+
       def pane_contents_html
         pane_contents.first[0] = 'active' unless pane_contents.detect {|pc| pc[0] == 'active'}
         pane_contents.map do |css_class, title, content|
@@ -47,7 +49,7 @@ def pane_contents_html
       end
 
     end
-    
+
   end
 end
 

test/fixtures/tabs_with_header_class.html

@@ -0,0 +1 @@
+<div class="tabbable "><ul class="nav nav-tabs"><li class="active my_item"><a data-toggle="tab" href="#my-first-pane_tab">My first pane</a></li></ul><div class="tab-content"><div class="tab-pane active" id="my-first-pane_tab">inside the pane</div></div></div>

test/test_tabs_helper.rb

@@ -1,9 +1,9 @@
 require 'test_helper'
 
 class TabsHelperTest < ActionView::TestCase
-  
+
   include BootstrapComponentsHelpers::TabsHelper
-  
+
   test "calling tabs method" do
     html = tabs do |tabs|
       tabs.pane 'My first pane' do
@@ -13,4 +13,13 @@ class TabsHelperTest < ActionView::TestCase
     assert_helper_output 'tabs', html
   end
 
+  test "calling tabs with header css" do
+    html = tabs do |tabs|
+      tabs.pane 'My first pane', :header_class=>'my_item' do
+        'inside the pane'
+      end
+    end
+    assert_helper_output 'tabs', html
+  end
+
 end