Add Bootstrap header and navigation

This commit is contained in:
ricola 2025-12-03 18:49:39 +01:00
parent be9c415048
commit d87d191cc9

View file

@ -19,17 +19,37 @@
});
</script>
<body>
<% if current_user %>
<p><%= _("Logged in as %{email}.") % { email: current_user.email } %> <a href="/logout"><%= _("Logout") %></a></p>
<p>
<a href="/"><%= _("Home") %></a>
<% if is_admin %>
<a href="/admin"><%= _("Admin") %></a>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 border-bottom">
<a href="/" class="d-flex align-items-center pe-5 mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
<span class="fs-4">Vedia</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item">
<a href="/" class="nav-link"><%= _("Inici") %></a>
</li>
<li class="nav-item">
<% if is_admin %>
<a href="/admin" class="nav-link"><%= _("Admin") %></a>
<% end %>
</li>
<li class="nav-item">
<% if current_user %>
<a href="/logout" class="nav-link"><%= _("Logout") %></a>
<% end %>
</li>
</ul>
</header>
<div class="d-flex flex-wrap justify-content-end pe-3 py-3 mb-4">
<% if current_user %>
<%= current_user.email %>
<% end %>
</p>
<% else %>
<p><a href="/login"><%= _("Login") %></a></p>
<% end %>
<%= yield %>
</div>
<%= yield %>
</div>
</body>
</html>