Add navigation bar

canan8 · May 13, 2020 · d916dca · d916dca
1 parent 6731a7c
commit d916dca
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -16,3 +16,10 @@ require('jquery')
 //
 // const images = require.context('../images', true)
 // const imagePath = (name) => images(name, true)
+
+$(document).on('turbolinks:load', function() {
+  $('.item').click(function(e) {
+    $('.active').removeClass('active');
+    $(this).addClass('active');
+});
+})
diff --git a/app/views/layouts/_navigation.html.erb b/app/views/layouts/_navigation.html.erb
@@ -0,0 +1,13 @@
+<div class="ui inverted segment">
+  <div class="ui inverted secondary pointing menu">
+    <a class="active item">
+      Home
+    </a>
+    <a class="item">
+      Teams
+    </a>
+    <a class="item">
+      Account
+    </a>
+  </div>
+</div>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -10,6 +10,9 @@
   </head>
 
   <body>
-    <%= yield %>
+    <div class="ui container">
+      <%= render 'layouts/navigation' %>
+      <%= yield %>
+    </div>
   </body>
 </html>