From cfd665c31135b0d2dda53f2dbcd95c3be342f2d8 Mon Sep 17 00:00:00 2001
From: Bram van der Veen <96aa48@gmail.com>
Date: Wed, 24 Jun 2015 16:32:13 +0200
Subject: [PATCH] Added multiple_found and not_found pages for search handling

---
 lookup.js                          |  6 ++---
 resources/jade/multiple_found.jade | 10 ++++++++
 resources/jade/not_found.jade      |  4 +++
 resources/less/style.less          | 40 ++++++++++++++++++++++++++++++
 4 files changed, 57 insertions(+), 3 deletions(-)
 create mode 100644 resources/jade/multiple_found.jade
 create mode 100644 resources/jade/not_found.jade

diff --git a/lookup.js b/lookup.js
index 48df397..b05e4ea 100644
--- a/lookup.js
+++ b/lookup.js
@@ -23,11 +23,11 @@ function lookup(req, res, next, search) {
       next();
     }
     else if (database_entry.length == 0) {
-      res.send('No matches were found in the database.');
+      res.render('not_found');
     }
     else {
-      res.send('Multiple hits were found in the database.');
-      console.log(database_entry);
+      req.found = database_entry;
+      res.render('multiple_found', req);
     }
   });
 }
diff --git a/resources/jade/multiple_found.jade b/resources/jade/multiple_found.jade
new file mode 100644
index 0000000..91f0b15
--- /dev/null
+++ b/resources/jade/multiple_found.jade
@@ -0,0 +1,10 @@
+//- multiple_found.jade
+include header
+include search
+
+.container
+  ul.found
+    for entry in found
+      li
+        a(href='/rooster/' + entry.name)=entry.name
+  
diff --git a/resources/jade/not_found.jade b/resources/jade/not_found.jade
new file mode 100644
index 0000000..6ee5634
--- /dev/null
+++ b/resources/jade/not_found.jade
@@ -0,0 +1,4 @@
+//- not_found.jade
+include header
+h6.container.center.notfound Er zijn geen resultaten gevonden met je zoekopdracht, kijk het nog even goed en probeer het nog eens.
+include search
diff --git a/resources/less/style.less b/resources/less/style.less
index 9094f3c..354406c 100644
--- a/resources/less/style.less
+++ b/resources/less/style.less
@@ -5,6 +5,46 @@
   margin-top: 10%;
 }
 
+.center {
+  text-align: center;
+}
+
+.notfound {
+  margin: 20px auto;
+}
+
+ul.found {
+  list-style: none;
+  text-align: center;
+  margin-top: 20px;
+
+  li {
+    border-bottom: solid 1px #AAA;
+    border-top: solid 1px #DDD;
+    padding: 0;
+    margin: 0 auto;
+    font-size: 25px;
+    width: 50%;
+
+    a {
+      text-decoration: none;
+      color: inherit;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    &:first-child {
+      border-top: none;
+    }
+
+    &:hover {
+      background-color: #E1E1E1;
+    }
+  }
+}
+
 .search {
   margin: 0 auto;
   width: 50%;