yet again redesigning loading icon thingy. make it modal this time

This commit is contained in:
Max Ogden 2011-08-03 18:57:14 -04:00
parent 1748110b02
commit 8e32984ff3
2 changed files with 9 additions and 7 deletions

View File

@ -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>

View File

@ -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);
});