add image details page for bigger view

config/auth.js

@@ -4,7 +4,6 @@ var jwt = require('jwt-simple');
 var JWT_SECRET = process.env.JWT_SECRET;
 
 var authMiddleware = function(req, res, next) {
-
   try {
     var payload = jwt.decode(req.cookies.mytoken, JWT_SECRET);
   } catch(err) {

models/photo.js

@@ -30,7 +30,7 @@ photoSchema.statics.addPhotos = function(albumId, files, callback) {
       Body: file.buffer
     };
     s3.putObject(params, function(err, data){
-      if (err) return res.status(400).send(err);
+      if (err) return callback(err);
       var url = process.env.AWS_URL + "/" + process.env.AWS_BUCKET + "/" + key;
       var photo = new Photo({
         filename: filename,

public/css/loggedInNavbar.css

@@ -11,6 +11,15 @@ th {
   display: none;
 }
 
+#photoWrapper {
+  text-align: center;
+  padding-bottom: 100px;
+}
+
+#photoWrapper img {
+  height: 400px;
+}
+
 .imageIcon {
   height: 80px;
 }

routes/profile.js

@@ -53,4 +53,12 @@ router.get('/albums/:albumId', function(req, res) {
   });
 });
 
+
+router.get('/:photoId', function(req, res) {
+  Photo.findById(req.params.photoId, function(err, photo) {
+    if (err) return res.status(400).send(err);
+    res.render('photo', {photo: photo});
+  });
+});
+
 module.exports = router;

views/albumDetails.jade

@@ -24,6 +24,7 @@ block content
         tr.dataRow(data-album = photo.id)
           td.name.searchable #{photo.filename}
           td 
-            img.imageIcon(src=photo.url)
+            a(href=`/profile/${photo._id}`)
+              img.imageIcon(src=photo.url)
 
 block scripts

views/photo.jade

@@ -0,0 +1,10 @@
+extends layout
+
+block links
+  link(rel='stylesheet', href='/css/loggedInNavbar.css')
+
+block content
+  #photoWrapper
+    h1 Photo
+    img(src=photo.url)
+    h2 #{photo.filename}