From 0b0d780e91ed60025bbc22c562373bce2b3c8f0d Mon Sep 17 00:00:00 2001
From: Tom Naessens <Tom.Naessens@UGent.be>
Date: Wed, 10 Dec 2014 22:06:36 +0100
Subject: [PATCH] Tabs <3

---
 app/controllers/products_controller.rb |  1 +
 app/views/layouts/_header.html.erb     |  2 +-
 app/views/products/index.html.erb      | 21 ++++++++++++++++++---
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/app/controllers/products_controller.rb b/app/controllers/products_controller.rb
index 17f0899..ec7b916 100644
--- a/app/controllers/products_controller.rb
+++ b/app/controllers/products_controller.rb
@@ -14,6 +14,7 @@ class ProductsController < ApplicationController
 
   def index
     @products = Product.all
+    @categories = Product.categories
   end
 
   def edit
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 60f5119..2cd2a64 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -40,7 +40,7 @@
               <li><%= link_to "List" , users_path %></li>
             </ul>
           </li>
-          <li><%= link_to 'Download schulden', admins_schulden_path(format: :csv) %>/li>
+          <li><%= link_to 'Download schulden', admins_schulden_path(format: :csv) %></li>
           <% end %>
           <li class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Logged in as <%= current_user.nickname %> <b class="caret"></b></a>
diff --git a/app/views/products/index.html.erb b/app/views/products/index.html.erb
index 12f0a24..7293a42 100644
--- a/app/views/products/index.html.erb
+++ b/app/views/products/index.html.erb
@@ -1,8 +1,23 @@
 <h1>All products</h1>
 <%= render partial: 'flash' %>
 
-<div class="row products">
-  <div class="col-md-12">
-    <%= render @products %>
+<div role="tabpanel">
+  <!-- Nav tabs -->
+  <ul class="nav nav-tabs" role="tablist">
+    <% @categories.each do |o, i| %>
+      <li role="presentation"<% if i.zero? %> class="active"<% end %>><a href="#<%= o %>" aria-controls="<%= o %>" role="tab" data-toggle="tab"><%= o.titleize %></a></li>
+    <% end %>
+  </ul>
+
+  <!-- Tab panes -->
+  <div class="tab-content">
+    <br />
+    <% @categories.each do |o, i| %>
+      <div role="tabpanel" class="tab-pane<% if i.zero? %> active<% end %>" id="<%= o %>">
+        <%= render @products.where(category: i) %>
+      </div>
+    <% end %>
   </div>
+
 </div>
+