From 1c4161981b29d36b78213f6f8cac42d41a1aaef5 Mon Sep 17 00:00:00 2001
From: jendib <benjamin.gam@gmail.com>
Date: Sun, 29 Mar 2015 15:56:30 +0200
Subject: [PATCH] Upload drag & dropped files sequentially

---
 .../app/docs/controller/DocumentDefault.js    | 43 ++++++++++++-------
 .../src/app/docs/controller/DocumentView.js   | 43 ++++++++++++-------
 .../src/partial/docs/document.default.html    |  2 +-
 .../src/partial/docs/document.view.html       |  2 +-
 4 files changed, 56 insertions(+), 34 deletions(-)

diff --git a/docs-web/src/main/webapp/src/app/docs/controller/DocumentDefault.js b/docs-web/src/main/webapp/src/app/docs/controller/DocumentDefault.js
index 9fefe384..2bdba230 100644
--- a/docs-web/src/main/webapp/src/app/docs/controller/DocumentDefault.js
+++ b/docs-web/src/main/webapp/src/app/docs/controller/DocumentDefault.js
@@ -26,29 +26,40 @@ angular.module('docs').controller('DocumentDefault', function($scope, $state, Re
    */
   $scope.fileDropped = function(files) {
     if (files && files.length) {
-      for (var i = 0; i < files.length; i++) {
-        var file = files[i];
-        $scope.uploadFile(file);
-      }
+      // Adding files to the UI
+      var newfiles = [];
+      _.each(files, function(file) {
+        var newfile = {
+          progress: 0,
+          name: file.name,
+          create_date: new Date().getTime(),
+          mimetype: file.type,
+          status: 'Pending...'
+        };
+        $scope.files.push(newfile);
+        newfiles.push(newfile);
+      });
+
+      // Uploading files sequentially
+      var key = 0;
+      var then = function() {
+        if (files[key]) {
+          $scope.uploadFile(files[key], newfiles[key++]).then(then);
+        }
+      };
+      then();
     }
   };
 
   /**
-   * Uppload a file.
+   * Upload a file.
    * @param file
+   * @param newfile
    */
-  $scope.uploadFile = function(file) {
-    // Add the uploading file to the UI
-    var newfile = {
-      progress: 0,
-      name: file.name,
-      create_date: new Date().getTime(),
-      mimetype: file.type
-    };
-    $scope.files.push(newfile);
-
+  $scope.uploadFile = function(file, newfile) {
     // Upload the file
-    $upload.upload({
+    newfile.status = 'Uploading...';
+    return $upload.upload({
       method: 'PUT',
       url: '../api/file',
       file: file
diff --git a/docs-web/src/main/webapp/src/app/docs/controller/DocumentView.js b/docs-web/src/main/webapp/src/app/docs/controller/DocumentView.js
index a3908957..a106c32d 100644
--- a/docs-web/src/main/webapp/src/app/docs/controller/DocumentView.js
+++ b/docs-web/src/main/webapp/src/app/docs/controller/DocumentView.js
@@ -149,29 +149,40 @@ angular.module('docs').controller('DocumentView', function ($scope, $state, $sta
    */
   $scope.fileDropped = function(files) {
     if (files && files.length) {
-      for (var i = 0; i < files.length; i++) {
-        var file = files[i];
-        $scope.uploadFile(file);
-      }
+      // Adding files to the UI
+      var newfiles = [];
+      _.each(files, function(file) {
+        var newfile = {
+          progress: 0,
+          name: file.name,
+          create_date: new Date().getTime(),
+          mimetype: file.type,
+          status: 'Pending...'
+        };
+        $scope.files.push(newfile);
+        newfiles.push(newfile);
+      });
+
+      // Uploading files sequentially
+      var key = 0;
+      var then = function() {
+        if (files[key]) {
+          $scope.uploadFile(files[key], newfiles[key++]).then(then);
+        }
+      };
+      then();
     }
   };
 
   /**
-   * Uppload a file.
+   * Upload a file.
    * @param file
+   * @param newfile
    */
-  $scope.uploadFile = function(file) {
-    // Add the uploading file to the UI
-    var newfile = {
-      progress: 0,
-      name: file.name,
-      create_date: new Date().getTime(),
-      mimetype: file.type
-    };
-    $scope.files.push(newfile);
-
+  $scope.uploadFile = function(file, newfile) {
     // Upload the file
-    $upload.upload({
+    newfile.status = 'Uploading...';
+    return $upload.upload({
       method: 'PUT',
       url: '../api/file',
       file: file,
diff --git a/docs-web/src/main/webapp/src/partial/docs/document.default.html b/docs-web/src/main/webapp/src/partial/docs/document.default.html
index 1d0bbd2b..e68adb58 100644
--- a/docs-web/src/main/webapp/src/partial/docs/document.default.html
+++ b/docs-web/src/main/webapp/src/partial/docs/document.default.html
@@ -25,7 +25,7 @@
 
       <div class="thumbnail" ng-if="!file.id">
         <p class="text-center lead">
-          Uploading...
+          {{ file.status }}
         </p>
         <div class="caption">
           <progressbar value="file.progress" class="progress-info active"></progressbar>
diff --git a/docs-web/src/main/webapp/src/partial/docs/document.view.html b/docs-web/src/main/webapp/src/partial/docs/document.view.html
index da4a359d..4550469c 100644
--- a/docs-web/src/main/webapp/src/partial/docs/document.view.html
+++ b/docs-web/src/main/webapp/src/partial/docs/document.view.html
@@ -54,7 +54,7 @@
 
         <div class="thumbnail" ng-if="!file.id">
           <p class="text-center lead">
-            Uploading...
+            {{ file.status }}
           </p>
           <div class="caption">
             <progressbar value="file.progress" class="progress-info active"></progressbar>