Added loading divs so we don't a half-rendered ui
This commit is contained in:
parent
430320cea8
commit
bf4b80996a
2 changed files with 22 additions and 8 deletions
|
|
@ -37,9 +37,12 @@ use HTML::Entities;
|
|||
use JSON;
|
||||
|
||||
my $template = <<'TEMPLATE';
|
||||
<p id='message'></p>
|
||||
<div id='meter'></div>
|
||||
<p>Time elapsed: <span id='elapsed'></span> seconds.</p>
|
||||
<div id='loading'>Loading...</div>
|
||||
<div id='ui' style='display: none'>
|
||||
<p id='message'></p>
|
||||
<div id='meter'></div>
|
||||
<p>Time elapsed: <span id='elapsed'></span> seconds.</p>
|
||||
</div>
|
||||
<script>
|
||||
(function (params) {
|
||||
var bar = new YAHOO.WebGUI.Fork.ProgressBar();
|
||||
|
|
@ -53,6 +56,10 @@ my $template = <<'TEMPLATE';
|
|||
document.getElementById('message').innerHTML = status.message;
|
||||
document.getElementById('elapsed').innerHTML = data.elapsed;
|
||||
},
|
||||
first : function () {
|
||||
document.getElementById('loading').style.display = 'none';
|
||||
document.getElementById('ui').style.display = 'block';
|
||||
},
|
||||
finish : function() {
|
||||
YAHOO.WebGUI.Fork.redirect(params.redirect);
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue