added upload note

Author: manuelkiessling

lib/application/client/app/index.js

@@ -35,16 +35,20 @@ $(document).ready(function() {
       $('#messages').removeClass('filehover');
     },
 
-    uploadStartedCallback: function(i, file, len) {
+    beforeEachCallback: function() {
+      $('#uploadprogressarea').fadeIn();
       $('#messages').removeClass('filehover');
     },
 
-    progressUpdated: function(i, file, progress) {
+    uploadStartedCallback: function(i, file, len) {
 
     },
 
-    uploadFinishedCallback: function(i, file, response){
+    progressUpdatedCallback: function(i, file, progress) {
+    },
 
+    uploadFinishedCallback: function(i, file, response){
+      $('#uploadprogressarea').fadeOut('slow');
     },
 
     errorCallback: function(message) {

lib/application/client/css/index.css

@@ -39,6 +39,15 @@ a.brand span.subtitle {
   background-color: #eee;
 }
 
+#uploadprogressarea {
+  background-color: #beb;
+  display: none;
+  vertical-align: middle;
+  text-align: center;
+  font-weight: bold;
+}
+
+
 #messages {
   background-color: #fff;
   overflow-x: scroll;

lib/application/client/index.html

@@ -76,6 +76,9 @@ <h3>Choose a username</h3>
                 chat. You can also drag multiple files.
               </p>
             </div>
+            <div id="uploadprogressarea" class="well">
+              Uploading...
+            </div>
           </div>
           <div class="span8">
 

lib/application/client/lib/fileupload.js

@@ -16,6 +16,7 @@ bivouac.fileupload = {
       url: options.targetUrl,
       dragEnter: options.dragEnterCallback,
       dragLeave: options.dragLeaveCallback,
+      beforeEach: options.beforeEachCallback,
       uploadStarted: options.uploadStartedCallback,
       progressUpdated: options.progressUpdatedCallback,
       uploadFinished: options.uploadFinishedCallback,

lib/application/filesharing/filesharing.js

@@ -9,7 +9,7 @@ var handleUpload = function(request, response, inform) {
     fs.rename(files.file.path, '/tmp/bivouac_upload_' + files.file.name, function(err) {
       inform(files.file.name, files.file.type);
       response.writeHead(200, {'content-type': 'text/plain'});
-      response.end('ok');
+      response.end(JSON.stringify('ok'));
     });
   });
 }