Skip to content

Instantly share code, notes, and snippets.

@gtm19
Last active February 1, 2022 18:43
Show Gist options
  • Save gtm19/452fd3153328a45fe83fb5f9881a7825 to your computer and use it in GitHub Desktop.
Save gtm19/452fd3153328a45fe83fb5f9881a7825 to your computer and use it in GitHub Desktop.
Fixed lewagon navbar partial
<!-- app/views/layouts/shared/_navbar.html.erb -->
<div class="navbar navbar-expand-sm navbar-light navbar-lewagon">
<div class="container-fluid">
<%= link_to "#", class: "navbar-brand" do %>
<%= image_tag "https://raw.githubusercontent.com/lewagon/fullstack-images/master/uikit/logo.png" %>
<% end %>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto">
<% if user_signed_in? %>
<li class="nav-item active">
<%= link_to "Home", "#", class: "nav-link" %>
</li>
<li class="nav-item">
<%= link_to "Messages", "#", class: "nav-link" %>
</li>
<li class="nav-item dropdown">
<%= image_tag "https://kitt.lewagon.com/placeholder/users/ssaunier", class: "avatar dropdown-toggle", id: "navbarDropdown", data: { toggle: "dropdown" }, 'aria-haspopup': true, 'aria-expanded': false %>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<%= link_to "Action", "#", class: "dropdown-item" %>
<%= link_to "Another action", "#", class: "dropdown-item" %>
<%= link_to "Log out", destroy_user_session_path, method: :delete, class: "dropdown-item" %>
</div>
</li>
<% else %>
<li class="nav-item">
<%= link_to "Login", new_user_session_path, class: "nav-link" %>
</li>
<% end %>
</ul>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment