From 71cf506728af955ef4bb0f60408bf3e544330f23 Mon Sep 17 00:00:00 2001
From: Heiko Kernbach <heiko@arangodb.com>
Date: Mon, 15 Jul 2013 20:01:56 +0200
Subject: [PATCH] ajax load indicator + css

---
 html/admin/css/documentsView.css          |   4 ++++
 html/admin/img/ajax-loader.gif            | Bin 0 -> 1737 bytes
 html/admin/js/templates/documentsView.ejs |   1 +
 html/admin/js/views/documentsView.js      |  19 +++++++++++++++----
 4 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 html/admin/img/ajax-loader.gif

diff --git a/html/admin/css/documentsView.css b/html/admin/css/documentsView.css
index f1d65a5677..29c86b26b6 100644
--- a/html/admin/css/documentsView.css
+++ b/html/admin/css/documentsView.css
@@ -342,3 +342,7 @@ table.dataTable thead th {
   opacity: 0;
   width: 1;
 }
+
+body.wait *, body.wait {
+  cursor: progress !important;
+}
diff --git a/html/admin/img/ajax-loader.gif b/html/admin/img/ajax-loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..13fe650d8de077df8e712fc5ccd19f790c705b3a
GIT binary patch
literal 1737
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
D@lkoK

literal 0
HcmV?d00001

diff --git a/html/admin/js/templates/documentsView.ejs b/html/admin/js/templates/documentsView.ejs
index 918c5b9737..e43c08ec9d 100644
--- a/html/admin/js/templates/documentsView.ejs
+++ b/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>
 
diff --git a/html/admin/js/views/documentsView.js b/html/admin/js/views/documentsView.js
index 918dfe93c7..56fde8be49 100644
--- a/html/admin/js/views/documentsView.js
+++ b/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");
         }
       });