Skip to content

Instantly share code, notes, and snippets.

@joshukraine
Created December 11, 2013 13:27
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save joshukraine/544765c13157753dc166 to your computer and use it in GitHub Desktop.
nav bar
<div class="fixed">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><%= link_to "CBC Admin", root_path %></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="divider"></li>
<li class="has-dropdown">
<a href="#">Welcome, <%= current_coach.first_name %>!</a>
<ul class="dropdown">
<li><%= dropdown_link('fa fa-user fa-fw', 'Profile', profile_path(current_coach)) %></li>
<li><%= dropdown_link('fa fa-cogs fa-fw', 'Settings', '#') %></li>
<li><%= dropdown_link('fa fa-users fa-fw', 'All Coaches', coaches_path) %></li>
<li><%= dropdown_link('fa fa-heart fa-fw', 'Help', help_path) %></li>
<% if current_coach.admin? %>
<li class="divider"></li>
<li><%= dropdown_link('fa fa-shield fa-fw', 'Admin Panel', '#') %></li>
<% end %>
<li class="divider"></li>
<li><%= dropdown_link('fa fa-sign-out fa-fw', 'Sign out', signout_path) %></li>
</ul>
</li>
</ul>
<!-- Left Nav Section -->
<ul class="left">
<li class="has-form">
<%= form_tag search_students_path, method: 'get' do %>
<div id="nav-search" class="row collapse">
<div id="nav-search-field" class="small-21 columns">
<%= text_field_tag :search, nil, autocomplete: 'off' %>
</div>
<div id="nav-search-icon" class="small-3 columns">
<%= submit_tag '&#xf002;'.html_safe, class: 'button fa fa-search spin', name: 'submit' %>
</div>
</div>
<% end %>
</li>
<li id="spinner"></li>
</ul>
</section>
</nav>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment