From a85a288278dac03b9710885e9e24d307707dc152 Mon Sep 17 00:00:00 2001
From: Sharad Ahlawat <sharad@ahlawat.com>
Date: Tue, 10 Mar 2020 14:55:24 -0700
Subject: [PATCH] homepage

---
 products/templates/products/detail.html | 11 +++++++----
 products/templates/products/home.html   | 21 +++++++++++++++++++++
 products/views.py                       |  3 ++-
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/products/templates/products/detail.html b/products/templates/products/detail.html
index ad6e1c2..c10c6b8 100644
--- a/products/templates/products/detail.html
+++ b/products/templates/products/detail.html
@@ -13,16 +13,19 @@
             <a href="{{ product.url }}"><h1>{{ product.title }}</h1></a>
         </div>
     </div>
-    <hr />
+    <hr/>
     <div class="row">
         <div class="col-8">
             <img src="{{ product.image.url }}" class="img-fluid" \>
         </div>
         <div class="col-4">
-            <a href="javascript:{document.getElementById('upvote').submit()}"><button class="btn btn-primary btn-lg btn-block"><span class="oi oi-caret-top"></span> Up Vote : {{ product.votes_total }}</button></a>
+            <a href="javascript:{document.getElementById('upvote').submit()}">
+                <button class="btn btn-primary btn-lg btn-block"><span class="oi oi-caret-top"></span> Up Vote
+                    : {{ product.votes_total }}</button>
+            </a>
         </div>
     </div>
-    <hr />
+    <hr/>
     <div class="row">
         <div class="col-4">
             <h4>Hunted by: {{ product.hunter.username }}</h4>
@@ -31,7 +34,7 @@
             <h4>{{ product.pubdate_pretty }}</h4>
         </div>
     </div>
-    <hr />
+    <hr/>
     <div class="row">
         <div class="col-8">
             <p>{{ product.body }}</p>
diff --git a/products/templates/products/home.html b/products/templates/products/home.html
index c2402fa..277b33d 100644
--- a/products/templates/products/home.html
+++ b/products/templates/products/home.html
@@ -5,4 +5,25 @@
         <br/>
         <br/>
     {% endif %}
+    {% for product in products.all %}
+        <div class="row pt-3">
+            <div class="col-2" onclick="window.location='{% url 'detail' product.id %}';" style="cursor:pointer;">
+                <img src="{{ product.icon.url }}" class="img-fluid" \>
+            </div>
+            <div class="col-6" onclick="window.location='{% url 'detail' product.id %}';" style="cursor:pointer;">
+                <h1>{{ product.title }}</h1>
+                <p>{{ product.summary }}</p>
+            </div>
+            <div class="col-4">
+                <a href="javascript:{document.getElementById('upvote{{ product.id }}').submit()}">
+                    <button class="btn btn-primary btn-lg btn-block"><span class="oi oi-caret-top"></span> Up Vote
+                        : {{ product.votes_total }}</button>
+                </a>
+            </div>
+        </div>
+        <form id="upvote{{ product.id }}" method="POST" action="{% url 'upvote' product.id %}">
+            {% csrf_token %}
+            <input type="hidden">
+        </form>
+    {% endfor %}
 {% endblock %}
diff --git a/products/views.py b/products/views.py
index ffd1cf3..a99c5f1 100644
--- a/products/views.py
+++ b/products/views.py
@@ -5,7 +5,8 @@ from django.utils import timezone
 
 
 def home(request):
-    return render(request, 'products/home.html')
+    products = Product.objects
+    return render(request, 'products/home.html', {'products': products})
 
 
 @login_required()