fixes for category display

Author: chrisstoy

client/styles/global.css

@@ -21,18 +21,18 @@
     max-height: 25em;
     overflow: hidden;
 }
-
 .main.index .thumbnail img {
     height: 160px;
 }
 
 /* PDP styles */
 
+
 .pdp.index img {
     width: 90%;
 }
 
 /* Category styles */
 .category.index img {
-    width: 64px;
+    height: 3em;
 }

client/views/category-index.blade.php

@@ -4,21 +4,31 @@
 
     <div class="container category index">
 
-        <div class="panel panel-info">
+        <div class="panel panel-default">
             <div class="panel-heading">
-            <h1>Items with category: <strong class="text-primary">{{$category}}</strong></h1>
+                <h2>Items with category:
+                    <div class="dropdown label">
+                        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
+                            {{$category}}
+                            <span class="caret"></span>
+                        </button>
+                        <ul class="dropdown-menu">
+                            @foreach( $categories as $cat)
+                                <li><a href="/category?category={{$cat}}">{{$cat}}</a></li>
+                            @endforeach
+                        </ul>
+                    </div>
+                </h2>
             </div>
             <div class="panel-body">
+                <div class="list-group">
                 @foreach ( $products as $product )
-                    <div class="row">
-                        <div class="col-md-1">
-                            <img src='{{$product->image}}'>
-                        </div>
-                        <div class="col-md-8">
-                            <span>{{$product->name}}</span>
-                        </div>
-                    </div>
+                    <a href="/pdp?productId={{$product->id}}" class="list-group-item">
+                        <img src='{{$product->image}}'>
+                        <p class="list-group-item-text">{{$product->name}}</p>
+                    </a>
                 @endforeach
+                </div>
            </div>
         </div>
     </div>

server/ProductsCollection.php

@@ -44,7 +44,7 @@ public function getProductsWithCategory($categories) {
 		    foreach( $this->_productData as $product ) {
 
                 $common = array_intersect($product->categories, $categories);
-                if ( array_count_values($common) > 0 ) {
+                if ( count($common) > 0 ) {
                     // there was at least one matching category
 		            array_push($products, $product);
                 }
@@ -64,7 +64,7 @@ public function getAllCategories() {
                 $categories = array_merge($categories, $product->categories);
 		    }
 
-		    return $categories;
+		    return array_unique($categories);
 		}
 
 	};