mirror of
https://github.com/Dolibarr/dolibarr.git
synced 2025-12-06 17:48:25 +01:00
Test: jQuery file upload plugin
This commit is contained in:
Regis Houssin
259
htdocs/includes/jquery/plugins/fileupload/jquery.fileupload-ui.js
vendored
Normal file
259
htdocs/includes/jquery/plugins/fileupload/jquery.fileupload-ui.js
vendored
Normal file
@@ -0,0 +1,259 @@
|
||||
/*
|
||||
* jQuery File Upload User Interface Plugin 3.2.2
|
||||
*
|
||||
* Copyright 2010, Sebastian Tschan, AQUANTUM
|
||||
* Licensed under the MIT license:
|
||||
* http://creativecommons.org/licenses/MIT/
|
||||
*
|
||||
* https://blueimp.net
|
||||
* http://www.aquantum.de
|
||||
*/
|
||||
|
||||
/*jslint browser: true */
|
||||
/*global jQuery */
|
||||
|
||||
(function ($) {
|
||||
|
||||
var UploadHandler,
|
||||
methods;
|
||||
|
||||
UploadHandler = function (container, options) {
|
||||
var uploadHandler = this,
|
||||
undef = 'undefined',
|
||||
func = 'function',
|
||||
dragOverTimeout,
|
||||
isDropZoneEnlarged;
|
||||
|
||||
this.dropZone = container;
|
||||
this.progressSelector = '.file_upload_progress div';
|
||||
this.cancelSelector = '.file_upload_cancel div';
|
||||
this.cssClassSmall = 'file_upload_small';
|
||||
this.cssClassLarge = 'file_upload_large';
|
||||
this.cssClassHighlight = 'file_upload_highlight';
|
||||
this.dropEffect = 'highlight';
|
||||
this.uploadTable = this.downloadTable = $();
|
||||
|
||||
this.buildUploadRow = this.buildDownloadRow = function () {
|
||||
return null;
|
||||
};
|
||||
|
||||
this.addNode = function (parentNode, node, callBack) {
|
||||
if (node) {
|
||||
node.css('display', 'none').appendTo(parentNode).fadeIn(function () {
|
||||
if (typeof callBack === func) {
|
||||
try {
|
||||
callBack();
|
||||
} catch (e) {
|
||||
// Fix endless exception loop:
|
||||
$(this).stop();
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if (typeof callBack === func) {
|
||||
callBack();
|
||||
}
|
||||
};
|
||||
|
||||
this.removeNode = function (node, callBack) {
|
||||
if (node) {
|
||||
node.fadeOut(function () {
|
||||
$(this).remove();
|
||||
if (typeof callBack === func) {
|
||||
try {
|
||||
callBack();
|
||||
} catch (e) {
|
||||
// Fix endless exception loop:
|
||||
$(this).stop();
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if (typeof callBack === func) {
|
||||
callBack();
|
||||
}
|
||||
};
|
||||
|
||||
this.onAbort = function (event, files, index, xhr, handler) {
|
||||
uploadHandler.removeNode(handler.uploadRow);
|
||||
};
|
||||
|
||||
this.cancelUpload = function (event, files, index, xhr, handler) {
|
||||
var readyState = xhr.readyState;
|
||||
xhr.abort();
|
||||
// If readyState is below 2, abort() has no effect:
|
||||
if (isNaN(readyState) || readyState < 2) {
|
||||
handler.onAbort(event, files, index, xhr, handler);
|
||||
}
|
||||
};
|
||||
|
||||
this.initProgressBar = function (node, value) {
|
||||
if (typeof node.progressbar === func) {
|
||||
return node.progressbar({
|
||||
value: value
|
||||
});
|
||||
} else {
|
||||
var progressbar = $('<progress value="' + value + '" max="100"/>').appendTo(node);
|
||||
progressbar.progressbar = function (key, value) {
|
||||
progressbar.attr('value', value);
|
||||
};
|
||||
return progressbar;
|
||||
}
|
||||
};
|
||||
|
||||
this.initUploadRow = function (event, files, index, xhr, handler, callBack) {
|
||||
var uploadRow = handler.uploadRow = uploadHandler.buildUploadRow(files, index);
|
||||
if (uploadRow) {
|
||||
handler.progressbar = uploadHandler.initProgressBar(
|
||||
uploadRow.find(uploadHandler.progressSelector),
|
||||
(xhr.upload ? 0 : 100)
|
||||
);
|
||||
uploadRow.find(uploadHandler.cancelSelector).click(function (e) {
|
||||
uploadHandler.cancelUpload(e, files, index, xhr, handler);
|
||||
});
|
||||
}
|
||||
uploadHandler.addNode(uploadHandler.uploadTable, uploadRow, callBack);
|
||||
};
|
||||
|
||||
this.initUpload = function (event, files, index, xhr, handler, callBack) {
|
||||
uploadHandler.initUploadRow(event, files, index, xhr, handler, function () {
|
||||
if (typeof uploadHandler.beforeSend === func) {
|
||||
uploadHandler.beforeSend(event, files, index, xhr, handler, callBack);
|
||||
} else {
|
||||
callBack();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
this.onProgress = function (event, files, index, xhr, handler) {
|
||||
if (handler.progressbar) {
|
||||
handler.progressbar.progressbar(
|
||||
'value',
|
||||
parseInt(event.loaded / event.total * 100, 10)
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
this.parseResponse = function (xhr) {
|
||||
if (typeof xhr.responseText !== undef) {
|
||||
return $.parseJSON(xhr.responseText);
|
||||
} else {
|
||||
// Instead of an XHR object, an iframe is used for legacy browsers:
|
||||
return $.parseJSON(xhr.contents().text());
|
||||
}
|
||||
};
|
||||
|
||||
this.initDownloadRow = function (event, files, index, xhr, handler, callBack) {
|
||||
var json, downloadRow;
|
||||
try {
|
||||
json = handler.response = uploadHandler.parseResponse(xhr);
|
||||
downloadRow = handler.downloadRow = uploadHandler.buildDownloadRow(json);
|
||||
uploadHandler.addNode(uploadHandler.downloadTable, downloadRow, callBack);
|
||||
} catch (e) {
|
||||
if (typeof uploadHandler.onError === func) {
|
||||
handler.originalEvent = event;
|
||||
uploadHandler.onError(e, files, index, xhr, handler);
|
||||
} else {
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
this.onLoad = function (event, files, index, xhr, handler) {
|
||||
uploadHandler.removeNode(handler.uploadRow, function () {
|
||||
uploadHandler.initDownloadRow(event, files, index, xhr, handler, function () {
|
||||
if (typeof uploadHandler.onComplete === func) {
|
||||
uploadHandler.onComplete(event, files, index, xhr, handler);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
this.dropZoneEnlarge = function () {
|
||||
if (!isDropZoneEnlarged) {
|
||||
if (typeof uploadHandler.dropZone.switchClass === func) {
|
||||
uploadHandler.dropZone.switchClass(
|
||||
uploadHandler.cssClassSmall,
|
||||
uploadHandler.cssClassLarge
|
||||
);
|
||||
} else {
|
||||
uploadHandler.dropZone.addClass(uploadHandler.cssClassLarge);
|
||||
uploadHandler.dropZone.removeClass(uploadHandler.cssClassSmall);
|
||||
}
|
||||
isDropZoneEnlarged = true;
|
||||
}
|
||||
};
|
||||
|
||||
this.dropZoneReduce = function () {
|
||||
if (typeof uploadHandler.dropZone.switchClass === func) {
|
||||
uploadHandler.dropZone.switchClass(
|
||||
uploadHandler.cssClassLarge,
|
||||
uploadHandler.cssClassSmall
|
||||
);
|
||||
} else {
|
||||
uploadHandler.dropZone.addClass(uploadHandler.cssClassSmall);
|
||||
uploadHandler.dropZone.removeClass(uploadHandler.cssClassLarge);
|
||||
}
|
||||
isDropZoneEnlarged = false;
|
||||
};
|
||||
|
||||
this.onDocumentDragEnter = function (event) {
|
||||
uploadHandler.dropZoneEnlarge();
|
||||
};
|
||||
|
||||
this.onDocumentDragOver = function (event) {
|
||||
if (dragOverTimeout) {
|
||||
clearTimeout(dragOverTimeout);
|
||||
}
|
||||
dragOverTimeout = setTimeout(function () {
|
||||
uploadHandler.dropZoneReduce();
|
||||
}, 200);
|
||||
};
|
||||
|
||||
this.onDragEnter = this.onDragLeave = function (event) {
|
||||
uploadHandler.dropZone.toggleClass(uploadHandler.cssClassHighlight);
|
||||
};
|
||||
|
||||
this.onDrop = function (event) {
|
||||
if (dragOverTimeout) {
|
||||
clearTimeout(dragOverTimeout);
|
||||
}
|
||||
if (uploadHandler.dropEffect && typeof uploadHandler.dropZone.effect === func) {
|
||||
uploadHandler.dropZone.effect(uploadHandler.dropEffect, function () {
|
||||
uploadHandler.dropZone.removeClass(uploadHandler.cssClassHighlight);
|
||||
uploadHandler.dropZoneReduce();
|
||||
});
|
||||
} else {
|
||||
uploadHandler.dropZone.removeClass(uploadHandler.cssClassHighlight);
|
||||
uploadHandler.dropZoneReduce();
|
||||
}
|
||||
};
|
||||
|
||||
$.extend(this, options);
|
||||
};
|
||||
|
||||
methods = {
|
||||
init : function (options) {
|
||||
return this.each(function () {
|
||||
$(this).fileUpload(new UploadHandler($(this), options));
|
||||
});
|
||||
},
|
||||
|
||||
destroy : function (namespace) {
|
||||
return this.each(function () {
|
||||
$(this).fileUpload('destroy', namespace);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.fileUploadUI = function (method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method) {
|
||||
return methods.init.apply(this, arguments);
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.fileUploadUI');
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
Reference in New Issue
Block a user