fume-nav

Fume::Nav

help build navigation for rails.

Installation

Add this line to your application's Gemfile:

gem 'fume-nav'

Usage

example

view.erb

<% @current = :edit %>
<%= fume_nav @current do |n| %>
<ul>
  <%= n.li_tag :show do %>
    <%= link_to 'show', link_path(@link) %>
  <% end %>
  <%= n.li_tag :edit do %>
    <%= link_to 'edit', edit_link_path(@link) %>
  <% end %>
</ul>
<% end %>

<%= fume_nav @current do |n| %>
  <div class="dropdown">
    <%= n.link_to :show, "link_1", root_path, class: "link" %>
    <%= n.apply_content :edit do |active_class| %>
      <%= link_to "link_2", root_path, class: "link #{active_class || 'default'}" %>
    <% end %>
  </div>
<% end %>

<%= fume_nav @current, active_class: "text-primary", inactive_class: "text-muted" do |n| %>
  <div>
    <%= n.link_to :show, "link_1", root_path %>
    <%= n.link_to :edit, "link_2", root_path %>
  </div>
<% end %>

output:

<ul>
  <li>
    <a href="/links/1">show</a>
  </li>
  <li class="active">
    <a href="/links/1/edit">edit</a>
  </li>
</ul>

<div class="dropdown">
  <a class="link active" href="/">link_1</a>
  <a class="link " href="/">link_2</a>
</div>

<div>
  <a class="text-primary" href="/">link_1</a>
  <a class="text-muted" href="/">link_2</a>
</div>

Options

<%= fume_nav(current_value, options) do |n| %>
  // OOXX
<% end %>

OPTIONS:

active_class	the current active item class, default: 'active'
hide_if_empty	don't output content html if not exist any subitem, default: true

Contributing

• Fork it ( https://github.com/sunteya/fume-nav/fork )
• Create your feature branch (git checkout -b my-new-feature)
• Commit your changes (git commit -am 'Add some feature')
• Push to the branch (git push origin my-new-feature)
• Create a new Pull Request