paoda/polyglot
1
0
Fork 0
mirror of https://github.com/beatriceo/polyglot.git synced 2025-10-22 09:42:11 +00:00
Code Issues Projects Releases Wiki Activity

Basic Navbar working

Browse Source
This commit is contained in:
Ethan Fraenkel
2018-08-28 12:18:23 +02:00
parent 3108fcbd15
commit 644b6cb411
2 changed files with 59 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
app/views/shared/_navbar.html.erb
View File

@@ -1,58 +1,15 @@
<div class="navbar-wagon">
<!-- Logo -->
<%= link_to root_path, class: "navbar-wagon-brand" do %>
<%= image_tag "logo.png", height: 50 %>
<% end %>
<!-- Right Navigation -->
<div class="navbar-wagon-right hidden-xs hidden-sm">
<% if user_signed_in? %>
<!-- Links when logged in -->
<%= link_to "Host", "#", class: "navbar-wagon-item navbar-wagon-link" %>
<%= link_to "Trips", "#", class: "navbar-wagon-item navbar-wagon-link" %>
<%= link_to "Messages", "#", class: "navbar-wagon-item navbar-wagon-link" %>
<!-- Avatar with dropdown menu -->
<div class="navbar-wagon-item">
<div class="dropdown">
<%= image_tag "http://kitt.lewagon.com/placeholder/users/ssaunier", class: "avatar dropdown-toggle", id: "navbar-wagon-menu", "data-toggle" => "dropdown" %>
<ul class="dropdown-menu dropdown-menu-right navbar-wagon-dropdown-menu">
<li>
<%= link_to "#" do %>
<i class="fa fa-user"></i> <%= t(".profile", default: "Profile") %>
<% end %>
</li>
<li>
<%= link_to "#" do %>
<i class="fa fa-cog"></i> <%= t(".settings", default: "Settings") %>
<% end %>
</li>
<li>
<%= link_to destroy_user_session_path, method: :delete do %>
<i class="fa fa-sign-out"></i> <%= t(".sign_out", default: "Log out") %>
<% end %>
</li>
</ul>
</div>
</div>
<% else %>
<!-- Login link (when logged out) -->
<%= link_to t(".sign_in", default: "Login"), new_user_session_path, class: "navbar-wagon-item navbar-wagon-link" %>
<% end %>
<div class="polyglot-navbar">
<div class="logo">
Polyglot
</div>
<!-- Dropdown list appearing on mobile only -->
<div class="navbar-wagon-item hidden-md hidden-lg">
<div class="dropdown">
<i class="fa fa-bars dropdown-toggle" data-toggle="dropdown"></i>
<ul class="dropdown-menu dropdown-menu-right navbar-wagon-dropdown-menu">
<li><a href="#">Some mobile link</a></li>
<li><a href="#">Other one</a></li>
<li><a href="#">Other one</a></li>
</ul>
<div class="right-align">
<div class="links">
<div class="active"><%= link_to "Dashboard", "#" %></div>
<div><%= link_to "Settings", "#" %></div>
</div>
<div class="profile">
<%= image_tag "https://avatars2.githubusercontent.com/u/38472180?v=4", class: "img-circle"%>
</div>
</div>
</div>