Modified index controller and template to present a list of products

controllers/index.js

@@ -1,13 +1,27 @@
 'use strict';
-
+var Product = require('../models/productModel');
 
 module.exports = function (server) {
 
+    /**
+     * Display a list of the products.
+     */
     server.get('/', function (req, res) {
-        var model = { name: 'kraken-example-shopping-cart' };
-
-        res.render('index', model);
-
+
+        Product.find(function (err, prods) {
+            if (err) {
+                console.log(err);
+            }
+
+            var model =
+            {
+                products: prods
+            };
+
+            res.render('index', model);
+
+        });
+
     });
 
-};
+};

public/templates/index.dust

@@ -8,6 +8,23 @@
     <main role="main">
         <p>{@pre type="content" key="index.greeting"/}</p>
         <div class="products">
+            <ul class="nm-np inline">
+                {#products}
+                    <li>
+                        <form method="POST" action="cart">
+                            <input type="hidden" name="item_id" value="{.id}">
+
+                            <h3 class="nm-np">{.name}</h3>
+                            <h4 class="nm-np">{.prettyPrice}</h4>
+                            <input type="submit" value="{@pre type="content" key="index.addToCart"/}">
+                            <!--If we don't add the Cross-Site Request Forgery token, this POST will be rejected-->
+                            <input type="hidden" name="_csrf" value="{_csrf}">
+                        </form>
+                    </li>
+                {:else}
+                    <li>There are no products :(<br>You should <a href="/products">add some</a></li>
+                {/products}
+            </ul>
         </div>
     </main>
 {/body}