added #addPhoto

app/controllers/vacations.js

@@ -27,3 +27,11 @@ exports.show = function(req, res){
     res.render('vacations/show', {vacation:v, moment:moment});
   });
 };
+
+exports.addPhoto = function(req, res){
+  Vacation.findById(req.params.id, function(err, v){
+    v.addPhoto(req.body.url, function(){
+      res.redirect('/vacations/' + req.params.id);
+    });
+  });
+};

app/models/vacation.js

@@ -1,6 +1,8 @@
 'use strict';
 
-var Mongo = require('mongodb');
+var Mongo = require('mongodb'),
+    _     = require('lodash'),
+    cp    = require('child_process');
 
 function Vacation(o){
   this.name = o.name.trim();
@@ -28,7 +30,26 @@ Vacation.save = function(o, cb){
 
 Vacation.findById = function(id, cb){
   id = Mongo.ObjectID(id);
-  Vacation.collection.findOne({_id:id}, cb);
+  Vacation.collection.findOne({_id:id}, function(err, v){
+    v = _.create(Vacation.prototype, v);
+    cb(err, v);
+  });
+};
+
+Vacation.prototype.addPhoto = function(url, cb){
+  var exts  = url.split('.'),
+      ext   = exts[exts.length - 1],
+      dir   = this._id.toString(),
+      file  = this.photos.length + '.' + ext,
+      self = this;
+
+  // console.log(url, dir, file);
+  cp.execFile(__dirname + '/../scripts/download.sh', [url, file, dir], {cwd:__dirname + '/../scripts'}, function(err, stdout, stderr){
+    // console.log(err, stdout, stderr);
+    var photo = '/img/' + dir + '/' + file;
+    self.photos.push(photo);
+    Vacation.collection.save(self, cb);
+  });
 };
 
 module.exports = Vacation;

app/routes/routes.js

@@ -23,6 +23,7 @@ module.exports = function(app, express){
   app.post('/vacations', vacations.create);
   app.get('/vacations', vacations.index);
   app.get('/vacations/:id', vacations.show);
+  app.post('/vacations/:id/photos/new', vacations.addPhoto);
 
   console.log('Routes Loaded');
 };

app/static/css/style.less

@@ -15,3 +15,11 @@ html, body {
   width: 60%;
   margin: 0 auto;
 }
+
+.photo {
+  display: inline-block;
+  width: 200px;
+  height: 200px;
+  background-size: cover;
+  margin: 5px;
+}

app/views/vacations/show.jade

@@ -34,7 +34,8 @@ block content
                     button.btn.btn-default(type='submit') Add Image
     .row
       .col-xs-12
-        h3 Photos Go Here
+        each photo in vacation.photos
+          .photo(style='background-image:url(#{photo});')
 
 block scripts
   script(src='/js/user/vacation-show.js')