* @cfg {String} url action url
* @cfg {String} paramName default 'imageUpload'
* @cfg {String} method default POST
+ * @cfg {Boolean} loadMask (true|false) default true
+ * @cfg {Boolean} loadingText default 'Loading...'
*
* @constructor
* Create a new UploadCropbox
isDocument : false,
method : 'POST',
paramName : 'imageUpload',
+ loadMask : true,
+ loadingText : 'Loading...',
+ maskEl : false,
getAutoCreate : function()
{
}, this);
}
+
+ if(this.loadMask){
+ this.maskEl = this.el;
+ }
},
initEvents : function()
this.bodyEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
this.selectorEl = this.el.select('.roo-upload-cropbox-selector', true).first();
- this.selectorEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
-// this.selectorEl.hide();
+ this.selectorEl.hide();
this.previewEl = this.el.select('.roo-upload-cropbox-preview', true).first();
this.previewEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
{
e.preventDefault();
- Roo.log('run???');
-
if(this.fireEvent('beforeselectfile', this) != false){
this.selectorEl.dom.click();
}
this.canvasLoaded = true;
+ if(this.loadMask){
+ this.maskEl.unmask();
+ }
+
},
setCanvasPosition : function()
process : function(file, crop)
{
+ if(this.loadMask){
+ this.maskEl.mask(this.loadingText);
+ }
+
this.xhr = new XMLHttpRequest();
file.xhr = this.xhr;
xhrOnLoad : function(xhr)
{
+ if(this.loadMask){
+ this.maskEl.unmask();
+ }
+
if (xhr.readyState !== 4) {
this.fireEvent('exception', this, xhr);
return;
xhrOnError : function()
{
+ if(this.loadMask){
+ this.maskEl.unmask();
+ }
+
Roo.log('xhr on error');
var response = Roo.decode(xhr.responseText);
prepare : function(file)
{
+ if(this.loadMask){
+ this.maskEl.mask(this.loadingText);
+ }
+
this.file = false;
this.exif = {};