META-INF.resources.org.richfaces.fileupload.js Maven / Gradle / Ivy
/*
* JBoss, Home of Professional Open Source
* Copyright ${year}, Red Hat, Inc. and individual contributors
* by the @authors tag. See the copyright.txt in the distribution for a
* full listing of individual contributors.
*
* This is free software; you can redistribute it and/or modify it
* under the terms of the GNU Lesser General Public License as
* published by the Free Software Foundation; either version 2.1 of
* the License, or (at your option) any later version.
*
* This software is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public
* License along with this software; if not, write to the Free
* Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
* 02110-1301 USA, or see the FSF site: http://www.fsf.org.
*/
(function(richfaces, jQuery) {
var UID = "rf_fu_uid";
var UID_ALT = "rf_fu_uid_alt";
var FAKE_PATH = "C:\\fakepath\\";
var ITEM_HTML = '';
var ITEM_STATE = {
NEW: "new",
UPLOADING: "uploading",
DONE: "done",
SIZE_EXCEEDED: "sizeExceeded",
STOPPED: "stopped",
SERVER_ERROR: "serverError"
};
var pressButton = function(event) {
jQuery(this).children(":first").css("background-position", "3px 3px").css("padding", "4px 4px 2px 22px");
};
var unpressButton = function(event) {
jQuery(this).children(":first").css("background-position", "2px 2px").css("padding", "3px 5px 3px 21px");
};
richfaces.ui = richfaces.ui || {};
richfaces.ui.FileUpload = richfaces.BaseComponent.extendClass({
name: "FileUpload",
items: [],
submitedItems: [],
doneLabel: "Done",
sizeExceededLabel: "File size is exceeded",
stoppedLabel: "",
serverErrorLabel: "Server error",
clearLabel: "Clear",
deleteLabel: "Delete",
init: function(id, options) {
this.id = id;
jQuery.extend(this, options);
if (this.acceptedTypes) {
this.acceptedTypes = jQuery.trim(this.acceptedTypes).toUpperCase().split(/\s*,\s*/);
}
this.element = jQuery(this.attachToDom());
this.form = this.element.parents("form:first");
var header = this.element.children(".rf-fu-hdr:first");
var leftButtons = header.children(".rf-fu-btns-lft:first");
this.addButton = leftButtons.children(".rf-fu-btn-add:first");
this.uploadButton = this.addButton.next();
this.clearButton = leftButtons.next().children(".rf-fu-btn-clr:first");
this.inputContainer = this.addButton.find(".rf-fu-inp-cntr:first");
this.input = this.inputContainer.children("input");
this.list = header.next();
this.hiddenContainer = this.list.next();
this.iframe = this.hiddenContainer.children("iframe:first");
this.progressBarElement = this.iframe.next();
this.progressBar = richfaces.$(this.progressBarElement);
this.cleanInput = this.input.clone();
this.addProxy = jQuery.proxy(this.__addItem, this);
this.input.change(this.addProxy);
this.addButton.mousedown(pressButton).mouseup(unpressButton).mouseout(unpressButton);
this.uploadButton.click(jQuery.proxy(this.__startUpload, this)).mousedown(pressButton)
.mouseup(unpressButton).mouseout(unpressButton);
this.clearButton.click(jQuery.proxy(this.__removeAllItems, this)).mousedown(pressButton)
.mouseup(unpressButton).mouseout(unpressButton);
this.iframe.load(jQuery.proxy(this.__load, this));
if (this.onfilesubmit) {
richfaces.Event.bind(this.element, "onfilesubmit", new Function("event", this.onfilesubmit));
}
if (this.onuploadcomplete) {
richfaces.Event.bind(this.element, "onuploadcomplete", new Function("event", this.onuploadcomplete));
}
},
__addItem: function() {
var fileName = this.input.val();
if (!navigator.platform.indexOf("Win")) {
fileName = fileName.match(/[^\\]*$/)[0];
} else {
if (!fileName.indexOf(FAKE_PATH)) {
fileName = fileName.substr(FAKE_PATH.length);
} else {
fileName = fileName.match(/[^\/]*$/)[0];
}
}
if (this.__accept(fileName) && (!this.noDuplicate || !this.__isFileAlreadyAdded(fileName))) {
this.input.hide();
this.input.unbind("change", this.addProxy);
var item = new Item(this, fileName);
this.list.append(item.getJQuery());
this.items.push(item);
this.input = this.cleanInput.clone();
this.inputContainer.append(this.input);
this.input.change(this.addProxy);
this.__updateButtons();
}
},
__removeItem: function(item) {
this.items.splice(jQuery.inArray(item, this.items), 1);
this.submitedItems.splice(jQuery.inArray(item, this.submitedItems), 1);
this.__updateButtons();
},
__removeAllItems: function(item) {
this.inputContainer.children(":not(:visible)").remove();
this.list.empty();
this.items.splice(0);
this.submitedItems.splice(0);
this.__updateButtons();
},
__updateButtons: function() {
if (!this.loadableItem && this.list.children(".rf-fu-itm").size()) {
if (this.items.length) {
this.uploadButton.css("display", "inline-block");
} else {
this.uploadButton.hide();
}
this.clearButton.css("display", "inline-block");
} else {
this.uploadButton.hide();
this.clearButton.hide();
}
},
__startUpload: function() {
this.loadableItem = this.items.shift();
this.__updateButtons();
this.loadableItem.startUploading();
},
__submit: function() {
var originalAction = this.form.attr("action");
var originalEncoding = this.form.attr("encoding");
var originalEnctype = this.form.attr("enctype");
try {
var delimiter = originalAction.indexOf("?") == -1 ? "?" : "&";
this.form.attr("action", originalAction + delimiter + UID + "=" + this.loadableItem.uid);
this.form.attr("encoding", "multipart/form-data");
this.form.attr("enctype", "multipart/form-data");
richfaces.submitForm(this.form, {"org.richfaces.ajax.component": this.id}, this.id);
richfaces.Event.fire(this.element, "onfilesubmit", this.loadableItem.model);
} finally {
this.form.attr("action", originalAction);
this.form.attr("encoding", originalEncoding);
this.form.attr("enctype", originalEnctype);
this.loadableItem.input.removeAttr("name");
}
},
__load: function(event) {
if (this.loadableItem) {
var contentDocument = event.target.contentWindow.document;
contentDocument = contentDocument.XMLDocument || contentDocument;
var documentElement = contentDocument.documentElement;
var responseStatus, id;
if (documentElement.tagName.toUpperCase() == "PARTIAL-RESPONSE") {
var errors = jQuery(documentElement).children("error");
responseStatus = errors.length > 0 ? ITEM_STATE.SERVER_ERROR: ITEM_STATE.DONE;
} else if ((id = documentElement.id) && id.indexOf(UID + this.loadableItem.uid + ":") == 0) {
responseStatus = id.split(":")[1];
}
if (responseStatus) {
responseStatus == ITEM_STATE.DONE && jsf.ajax.response({responseXML: contentDocument}, {});
this.loadableItem.finishUploading(responseStatus);
this.submitedItems.push(this.loadableItem);
if (responseStatus == ITEM_STATE.DONE && this.items.length) {
this.__startUpload();
} else {
this.loadableItem = null;
this.__updateButtons();
var items = [];
for (var i in this.submitedItems) {
items.push(this.submitedItems[i].model);
}
for (var i in this.items) {
items.push(this.items[i].model);
}
richfaces.Event.fire(this.element, "onuploadcomplete", items);
}
}
}
},
__accept: function(fileName) {
fileName = fileName.toUpperCase();
var result = !this.acceptedTypes;
for (var i = 0; !result && i < this.acceptedTypes.length; i++) {
var extension = this.acceptedTypes[i];
result = fileName.indexOf(extension, fileName.length - extension.length) !== -1;
}
return result;
},
__isFileAlreadyAdded: function(fileName) {
var result = false;
for (var i = 0; !result && i < this.items.length; i++) {
result = this.items[i].model.name == fileName;
}
result = result || (this.loadableItem && this.loadableItem.model.name == fileName);
for (var i = 0; !result && i < this.submitedItems.length; i++) {
result = this.submitedItems[i].model.name == fileName;
}
return result;
}
});
var Item = function(fileUpload, fileName) {
this.fileUpload = fileUpload;
this.input = fileUpload.input;
this.model = {name: fileName, state: ITEM_STATE.NEW};
};
jQuery.extend(Item.prototype, {
getJQuery: function() {
this.element = jQuery(ITEM_HTML);
var leftArea = this.element.children(".rf-fu-itm-lft:first");
this.label = leftArea.children(".rf-fu-itm-lbl:first");
this.state = this.label.nextAll(".rf-fu-itm-st:first");
this.link = leftArea.next().children("a");
this.label.html(this.model.name);
this.link.html(this.fileUpload["deleteLabel"]);
this.link.click(jQuery.proxy(this.removeOrStop, this));
return this.element;
},
removeOrStop: function() {
this.input.remove();
this.element.remove();
this.fileUpload.__removeItem(this);
},
startUploading: function() {
this.state.css("display", "block");
this.link.html("");
this.input.attr("name", this.fileUpload.id);
this.model.state = ITEM_STATE.UPLOADING;
this.uid = Math.random();
this.fileUpload.__submit();
if (this.fileUpload.progressBar) {
this.fileUpload.progressBar.setValue(0);
this.state.html(this.fileUpload.progressBarElement.detach());
var params = {};
params[UID_ALT] = this.uid;
this.fileUpload.progressBar.enable(params);
}
},
finishUploading: function(state) {
if (this.fileUpload.progressBar) {
this.fileUpload.progressBar.disable();
this.fileUpload.hiddenContainer.append(this.fileUpload.progressBarElement.detach());
}
this.input.remove();
this.state.html(this.fileUpload[state + "Label"]);
this.link.html(this.fileUpload["clearLabel"]);
this.model.state = state;
}
});
}(window.RichFaces, jQuery));