2009-09-12 13:13:13 +04:00
|
|
|
<% selected_tab = params[:tab] ? params[:tab].to_s : tabs.first[:name] %>
|
|
|
|
|
|
|
|
<div class="tabs">
|
|
|
|
<ul>
|
|
|
|
<% tabs.each do |tab| -%>
|
|
|
|
<li><%= link_to l(tab[:label]), { :tab => tab[:name] },
|
|
|
|
:id => "tab-#{tab[:name]}",
|
|
|
|
:class => (tab[:name] != selected_tab ? nil : 'selected'),
|
|
|
|
:onclick => "showTab('#{tab[:name]}'); this.blur(); return false;" %></li>
|
|
|
|
<% end -%>
|
|
|
|
</ul>
|
2009-12-14 23:13:29 +03:00
|
|
|
<div class="tabs-buttons" style="display:none;">
|
|
|
|
<button class="tab-left" onclick="moveTabLeft(this);"></button>
|
|
|
|
<button class="tab-right" onclick="moveTabRight(this);"></button>
|
|
|
|
</div>
|
2009-09-12 13:13:13 +04:00
|
|
|
</div>
|
|
|
|
|
2009-12-14 23:13:29 +03:00
|
|
|
<script>
|
|
|
|
Event.observe(window, 'load', function() { displayTabsButtons(); });
|
2011-05-30 22:52:25 +04:00
|
|
|
Event.observe(window, 'resize', function() { displayTabsButtons(); });
|
2009-12-14 23:13:29 +03:00
|
|
|
</script>
|
|
|
|
|
2009-09-12 13:13:13 +04:00
|
|
|
<% tabs.each do |tab| -%>
|
2011-05-30 22:52:25 +04:00
|
|
|
<%= content_tag('div', render(:partial => tab[:partial], :locals => {:tab => tab} ),
|
2009-09-12 13:13:13 +04:00
|
|
|
:id => "tab-content-#{tab[:name]}",
|
|
|
|
:style => (tab[:name] != selected_tab ? 'display:none' : nil),
|
|
|
|
:class => 'tab-content') %>
|
|
|
|
<% end -%>
|