From 8e32984ff3c6ae92b402231ed8ff1b2c1d8132b3 Mon Sep 17 00:00:00 2001
From: Max Ogden <mogden@gmail.com>
Date: Wed, 3 Aug 2011 18:57:14 -0400
Subject: [PATCH] yet again redesigning loading icon thingy. make it modal this
 time

---
 attachments/pages/index.html  | 12 +++++++-----
 attachments/script/recline.js |  4 ++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index 8f825dbc..56f06951 100755
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -40,11 +40,6 @@
   		<img src="images/small-spinner.gif" class="notification-loader"><span id="notification-message">Loading...</span>
   	</div>
   </div>
-  
-  <div class="large-loader" id="loading-message" style="display: none; ">
-    <img src="images/large-spinner.gif"> 
-    Loading...
-  </div>
     
   <div class="dialog-overlay" style="display: none; z-index: 101; ">&nbsp;</div>
   <div class="dialog ui-draggable" style="display: none; z-index: 102; top: 101px; ">
@@ -53,6 +48,13 @@
   	</div>
   </div>
   
+  <script type='text/mustache' class="busyTemplate">
+    <div id="loading-message">
+      <img src="images/large-spinner.gif">
+      <span> Working...</span>
+    </div>
+  </script>
+
   <script type='text/mustache' class="controlsTemplate">
     <a id="logged-in-status" href="JavaScript:void(0);" class="secondary">{{text}}</a>
   </script>
diff --git a/attachments/script/recline.js b/attachments/script/recline.js
index 06b9853f..4a798958 100755
--- a/attachments/script/recline.js
+++ b/attachments/script/recline.js
@@ -190,9 +190,9 @@ var recline = function() {
   }
   
   function initializeTable(offset) {
-    $('.large-loader').show();
+    showDialog('busy');
     couch.request({url: app.baseURL + 'api/headers'}).then(function ( headers ) {
-      $('.large-loader').hide();
+      util.hide('dialog');
       getDbInfo().then(function(dbInfo) { 
         updateDocCount(dbInfo.doc_count);
       });