krichtof/app.kluk.fr
1
0
Fork 0
Code Issues 9 Pull requests Projects 1 Releases Packages Wiki Activity Actions

logout on navbar

Browse source
This commit is contained in:
Christophe Robillard 2026-02-08 15:02:47 +01:00
parent 3d701baf7f
commit 04121d44b4
3 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/javascript/controllers/menu_controller.js Normal file
View file

@ -0,0 +1,11 @@
import { Controller } from '@hotwired/stimulus'
export default class extends Controller {
static targets = [ 'burger', 'navbar' ];
toggle(event) {
[ this.burgerTarget, this.navbarTarget ].forEach((target) => {
target.classList.toggle("is-active");
});
}
}

23
app/views/application/_menu.html.erb Normal file
View file

@ -0,0 +1,23 @@
<nav class="navbar has-background-primary" role="navigation" aria-label="main navigation" data-controller="menu">
<div class="navbar-brand">
<div class="navbar-item is-size-5">Comment ça </div>
<div class="navbar-item is-size-3"><strong>KLUK</strong></div>
<div class="navbar-item is-size-5">aujourd'hui ?</div>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-menu-target="burger" data-action="menu#toggle">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" data-menu-target="navbar">
<div class="navbar-end">
<% if authenticated? %>
<div class="navbar-item">
<%= button_to "Se déconnecter", session_path, method: :delete, class: "button is-light" %>
</div>
<% end %>
</div>
</div>
</nav>

1
app/views/layouts/application.html.erb
View file

@ -28,6 +28,7 @@
</head> </head>
<body> <body>
<%= render 'menu' %>
<%= yield %> <%= yield %>
</body> </body>
</html> </html>