ajax load indicator + css

html/admin/css/documentsView.css

@@ -342,3 +342,7 @@ table.dataTable thead th {
   opacity: 0;
   width: 1;
 }
+
+body.wait *, body.wait {
+  cursor: progress !important;
+}

html/admin/js/templates/documentsView.ejs

@@ -3,6 +3,7 @@
     <div id="documentsToolbar" class="pagination pagination-small pagination-right">
 
     <div id="documentsUploadDiv" class="btn btn-primary btn-success btn-block">
+      <img id="uploadIndicator" style="display: none;" src="/_admin/html/img/ajax-loader.gif"/>
       <input id="documentsUpload" name="docImport" id="docImport" type="file">Import
     </div>
 

html/admin/js/views/documentsView.js

@@ -33,6 +33,14 @@ var documentsView = Backbone.View.extend({
     "keyup"                      : "returnPressedHandler"
   },
 
+  showSpinner: function() {
+    $('#uploadIndicator').show();
+  },
+
+  hideSpinner: function() {
+    $('#uploadIndicator').hide();
+  },
+
   returnPressedHandler: function(event) {
     if (event.keyCode === 13) {
       if ($("#confirmDeleteBtn").attr("disabled") === false) {
@@ -57,6 +65,7 @@ var documentsView = Backbone.View.extend({
     var filetype;
 
     $('#documentsUpload').bind("change", function(e) {
+      self.showSpinner();
       var files = e.target.files || e.dataTransfer.files;
 
       file = files[0];
@@ -75,11 +84,13 @@ var documentsView = Backbone.View.extend({
         dataType: 'json',
         complete: function(xhr) {
           if (xhr.readyState == 4) {
-             if (xhr.status == 201) {
-               arangoHelper.arangoNotification("Upload successful");
-               return;
-             }
+            if (xhr.status == 201) {
+              arangoHelper.arangoNotification("Upload successful");
+              self.hideSpinner();
+              return;
+            }
           }
+          self.hideSpinner();
           arangoHelper.arangoNotification("Upload error");
         }
       });