oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added loading divs so we don't a half-rendered ui

Browse source
This commit is contained in:
Paul Driver 2010-10-06 09:52:41 -07:00
parent 430320cea8
commit bf4b80996a
2 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
lib/WebGUI/Fork/ProgressBar.pm
View file

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

17
lib/WebGUI/Fork/ProgressTree.pm
View file

@ -38,11 +38,14 @@ use JSON;
use WebGUI::Fork::ProgressBar;
my $template = <<'TEMPLATE';
<div id='meter'></div>
Current asset: <span id='focus'></span>
(<span id='finished'></span>/<span id='total'></span>).<br />
<span id='elapsed'></span> seconds elapsed.
<ul id='tree'></ul>
<div id='loading'>Loading...</div>
<div id='ui' style='display: none'>
<div id='meter'></div>
Current asset: <span id='focus'></span>
(<span id='finished'></span>/<span id='total'></span>).<br />
<span id='elapsed'></span> seconds elapsed.
<ul id='tree'></ul>
</div>
<script>
(function (params) {
var bar = new YAHOO.WebGUI.Fork.ProgressBar();
@ -104,6 +107,10 @@ Current asset: <span id='focus'></span>
YAHOO.WebGUI.Fork.poll({
url : params.statusUrl,
draw : draw,
first : function () {
document.getElementById('loading').style.display = 'none';
document.getElementById('ui').style.display = 'block';
},
finish : function () {
YAHOO.WebGUI.Fork.redirect(params.redirect);
},