diff --git a/app/javascript/controllers/menu_controller.js b/app/javascript/controllers/menu_controller.js new file mode 100644 index 0000000..2e955c4 --- /dev/null +++ b/app/javascript/controllers/menu_controller.js @@ -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"); + }); + } +} diff --git a/app/views/application/_menu.html.erb b/app/views/application/_menu.html.erb new file mode 100644 index 0000000..cab9348 --- /dev/null +++ b/app/views/application/_menu.html.erb @@ -0,0 +1,23 @@ + diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index ab628a1..1f05f7d 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -28,6 +28,7 @@ + <%= render 'menu' %> <%= yield %>