diff --git a/attachments/images/large-spinner.gif b/attachments/images/large-spinner.gif
new file mode 100755
index 00000000..3288d103
Binary files /dev/null and b/attachments/images/large-spinner.gif differ
diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index ceaacda0..7c180409 100755
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -32,6 +32,7 @@
diff --git a/attachments/script/costco.js b/attachments/script/costco.js
index 2cf7e61d..007b1f41 100755
--- a/attachments/script/costco.js
+++ b/attachments/script/costco.js
@@ -62,8 +62,9 @@ var costco = function() {
function updateDocs(editFunc) {
var dfd = $.Deferred();
- util.notify("Updating documents...", {persist: true, loader: true});
+ util.notify("Download entire database into Recline. This could take a while...", {persist: true, loader: true});
couch.request({url: app.baseURL + "api/json"}).then(function(docs) {
+ util.notify("Updating " + docs.docs.length + " documents. This could take a while...", {persist: true, loader: true});
var toUpdate = costco.mapDocs(docs.docs, editFunc).edited;
costco.uploadDocs(toUpdate).then(
function(updatedDocs) {
diff --git a/attachments/script/recline.js b/attachments/script/recline.js
index c542e148..0c4c942d 100755
--- a/attachments/script/recline.js
+++ b/attachments/script/recline.js
@@ -183,7 +183,9 @@ var recline = function() {
}
function initializeTable(offset) {
+ $('.large-loader').show();
couch.request({url: app.baseURL + 'api/headers'}).then(function ( headers ) {
+ $('.large-loader').hide();
app.headers = headers;
app.csvUrl = app.baseURL + 'api/csv?headers=' + escape(JSON.stringify(headers));
diff --git a/attachments/style/style.css b/attachments/style/style.css
index b86aab14..ff9cfea9 100755
--- a/attachments/style/style.css
+++ b/attachments/style/style.css
@@ -42,6 +42,7 @@ a.button:hover span.icon.loading { background-image: url(images/loader-blue.gif)
#couchLogo {float: left; margin-right: 5px; margin-top: 3px}
.chosen {border: 1px solid green}
.info { padding: 0px 0px 10px 0px}
+.large-loader { position: absolute; top: 200px; left: 50%; z-index: 666;}
.menu-overlay {
position: fixed;
top: 0;