mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
4a5d9b03f8
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@39001 467b73ca-7a2a-4603-9d3b-597d59a354a9
53 lines
1.4 KiB
JavaScript
Executable File
53 lines
1.4 KiB
JavaScript
Executable File
/**
|
|
* Create a progress bar that can be updated clientside
|
|
*
|
|
*/
|
|
ProgressBar = Class.create();
|
|
ProgressBar.applyTo('div.ProgressBar');
|
|
ProgressBar.prototype = {
|
|
initialize: function() {
|
|
this.statusText = this.getElementsByTagName('p')[0];
|
|
this.progressBar = this.getElementsByTagName('div')[0].getElementsByTagName('div')[0];
|
|
this.progress = 0;
|
|
this.startTime = 0;
|
|
this.lastProgressUpdate = 0;
|
|
this.defaultText = this.statusText.innerHTML;
|
|
this.defaultDisplay = this.style.display;
|
|
},
|
|
|
|
setProgress: function( progress ) {
|
|
this.progress = progress;
|
|
this.progressBar.style.width = '' + parseInt( progress ) + '%';
|
|
this.progressBar.width = '' + parseInt( progress ) + '%';
|
|
var now = new Date();
|
|
this.lastProgressUpdate = now.getTime();
|
|
},
|
|
|
|
setText: function( text ) {
|
|
this.statusText.innerHTML = text;
|
|
},
|
|
|
|
reset: function() {
|
|
this.setProgress(0);
|
|
this.setText( this.defaultText );
|
|
this.style.display = this.defaultDisplay;
|
|
},
|
|
|
|
estimateTime: function() {
|
|
var time = ( this.lastProgressUpdate - this.startTime ) * ( ( 100 - this.progress ) / this.progress );
|
|
|
|
if( time < 60000 )
|
|
return Math.round( time / 1000 ) + ' seconds';
|
|
|
|
if( time < 3600000 )
|
|
return Math.round( time / 60000 ) + ' minutes';
|
|
|
|
return Math.round( time / 3600000 ) + ' hours';
|
|
},
|
|
|
|
start: function() {
|
|
var now = new Date();
|
|
this.startTime = now.getTime();
|
|
this.style.display = 'block';
|
|
}
|
|
} |