exams list template

dist/js/pageHandlebars.js

@@ -55,6 +55,7 @@ Handlebars.registerHelper('trimString', (info, title, idx) => {
     };
 })();
 
+// runHandlebars(id, dataSrc, src)
 runHandlebars('nav-sub-1', '/data/courses.json', 'nav-submenu-template');
 
 runHandlebars('contributors', '/data/contributors.json', 'contributors-template');

server/routes/routes.js

@@ -49,6 +49,13 @@ module.exports = function (app, passport) {
       res.sendFile(path.join( process.cwd(), '/server/protected/courses/' + req.params.courseName + '/' + req.params.content + '.html'));
     });
 
+    app.get('/exams', function(req, res) {
+      readJSONFile(path.join( process.cwd(), '/dist/data/courses.json'), (err, json) => {
+        if(err){ throw err; }
+        res.render('examList', json)
+      });
+    })
+
     app.get('/exam', function(req, res){
       let examQns;
 
@@ -61,7 +68,7 @@ module.exports = function (app, passport) {
         // console.log(examArr)
         // examQns.push({scrips: '<script src="/js/exam.js"></script>'})
         console.log('test quetions:', json);
-        res.render('exam', json)
+        res.render('examList', json)
       })
     })
 

src/partials/layouts/examList.hbs

@@ -0,0 +1,26 @@
+{{> includes/hero hero-title="Exams"}}
+<div class="container__cstm">
+  This is exam list
+  <div class="row" id="exams__list">
+
+    {{#each courses}}
+      <div class="col-12 col-sm-4">
+        <div class="card height--full">
+          <div class="card-body row align-items-end mx-0">
+            <div>
+              <h3 class="card-title d-inline-block" style="width: 85%;">{{this.title}}</h3>
+              <span class="small float-right">$</span> <!--- Replace with price data --->
+            </div>
+            <p class="card-text">
+              Here is some example text <!--- Replace with text data --->
+            </p>
+            <a href="#" class="btn btn-gradient width--full" > <!--- Replace with a href data --->
+              Enroll
+            </a>
+          </div>
+        </div>
+      </div>
+    {{/each}}
+
+  </div>
+</div>