File Upload Support

lib/app.js

@@ -23,6 +23,7 @@ var express      = require("express"),
   gravatar       = require("gravatar"),
   passport       = require("passport"),
   methodOverride = require("method-override"),
+  multer         = require("multer"),
   flash          = require("express-flash");
 
 var app;
@@ -179,6 +180,40 @@ module.exports.initialize = function (config) {
     }
   }
 
+  // File Uploads
+  var upload = multer({ dest: app.locals.config.get("application").repository + "/uploads/" });
+
+  app.use("/uploads", express.static(app.locals.config.get("application").repository + "/uploads"));
+
+  app.post("/uploadFile", upload.single("wiki_file"), function (req, res, next) {
+    if (!res.locals.user) {
+      return;
+    }
+
+    var rep_file_name = req.body.rep_file_name;
+    var rep_file = app.locals.config.get("application").repository + "/uploads/" + rep_file_name;
+
+    var temp_file = req.file.path;
+    var output_msg = "";
+
+    var fs = require("fs");
+
+    fs.unlink(rep_file, function (err) {
+    });
+
+    fs.readFile(temp_file, function (err, data) {
+      fs.writeFile(rep_file, data, function (err) {
+        fs.unlink(temp_file, function () {
+          var git_msg = req.body.file_message;
+          Git.add(rep_file, git_msg, req.user.asGitAuthor, function (err) {
+          });
+          output_msg = "File uploaded to: <pre>/uploads/" + rep_file_name + "</pre>";
+          res.render("upload_status", {message: output_msg});
+        });
+      });
+    });
+  });
+
   app.all("/pages/*", requireAuthentication);
 
   if (!app.locals.config.get("authorization").anonRead) {

package.json

@@ -49,6 +49,7 @@
     "passport-local": "^1.0.0",
     "semver": "^2.3.2",
     "serve-favicon": "^2.1.7",
+    "multer": "*",
     "transliteration": "^0.1.1"
   },
   "devDependencies": {

public/css/style.css

@@ -503,6 +503,9 @@ ul.doc-list > li .message {
 .toolbar li.preview span {
   background-image:url(../img/preview_16.png);
 }
+.toolbar li.upload span {
+  background-image:url(../img/upload_16.png);
+}
 
 .toolbar.fullscreen {
   position: fixed;

public/js/app.js

@@ -187,6 +187,13 @@
       $('form.edit').submit();
     },
 
+    upload: function() {
+      $("#upload").modal({keyboard: true, show: true, backdrop: false});
+      $.get("/misc/upload", function(data) {
+        $("#upload .modal-body").html(data).get(0).scrollTop = 0;
+      });
+    },
+
     toggleFullscreen: function () {
 
       var isFullscreen = Jingo.cmInstance.getOption("fullScreen");
@@ -201,10 +208,12 @@
 
       $toolbar = $("<ul class='toolbar'>");
       $toolbar.append("<li title=\"Toggle fullscreen (Ctrl/Cmd+Enter)\" class=\"fullscreen\"><span></span></li>\
+        <li title=\"Upload\" class=\"upload\"><span></span></li>\
         <li title=\"Syntax help\" class=\"info\"><span></span></li>\
-        <li title=\"Preview\" class=\"preview\"><span></span></li></ul>").insertBefore($("form.edit textarea:first").closest("div"));
+        <li title=\"Preview\" class=\"preview\"><span></span></li>\
+        </ul>").insertBefore($("form.edit textarea:first").closest("div"));
 
-      $("ul.toolbar").on("click", "span", function () {
+      $("ul.toolbar").on("click", "span", function() {
         if (this.parentNode.className == "info") {
           Jingo.markdownSyntax();
         }
@@ -215,6 +224,9 @@
         if (this.parentNode.className == "fullscreen") {
           Jingo.toggleFullscreen();
         }
+        if (this.parentNode.className == "upload") {
+          Jingo.upload();
+        }
       });
     },
 

public/js/upload.js

@@ -0,0 +1,9 @@
+$(document).ready(function() {
+  $("#wiki_upload").ajaxForm(function(response) {
+    $('#upload_status').html(response);
+  });
+  $("input#wiki_file").change(function() {
+    var filename = $(this).val().replace(/^.*[\\\/]/, '')
+    $("input#rep_file_name").val(filename);
+  });
+});

routes/misc.js

@@ -1,4 +1,5 @@
 var router = require("express").Router(),
+  app = require("../lib/app").getInstance(),
   renderer = require("../lib/renderer"),
   fs = require("fs"),
   models = require("../lib/models");
@@ -8,6 +9,7 @@ models.use(Git);
 router.get("/misc/syntax-reference", _getSyntaxReference);
 router.post("/misc/preview",         _postPreview);
 router.get("/misc/existence",        _getExistence);
+router.get("/misc/upload",           _getUploadForm);
 
 function _getSyntaxReference(req, res) {
   res.render("syntax");
@@ -19,6 +21,20 @@ function _postPreview(req, res) {
   });
 }
 
+function _getUploadForm(req, res) {
+  if (!res.locals.user) {
+    res.render("404", {
+      title: 'Modules'
+    });
+    return;
+  }
+
+  res.render("upload", {
+    config: app.locals.config.get("application").repository,
+    message: 'Ready to upload.'
+  });
+}
+
 function _getExistence(req, res) {
 
   if (!req.query.data) {