Tab Control Usando somente JQuery-UI CSS - Ruby on Br

junioregis 34 posts

pessoALL, beleza?

gosto muito de usar o controle de abas do JQuery-UI mas precisei de uma solução para fazer abas sem usar javascript. ele é baseado no controller atual e gera as abas igualzinho o que é gerado com o JS. eis o meu Helper:

# Example Usage
# 
# <%= stylesheet_link_tag "jquery-ui" %>
# 
# <% tab_control :test, {:controller_1 => "controller_1",
#                        :controller_2 => "controller_2",
#                        :controller_3 => "controller_3"} do %>
#   <%= yield %>
# <% end %>
# 
# Created By: <a href='mailto:junioregis@gmail.com'>junioregis@gmail.com</a>

module TabHelper
  def tab_control(id, menu, &block)
    concat tag(:div, {:id => "tab_#{id}", :class => "ui-tabs ui-widget ui-widget-content ui-corner-all"}, true)
    concat build_menu(menu)
    concat capture(&block)
  end
  
  private
  
  def build_menu(menu)
    tabs = Array.new
    menu.each_pair do |m,label|
      unless (controller.controller_name == m.to_s)
        @class = "ui-state-default ui-corner-top"
        tabs << content_tag(:li, link_to(label, :controller => m), :class => @class)
      else
        @class = "ui-state-default ui-corner-top ui-tabs-selected ui-state-active"
        tabs << content_tag(:li, link_to_function(label, "return false"), :class => @class)
      end
    end

return content_tag(:ul, tabs, :class => "ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all")
  end
end

espero ter ajudado alguém!
\o/ abraços!