.*/)[0].replace(/<\/body>.*/, '');
this.AJAXloadTpl.AJAXObject.inUse = false;
document.body.appendChild(tempNode);
this.popupContent = tempNode.firstChild;
// cache some variables for better performance
this.formHolder = document.getElementById('upload-file-input');
this.pendingHolder = Kaizen.DOM.getElementsByClassName('file-wrapper', 'div', document.getElementById('upload-pending'))[0];
this.uploadedHolder = Kaizen.DOM.getElementsByClassName('file-wrapper', 'div', document.getElementById('upload-finished'))[0];
this.progressHolder = document.getElementById('upload-progress');
this.progressBarProgressed = document.getElementById('upload-bar-progressed');
// init elements in the popupContent element
var closeLnk1 = document.getElementById('left-upload-footer').firstChild;
closeLnk1.onclick = function(){ref.hide();return false};
Kaizen.DOM.IEDOMleaks.push([closeLnk1, 'onclick']);
var closeLnk2 = document.getElementById('right-upload-header').firstChild;
closeLnk2.onclick = closeLnk1.onclick;
Kaizen.DOM.IEDOMleaks.push([closeLnk2, 'onclick']);
document.getElementById('upload-progress').style.display = 'none';
var form = this.formHolder.getElementsByTagName('form')[0];
var inputs = form.getElementsByTagName('input');
inputs[0].value = this.options.field_pragma;
inputs[1].value = this.options.field_pragma_token;
inputs[2].value = this.options.field_token;
Kaizen.DOM.addEvent(inputs[3], 'change', function(){ref.inputOnChange(this)});
this.forms[1] = form;
this.forms[1].action = this.options.uploadURL;
this.forms[1].target = this.options.transportName;
// init any previously uploaded files
if (this.options.uploadedFiles) {
var filesArr = this.options.uploadedFiles.split(',');
var cur;
for (var i = 0, l = filesArr.length; i < l; i++) {
cur = filesArr[i].split(':');
this.addUploaded(cur[0], cur[1]);
}
}
}
this.progressBar.hide();
this.popup.show(this.popupContent);
this.isClosed = false;
if (typeof tempNode != 'undefined')
document.body.removeChild(tempNode);
}
Kaizen.Form.Upload.prototype.hide = function() {
this.popup.hide();
this.isClosed = true;
}
Kaizen.Form.Upload.prototype.inputOnChange = function(input) {
this.addPending();
// check for valid file extension
if (this.options.allowedFileExtensions) {
var filename = input.value.toLowerCase();
var allowedExtArr = this.options.allowedFileExtensions.split(',');
var cur, allowed;
for (var i = 0, l = allowedExtArr.length; i < l; i++) {
cur = allowedExtArr[i];
if (filename.substring(filename.length - cur.length) == cur) {
allowed = true;
break;
}
}
if (!allowed) {
this.deletePending(this.pendingFiles.length - 1);
var message = this.options.Language.errorInvalidFileExt + this.options.allowedFileExtensions.replace(/\,/g, ' , ');
this.showAlert(message);
}
}
this.startUpload();
this.index++;
}
Kaizen.Form.Upload.prototype.addPending = function() {
var ref = this;
// hide previous form
var prevForm = this.forms[this.index];
this.formsHolder.appendChild(prevForm);
// create the new form
// IE is stupid again and, unfortunately, we must use innerHTML for the form creation :(
var tempNode = new Kaizen.Element('div');
tempNode.innerHTML = '
';
var newForm = tempNode.firstChild;
Kaizen.DOM.addEvent(newForm.firstChild.lastChild, 'change', function(){ref.inputOnChange(this)});
this.formHolder.appendChild(newForm);
this.forms[this.index + 1] = newForm;
var files = Kaizen.DOM.getElementsByClassName('file', 'div', this.pendingHolder);
// show max pending limit message if limit reached
if (files.length + 1 == this.options.maxPendingFiles) {
if (!this.messageMaxPendingLimit) {
this.messageMaxPendingLimit = new Kaizen.Element('p');
this.messageMaxPendingLimit.innerHTML = this.options.Language.messageMaxPendingLimit;
this.formHolder.appendChild(this.messageMaxPendingLimit);
}
this.forms[this.forms.length - 1].style.display = 'none';
this.messageMaxPendingLimit.style.display = 'block';
}
// add the file to the pending list
var fileName = prevForm.getElementsByTagName('input')[3].value;
if (/\\/.test(fileName))
fileName = fileName.substring(fileName.lastIndexOf('\\') + 1);
else if (/\//.test(fileName))
fileName = fileName.substring(fileName.lastIndexOf('/') + 1);
var newFile = new Kaizen.Element('div', 'file');
var span1 = new Kaizen.Element('span', {'text':files.length + 1 + '. ' + fileName, 'class':'name'});
var span2 = new Kaizen.Element('span', 'delete');
var link1 = new Kaizen.Element('a', {'text':this.options.Language['delete'], 'href':'#', 'onclick':function(){
ref.deletePending(this._fileIndex);
return false;
}});
link1._fileIndex = this.index;
span2.append(link1);
var span3 = new Kaizen.Element('span', 'progress');
newFile.append(span1, span2, span3);
this.pendingHolder.appendChild(newFile);
this.pendingFiles[this.index] = newFile;
}
Kaizen.Form.Upload.prototype.deletePending = function(index, success) {
// if we are uploading this file at the moment
if (index == this.inProgress)
this.cancelUpload(success);
// remove form and file
var form = this.forms[index];
form.parentNode.removeChild(form);
this.forms[index] = null;
var file = this.pendingFiles[index];
file.parentNode.removeChild(file);
this.pendingFiles[index] = null;
this.updateFileListIndexes(this.pendingHolder);
// hide max pending limit message if shown
if (this.messageMaxPendingLimit && this.messageMaxPendingLimit.style.display != 'none') {
this.messageMaxPendingLimit.style.display = 'none';
this.forms[this.forms.length - 1].style.display = 'block';
}
// start next file
this.startUpload();
}
Kaizen.Form.Upload.prototype.addUploaded = function(fileName, hash) {
var ref = this;
var files = Kaizen.DOM.getElementsByClassName('file', 'div', this.uploadedHolder);
var newFile = new Kaizen.Element('div', 'file');
var span1 = new Kaizen.Element('span', {'text':files.length + 1 + '. ' + fileName, 'class':'name'});
var span2 = new Kaizen.Element('span', 'delete');
var link1 = new Kaizen.Element('a', {'text':this.options.Language['delete'], 'href':'#', 'onclick':function(){
ref.deleteUploaded(this);
return false;
}});
link1._hash = hash;
span2.append(link1);
newFile.append(span1, span2);
this.uploadedHolder.appendChild(newFile);
}
Kaizen.Form.Upload.prototype.deleteUploaded = function(link) {
this.sendDeleteCommand(link._hash);
var file = link.parentNode.parentNode;
file.parentNode.removeChild(file);
this.updateFileListIndexes(this.uploadedHolder);
}
Kaizen.Form.Upload.prototype.updateFileListIndexes = function(holder) {
var files = Kaizen.DOM.getElementsByClassName('file', 'div', holder);
var cur;
for (var i = 0, l = files.length; i < l; i++) {
cur = files[i].getElementsByTagName('span')[0];
cur.innerHTML = cur.innerHTML.replace(/^[0-9]*\./, i + 1 + '.');
}
}
Kaizen.Form.Upload.prototype.sendDeleteCommand = function(hash) {
this.AJAXdeleteFile.load(this.statusPollReqVars + '&hash=' + hash);
}
Kaizen.Form.Upload.prototype.showStatus = function() {
this.progressBarProgressed.style.width = '0';
var spans = this.progressHolder.getElementsByTagName('span');
spans[0].innerHTML = this.pendingFiles[this.inProgress].firstChild.firstChild.data.replace(/^[0-9]*\. /, ''); // name
spans[1].innerHTML = '0%'; // percent
spans[2].innerHTML = '-'; // left
spans[3].innerHTML = '-'; // speed
this.progressHolder.style.display = 'block';
this.startStatusPoll();
}
Kaizen.Form.Upload.prototype.hideStatus = function() {
this.stopStatusPoll();
this.progressHolder.style.display = 'none';
}
Kaizen.Form.Upload.prototype.updateStatus = function(speed, percent, left) {
this.progressBarProgressed.style.width = percent + '%';
var spans = this.progressHolder.getElementsByTagName('span');
spans[1].innerHTML = percent + '%'; // percent
spans[2].innerHTML = (left >= 1 ? parseInt(left) + ' ' + this.options.Language.min + ' ' : '') + (left % 1 ? Math.floor(parseFloat(left.toString().replace(/^[0-9]*\./,'0.')) / 0.0166) : 0) + ' ' + this.options.Language.sec; // left
spans[3].innerHTML = Kaizen.formatSize(speed); // speed
}
Kaizen.Form.Upload.prototype.startStatusPoll = function() {
var ref = this;
this.resetStatusPoll();
this.AJAXstatusPoll.load(this.statusPollReqVars + (this.currentHash ? '&hash=' + this.currentHash : ''));
this.statusPollResponseTimeout = setTimeout(function(){ref.startStatusPoll()}, this.options.statusPollMaxResponseWait);
}
Kaizen.Form.Upload.prototype.stopStatusPoll = function() {
this.resetStatusPoll();
this.currentHash = '';
this.currentTimestamp = {'time':0, 'count':0};
this.currentRequestCount = 0;
}
Kaizen.Form.Upload.prototype.resetStatusPoll = function() {
if (this.AJAXstatusPoll.AJAXObject && this.AJAXstatusPoll.AJAXObject.inProgress)
this.AJAXstatusPoll.abort();
if (this.statusPollDelayTimeout) {
clearTimeout(this.statusPollDelayTimeout);
this.statusPollDelayTimeout = 0;
}
if (this.statusPollResponseTimeout) {
clearTimeout(this.statusPollResponseTimeout);
this.statusPollResponseTimeout = 0;
}
}
Kaizen.Form.Upload.prototype.processStatusPollResponse = function(status, responseText) {
var ref = this;
this.currentRequestCount++;
//window.status = 'status = ' + status + ' | responseText = ' + responseText;
var nodelay;
clearTimeout(this.statusPollResponseTimeout);
this.statusPollResponseTimeout = 0;
if (status == 200) {
if (!this.currentHash) {
// after the first request for hash, we don't need a delay (no matter whether we get the hash with the reply or not)
if (this.currentRequestCount == 1)
nodelay = true;
if (responseText && responseText.isJSON()) {
eval('var obj = ' + responseText);
if (obj.hash) {
this.currentHash = obj.hash;
nodelay = true;
}
}
if (this.currentRequestCount > this.options.statusPollMaxGetHashAtempts) {
// with a short timeout to allow the AJAX code to clean up after the callback
setTimeout(function(){
ref.uploadFailure();
}, 20);
return;
}
} else {
if (responseText && responseText.isJSON()) {
eval('var obj = ' + responseText);
if (obj.speed) {
if (this.currentTimestamp.time == obj.time)
this.currentTimestamp.count++;
else
this.currentTimestamp = {'time':obj.time, 'count':0};
// detect possible upload hang and abort if detected
if (this.currentTimestamp.count > this.options.statusPollMaxReturnedMatchingTimestamp) {
setTimeout(function(){
ref.uploadFailure();
}, 20);
return;
}
this.updateStatus(obj.speed, obj.percent, obj.left);
} else if (obj.error) {
setTimeout(function(){
if (obj.error == 'finished')
ref.uploadSuccess(ref.currentHash);
else
ref.uploadFailure();
}, 20);
return;
}
}
}
}
this.statusPollDelayTimeout = setTimeout(function(){ref.startStatusPoll()}, nodelay ? 1 : this.isClosed ? this.options.statusPollDelayWhenClosed : this.options.statusPollDelay);
}
Kaizen.Form.Upload.prototype.showAlert = function(message) {
if (this.options.useJSAlertOnErrors)
alert(message);
else
this.alertBox.show(message.replace(/\n/g, '
'), this.options.Language.OK);
}
Kaizen.Form.Upload.prototype.startUpload = function() {
if (this.inProgress)
return;
var files = Kaizen.DOM.getElementsByClassName('file', 'div', this.pendingHolder);
if (!files.length)
return;
// update elements
var file = files[0];
var progress = file.getElementsByTagName('span')[2];
progress.innerHTML = this.options.Language.uploading;
var link = file.getElementsByTagName('a')[0];
link.innerHTML = this.options.Language.cancel;
// start it
var index = link._fileIndex;
this.inProgress = index;
this.forms[index].submit();
this.showStatus();
}
Kaizen.Form.Upload.prototype.cancelUpload = function(success) {
if (!this.inProgress)
return;
// do not use this.transport.src = 'about:blank' to avoid stupid bug in IE
self.frames[this.options.transportName].location = 'about:blank';
this.inProgress = 0;
if (!success && this.currentHash) {
var ref = this;
var hash = this.currentHash;
// after we have aborted the upload give the perl script a couple of seconds to release the file so that we can successfully delete it
setTimeout(function(){ref.sendDeleteCommand(hash)}, 2000);
}
this.hideStatus();
}
Kaizen.Form.Upload.prototype.uploadSuccess = function(hash) {
this.addUploaded(this.pendingFiles[this.inProgress].firstChild.firstChild.data.replace(/^[0-9]*\. /, ''), hash);
this.deletePending(this.inProgress, true);
}
Kaizen.Form.Upload.prototype.uploadFailure = function() {
this.deletePending(this.inProgress);
}
Kaizen.Form.Upload.prototype.onLoad = function() {
var doc = this.transport.contentDocument || this.transport.contentWindow.document || this.transport.document;
var responseText = doc.body.innerHTML;
//alert(responseText + '==' + responseText.isJSON())
// about:blank, 404, 500 etc...
if (!responseText || !responseText.isJSON())
return;
eval('var obj = ' + responseText);
// file failed or uploaded, go to next
if (obj.error) {
switch (obj.error) {
case 'finished':
this.uploadSuccess(obj.hash);
return;
case 'extension':
var message = this.options.Language.errorInvalidFileExt + obj.valid.replace(/\,/g, ' , ');
this.showAlert(message);
break;
case 'setting':
if (obj.allowedsize) {
var message = this.options.Language.errorFilesizeTooLarge.replace(/\[allowedsize\]/, Kaizen.formatSize(obj.allowedsize));
this.showAlert(message);
}
break;
default:
;
}
}
this.uploadFailure();
}
/* some API functions */
// Returns uploaded files in an array like this: [{'name':'filename1', 'hash':'hash1'}, {'name':'filename2', 'hash':'hash2'}...]
Kaizen.Form.Upload.prototype.getUploaded = function() {
var uploadedArr = [];
var files = Kaizen.DOM.getElementsByClassName('file', 'div', this.uploadedHolder);
var cur, name, hash;
for (var i = 0, l = files.length; i < l; i++) {
cur = files[i].getElementsByTagName('span');
name = cur[0].innerHTML.replace(/^[0-9]*\. /, '');
hash = cur[1].firstChild._hash;
uploadedArr.push({'name':name, 'hash':hash});
}
return uploadedArr;
}
// Checks whether there are any running uploads - returns true/false
Kaizen.Form.Upload.prototype.isInProgress = function() {
return this.inProgress || this.pendingHolder && this.pendingHolder.getElementsByTagName('div').length > 0;
}