From 68be8844ddc1e30e34745a0589fa3395ae6ec198 Mon Sep 17 00:00:00 2001
From: HumairAK <humair88@hotmail.com>
Date: Thu, 21 Jul 2016 04:58:24 -0400
Subject: Added templating for questions, made a minor adjustments to index.js

---
 views/exams.hbs     |  2 +-
 views/questions.hbs | 68 ++++++++++-------------------------------------------
 2 files changed, 14 insertions(+), 56 deletions(-)

(limited to 'views')

diff --git a/views/exams.hbs b/views/exams.hbs
index 5a5955c..d7697c3 100644
--- a/views/exams.hbs
+++ b/views/exams.hbs
@@ -2,7 +2,7 @@
     <div class = 'search container' id = 'solutions-div'>
         <h4 class='search-head'>Search results for "{{query}}"</h4>
         {{# each result}}
-            <a href="/questions">
+            <a href="/questions/{{this.id}}">
                 <section class = 'solutions-card'>
                     <h3 class = 'solutions-title'>{{this.title}}</h3>
                     <p class = 'solutions-time' ><em>Term: </em>{{this.term}} {{this.year}}</p>
diff --git a/views/questions.hbs b/views/questions.hbs
index 8b69f8f..ff9b3b2 100644
--- a/views/questions.hbs
+++ b/views/questions.hbs
@@ -17,65 +17,23 @@
 
             <!-- QUESTION LISTINGS -->
 
-            <a href="/user_solutions">
-            <section class = 'solutions-card row'>
-                <div class='pull-left col-sm-8 col-md-8'>
-                    <h3 class = 'questions-number'>Question 1</h3>
-                    <p><span class='questions-sol-num'>2 solutions, </span> <span class = 'questions-comment'>6 comments</span></p>
-                </div>
-                <div class='pull-right right-arrow'>
-                    <img class='rounded' src="assets/images/right-arrow.png">
-                </div>
-            </section>
-            </a>
+            {{#each query}}
 
-            <a href="/user_solutions">
-            <section class = 'solutions-card row'>
-                <div class='pull-left col-sm-8 col-md-8'>
-                    <h3 class = 'questions-number'>Question 2</h3>
-                    <p><span class='questions-sol-num'>1 solution, </span> <span class = 'questions-comment'>2 comments</span></p>
-                </div>
-                <div class='pull-right right-arrow'>
-                    <img class='rounded' src="assets/images/right-arrow.png">
-                </div>
-            </section>
-            </a>
+                <a href="/user_solutions">
+                    <section class = 'solutions-card row'>
+                        <div class='pull-left col-sm-8 col-md-8'>
+                            <h3 class = 'questions-number'>Question {{this.id}}</h3>
+                            <p><span class='questions-sol-num'>{{this.count}} solutions, </span> <span class = 'questions-comment'>{{this.comments}} comments</span></p>
+                        </div>
+                        <div class='pull-right right-arrow'>
+                            <img class='rounded' src="/assets/images/right-arrow.png">
+                        </div>
+                    </section>
+                </a>
 
-            <a href="/user_solutions">
-            <section class = 'solutions-card row'>
-                <div class='pull-left col-sm-8 col-md-8'>
-                    <h3 class = 'questions-number'>Question 3</h3>
-                    <p><span class='questions-sol-num'>1 solution, </span> <span class = 'questions-comment'>2 comments</span></p>
-                </div>
-                <div class='pull-right right-arrow'>
-                    <img class='rounded' src="assets/images/right-arrow.png">
-                </div>
+            {{/each}}
 
-            </section>
-            </a>
 
-            <a href="/user_solutions">
-            <section class = 'solutions-card row'>
-                <div class='pull-left col-sm-8 col-md-8'>
-                    <h3 class = 'questions-number'>Question 4</h3>
-                    <p><span class='questions-sol-num'>3 solutions, </span> <span class = 'questions-comment'>2 comments</span></p>
-                </div>
-                <div class='pull-right right-arrow'>
-                    <img class='rounded' src="assets/images/right-arrow.png">
-                </div>
-            </section>
-            </a>
 
-            <a href="/user_solutions">
-            <section class = 'solutions-card row'>
-                <div class='pull-left col-sm-8 col-md-8'>
-                    <h3 class = 'questions-number'>Question 5</h3>
-                    <p><span class='questions-sol-num'>0 solutions </span> <span class = 'questions-comment'></span></p>
-                </div>
-                <div class='pull-right right-arrow'>
-                    <img class='rounded' src="assets/images/right-arrow.png">
-                </div>
-            </section>
-            </a>
     </div>
 </main>
-- 
cgit v1.2.3