add skeleton for moreinfo logic > relates #26

public/js/populatemoreinfo.js

@@ -0,0 +1,14 @@
+
+
+// callback just logs each key in session storage
+function callback(k) {
+    console.log(k)
+}
+
+function forEachKey(callback) {
+    for (var i = 0; i < sessionStorage.length; i++) {
+        callback(sessionStorage.key(i));
+    }
+}
+
+forEachKey(callback)

src/controllers/index.js

@@ -7,13 +7,15 @@ const background = require('./background');
 const resources = require('./resources');
 const error = require('./error');
 const moreinfo = require('./moreinfo');
+const results = require('./results');
 
 router.use(bodyParser.urlencoded({extended: true}));
 router.get('/', home.get);
 router.get('/welcome', welcome.get);
 router.get('/background', background.get);
 router.get('/resources', resources.get);
 router.get('/more-info', moreinfo.get);
+router.get('/results', results.get);
 
 // trigger 500 error for testing
 

src/controllers/results.js

@@ -0,0 +1,5 @@
+exports.get = (req, res) => {
+  res.render('results', {
+    layout: 'scrollable'
+  });
+}

src/views/moreinfo.hbs

@@ -14,4 +14,6 @@
             <button class="govuk-button">Let's go!</button>
         </form>
     </div>
-</section>
+</section>
+
+<script src="js/populatemoreinfo.js"></script>

src/views/results.hbs

@@ -0,0 +1,17 @@
+<nav class='grid-row'>
+    <div class='centered-column centered-content secondary-background thirtytwo-padding fixed-height-double-h1'>
+      <h1>Results</h1>
+    </div>
+</nav>
+<section class='grid-row'>
+    <div class='centered-column centered-content secondary-background thirtytwo-padding full-height'>
+        <p>WE GOT NUTHIN</p>
+    </div>
+</section>
+<section class='grid-row'>
+    <div id='bottom-section' class='centered-column centered-content secondary-background thirtytwo-padding fixed-height-double-h1'>
+        <form action='/background' class='centered-content'>
+            <button class="govuk-button">Complain!</button>
+        </form>
+    </div>
+</section>