/**

[0] Fix | Delete

* @class elFinder command "upload"

[1] Fix | Delete

* Upload files using iframe or XMLHttpRequest & FormData.

[2] Fix | Delete

* Dialog allow to send files using drag and drop

[3] Fix | Delete

*

[4] Fix | Delete

* @type elFinder.command

[5] Fix | Delete

* @author Dmitry (dio) Levashov

[6] Fix | Delete

*/

[7] Fix | Delete

elFinder.prototype.commands.upload = function() {

[8] Fix | Delete

"use strict";

[9] Fix | Delete

var hover = this.fm.res('class', 'hover');

[10] Fix | Delete

[11] Fix | Delete

this.disableOnSearch = true;

[12] Fix | Delete

this.updateOnSelect = false;

[13] Fix | Delete

[14] Fix | Delete

// Shortcut opens dialog

[15] Fix | Delete

this.shortcuts = [{

[16] Fix | Delete

pattern : 'ctrl+u'

[17] Fix | Delete

}];

[18] Fix | Delete

[19] Fix | Delete

/**

[20] Fix | Delete

* Return command state

[21] Fix | Delete

*

[22] Fix | Delete

* @return Number

[23] Fix | Delete

**/

[24] Fix | Delete

this.getstate = function(select) {

[25] Fix | Delete

var fm = this.fm, f,

[26] Fix | Delete

sel = (select || [fm.cwd().hash]);

[27] Fix | Delete

if (!this._disabled && sel.length == 1) {

[28] Fix | Delete

f = fm.file(sel[0]);

[29] Fix | Delete

}

[30] Fix | Delete

return (f && f.mime == 'directory' && f.write)? 0 : -1;

[31] Fix | Delete

};

[32] Fix | Delete

[33] Fix | Delete

[34] Fix | Delete

this.exec = function(data) {

[35] Fix | Delete

var fm = this.fm,

[36] Fix | Delete

cwdHash = fm.cwd().hash,

[37] Fix | Delete

getTargets = function() {

[38] Fix | Delete

var tgts = data && (data instanceof Array)? data : null,

[39] Fix | Delete

sel;

[40] Fix | Delete

if (! data || data instanceof Array) {

[41] Fix | Delete

if (! tgts && (sel = fm.selected()).length === 1 && fm.file(sel[0]).mime === 'directory') {

[42] Fix | Delete

tgts = sel;

[43] Fix | Delete

} else if (!tgts || tgts.length !== 1 || fm.file(tgts[0]).mime !== 'directory') {

[44] Fix | Delete

tgts = [ cwdHash ];

[45] Fix | Delete

}

[46] Fix | Delete

}

[47] Fix | Delete

return tgts;

[48] Fix | Delete

},

[49] Fix | Delete

targets = getTargets(),

[50] Fix | Delete

check = targets? targets[0] : (data && data.target? data.target : null),

[51] Fix | Delete

targetDir = check? fm.file(check) : fm.cwd(),

[52] Fix | Delete

fmUpload = function(data) {

[53] Fix | Delete

fm.upload(data)

[54] Fix | Delete

.fail(function(error) {

[55] Fix | Delete

dfrd.reject(error);

[56] Fix | Delete

})

[57] Fix | Delete

.done(function(data) {

[58] Fix | Delete

var cwd = fm.getUI('cwd'),

[59] Fix | Delete

node;

[60] Fix | Delete

dfrd.resolve(data);

[61] Fix | Delete

if (data && data.added && data.added[0] && ! fm.ui.notify.children('.elfinder-notify-upload').length) {

[62] Fix | Delete

var newItem = fm.findCwdNodes(data.added);

[63] Fix | Delete

if (newItem.length) {

[64] Fix | Delete

newItem.trigger('scrolltoview');

[65] Fix | Delete

} else {

[66] Fix | Delete

if (targetDir.hash !== cwdHash) {

[67] Fix | Delete

node = jQuery('<div></div>').append(

[68] Fix | Delete

jQuery('<button type="button" class="ui-button ui-widget ui-state-default ui-corner-all elfinder-tabstop"><span class="ui-button-text">'+fm.i18n('cmdopendir')+'</span></button>')

[69] Fix | Delete

.on('mouseenter mouseleave', function(e) {

[70] Fix | Delete

jQuery(this).toggleClass('ui-state-hover', e.type == 'mouseenter');

[71] Fix | Delete

}).on('click', function() {

[72] Fix | Delete

fm.exec('open', check).done(function() {

[73] Fix | Delete

fm.one('opendone', function() {

[74] Fix | Delete

fm.trigger('selectfiles', {files : jQuery.map(data.added, function(f) {return f.hash;})});

[75] Fix | Delete

});

[76] Fix | Delete

});

[77] Fix | Delete

})

[78] Fix | Delete

);

[79] Fix | Delete

} else {

[80] Fix | Delete

fm.trigger('selectfiles', {files : jQuery.map(data.added, function(f) {return f.hash;})});

[81] Fix | Delete

}

[82] Fix | Delete

fm.toast({msg: fm.i18n(['complete', fm.i18n('cmdupload')]), extNode: node});

[83] Fix | Delete

}

[84] Fix | Delete

}

[85] Fix | Delete

})

[86] Fix | Delete

.progress(function() {

[87] Fix | Delete

dfrd.notifyWith(this, Array.from(arguments));

[88] Fix | Delete

});

[89] Fix | Delete

},

[90] Fix | Delete

upload = function(data) {

[91] Fix | Delete

dialog.elfinderdialog('close');

[92] Fix | Delete

if (targets) {

[93] Fix | Delete

data.target = targets[0];

[94] Fix | Delete

}

[95] Fix | Delete

fmUpload(data);

[96] Fix | Delete

},

[97] Fix | Delete

getSelector = function() {

[98] Fix | Delete

var hash = targetDir.hash,

[99] Fix | Delete

dirs = jQuery.map(fm.files(hash), function(f) {

[100] Fix | Delete

return (f.mime === 'directory' && f.write)? f : null;

[101] Fix | Delete

});

[102] Fix | Delete

[103] Fix | Delete

if (! dirs.length) {

[104] Fix | Delete

return jQuery();

[105] Fix | Delete

}

[106] Fix | Delete

[107] Fix | Delete

return jQuery('<div class="elfinder-upload-dirselect elfinder-tabstop" title="' + fm.i18n('folders') + '"></div>')

[108] Fix | Delete

.on('click', function(e) {

[109] Fix | Delete

e.stopPropagation();

[110] Fix | Delete

e.preventDefault();

[111] Fix | Delete

dirs = fm.sortFiles(dirs);

[112] Fix | Delete

var $this = jQuery(this),

[113] Fix | Delete

cwd = fm.cwd(),

[114] Fix | Delete

base = dialog.closest('div.ui-dialog'),

[115] Fix | Delete

getRaw = function(f, icon) {

[116] Fix | Delete

return {

[117] Fix | Delete

label : fm.escape(f.i18 || f.name),

[118] Fix | Delete

icon : icon,

[119] Fix | Delete

remain : false,

[120] Fix | Delete

callback : function() {

[121] Fix | Delete

var title = base.children('.ui-dialog-titlebar:first').find('span.elfinder-upload-target');

[122] Fix | Delete

targets = [ f.hash ];

[123] Fix | Delete

title.html(' - ' + fm.escape(f.i18 || f.name));

[124] Fix | Delete

$this.trigger('focus');

[125] Fix | Delete

},

[126] Fix | Delete

options : {

[127] Fix | Delete

className : (targets && targets.length && f.hash === targets[0])? 'ui-state-active' : '',

[128] Fix | Delete

iconClass : f.csscls || '',

[129] Fix | Delete

iconImg : f.icon || ''

[130] Fix | Delete

}

[131] Fix | Delete

};

[132] Fix | Delete

},

[133] Fix | Delete

raw = [ getRaw(targetDir, 'opendir'), '|' ];

[134] Fix | Delete

jQuery.each(dirs, function(i, f) {

[135] Fix | Delete

raw.push(getRaw(f, 'dir'));

[136] Fix | Delete

});

[137] Fix | Delete

$this.trigger('blur');

[138] Fix | Delete

fm.trigger('contextmenu', {

[139] Fix | Delete

raw: raw,

[140] Fix | Delete

x: e.pageX || jQuery(this).offset().left,

[141] Fix | Delete

y: e.pageY || jQuery(this).offset().top,

[142] Fix | Delete

prevNode: base,

[143] Fix | Delete

fitHeight: true

[144] Fix | Delete

});

[145] Fix | Delete

}).append('<span class="elfinder-button-icon elfinder-button-icon-dir" ></span>');

[146] Fix | Delete

},

[147] Fix | Delete

inputButton = function(type, caption) {

[148] Fix | Delete

var button,

[149] Fix | Delete

input = jQuery('<input type="file" ' + type + '/>')

[150] Fix | Delete

.on('click', function() {

[151] Fix | Delete

// for IE's bug

[152] Fix | Delete

if (fm.UA.IE) {

[153] Fix | Delete

setTimeout(function() {

[154] Fix | Delete

form.css('display', 'none').css('position', 'relative');

[155] Fix | Delete

requestAnimationFrame(function() {

[156] Fix | Delete

form.css('display', '').css('position', '');

[157] Fix | Delete

});

[158] Fix | Delete

}, 100);

[159] Fix | Delete

}

[160] Fix | Delete

})

[161] Fix | Delete

.on('change', function() {

[162] Fix | Delete

upload({input : input.get(0), type : 'files'});

[163] Fix | Delete

})

[164] Fix | Delete

.on('dragover', function(e) {

[165] Fix | Delete

e.originalEvent.dataTransfer.dropEffect = 'copy';

[166] Fix | Delete

}),

[167] Fix | Delete

form = jQuery('<form></form>').append(input).on('click', function(e) {

[168] Fix | Delete

e.stopPropagation();

[169] Fix | Delete

});

[170] Fix | Delete

[171] Fix | Delete

return jQuery('<div class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only elfinder-tabstop elfinder-focus"><span class="ui-button-text">'+fm.i18n(caption)+'</span></div>')

[172] Fix | Delete

.append(form)

[173] Fix | Delete

.on('click', function(e) {

[174] Fix | Delete

e.stopPropagation();

[175] Fix | Delete

e.preventDefault();

[176] Fix | Delete

input.trigger('click');

[177] Fix | Delete

})

[178] Fix | Delete

.on('mouseenter mouseleave', function(e) {

[179] Fix | Delete

jQuery(this).toggleClass(hover, e.type === 'mouseenter');

[180] Fix | Delete

});

[181] Fix | Delete

},

[182] Fix | Delete

dfrd = jQuery.Deferred(),

[183] Fix | Delete

dialog, dropbox, pastebox, dropUpload, paste, dirs, spinner, uidialog;

[184] Fix | Delete

[185] Fix | Delete

dropUpload = function(e) {

[186] Fix | Delete

e.stopPropagation();

[187] Fix | Delete

e.preventDefault();

[188] Fix | Delete

var file = false,

[189] Fix | Delete

type = '',

[190] Fix | Delete

elfFrom = null,

[191] Fix | Delete

mycwd = '',

[192] Fix | Delete

data = null,

[193] Fix | Delete

target = e._target || null,

[194] Fix | Delete

trf = e.dataTransfer || null,

[195] Fix | Delete

kind = '',

[196] Fix | Delete

errors;

[197] Fix | Delete

[198] Fix | Delete

if (trf) {

[199] Fix | Delete

if (trf.types && trf.types.length && jQuery.inArray('Files', trf.types) !== -1) {

[200] Fix | Delete

kind = 'file';

[201] Fix | Delete

}

[202] Fix | Delete

else if (trf.items && trf.items.length && trf.items[0].kind) {

[203] Fix | Delete

kind = trf.items[0].kind;

[204] Fix | Delete

}

[205] Fix | Delete

[206] Fix | Delete

try {

[207] Fix | Delete

elfFrom = trf.getData('elfinderfrom');

[208] Fix | Delete

if (elfFrom) {

[209] Fix | Delete

mycwd = window.location.href + fm.cwd().hash;

[210] Fix | Delete

if ((!target && elfFrom === mycwd) || target === mycwd) {

[211] Fix | Delete

dfrd.reject();

[212] Fix | Delete

return;

[213] Fix | Delete

}

[214] Fix | Delete

}

[215] Fix | Delete

} catch(e) {}

[216] Fix | Delete

[217] Fix | Delete

if (kind === 'file' && (trf.items[0].getAsEntry || trf.items[0].webkitGetAsEntry)) {

[218] Fix | Delete

file = trf;

[219] Fix | Delete

type = 'data';

[220] Fix | Delete

} else if (kind !== 'string' && trf.files && trf.files.length && jQuery.inArray('Text', trf.types) === -1) {

[221] Fix | Delete

file = trf.files;

[222] Fix | Delete

type = 'files';

[223] Fix | Delete

} else {

[224] Fix | Delete

try {

[225] Fix | Delete

if ((data = trf.getData('text/html')) && data.match(/<(?:img|a)/i)) {

[226] Fix | Delete

file = [ data ];

[227] Fix | Delete

type = 'html';

[228] Fix | Delete

}

[229] Fix | Delete

} catch(e) {}

[230] Fix | Delete

if (! file) {

[231] Fix | Delete

if (data = trf.getData('text')) {

[232] Fix | Delete

file = [ data ];

[233] Fix | Delete

type = 'text';

[234] Fix | Delete

} else if (trf && trf.files) {

[235] Fix | Delete

// maybe folder uploading but this UA dose not support it

[236] Fix | Delete

kind = 'file';

[237] Fix | Delete

}

[238] Fix | Delete

}

[239] Fix | Delete

}

[240] Fix | Delete

}

[241] Fix | Delete

if (file) {

[242] Fix | Delete

fmUpload({files : file, type : type, target : target, dropEvt : e});

[243] Fix | Delete

} else {

[244] Fix | Delete

errors = ['errUploadNoFiles'];

[245] Fix | Delete

if (kind === 'file') {

[246] Fix | Delete

errors.push('errFolderUpload');

[247] Fix | Delete

}

[248] Fix | Delete

fm.error(errors);

[249] Fix | Delete

dfrd.reject();

[250] Fix | Delete

}

[251] Fix | Delete

};

[252] Fix | Delete

[253] Fix | Delete

if (!targets && data) {

[254] Fix | Delete

if (data.input || data.files) {

[255] Fix | Delete

data.type = 'files';

[256] Fix | Delete

fmUpload(data);

[257] Fix | Delete

} else if (data.dropEvt) {

[258] Fix | Delete

dropUpload(data.dropEvt);

[259] Fix | Delete

}

[260] Fix | Delete

return dfrd;

[261] Fix | Delete

}

[262] Fix | Delete

[263] Fix | Delete

paste = function(ev) {

[264] Fix | Delete

var e = ev.originalEvent || ev;

[265] Fix | Delete

var files = [], items = [];

[266] Fix | Delete

var file;

[267] Fix | Delete

if (e.clipboardData) {

[268] Fix | Delete

if (e.clipboardData.items && e.clipboardData.items.length){

[269] Fix | Delete

items = e.clipboardData.items;

[270] Fix | Delete

for (var i=0; i < items.length; i++) {

[271] Fix | Delete

if (e.clipboardData.items[i].kind == 'file') {

[272] Fix | Delete

file = e.clipboardData.items[i].getAsFile();

[273] Fix | Delete

files.push(file);

[274] Fix | Delete

}

[275] Fix | Delete

}

[276] Fix | Delete

} else if (e.clipboardData.files && e.clipboardData.files.length) {

[277] Fix | Delete

files = e.clipboardData.files;

[278] Fix | Delete

}

[279] Fix | Delete

if (files.length) {

[280] Fix | Delete

upload({files : files, type : 'files', clipdata : true});

[281] Fix | Delete

return;

[282] Fix | Delete

}

[283] Fix | Delete

}

[284] Fix | Delete

var my = e.target || e.srcElement;

[285] Fix | Delete

requestAnimationFrame(function() {

[286] Fix | Delete

var type = 'text',

[287] Fix | Delete

src;

[288] Fix | Delete

if (my.innerHTML) {

[289] Fix | Delete

jQuery(my).find('img').each(function(i, v){

[290] Fix | Delete

if (v.src.match(/^webkit-fake-url:\/\//)) {

[291] Fix | Delete

// For Safari's bug.

[292] Fix | Delete

// ref. https://bugs.webkit.org/show_bug.cgi?id=49141

[293] Fix | Delete

// https://dev.ckeditor.com/ticket/13029

[294] Fix | Delete

jQuery(v).remove();

[295] Fix | Delete

}

[296] Fix | Delete

});

[297] Fix | Delete

[298] Fix | Delete

if (jQuery(my).find('a,img').length) {

[299] Fix | Delete

type = 'html';

[300] Fix | Delete

}

[301] Fix | Delete

src = my.innerHTML;

[302] Fix | Delete

my.innerHTML = '';

[303] Fix | Delete

upload({files : [ src ], type : type});

[304] Fix | Delete

}

[305] Fix | Delete

});

[306] Fix | Delete

};

[307] Fix | Delete

[308] Fix | Delete

dialog = jQuery('<div class="elfinder-upload-dialog-wrapper"></div>')

[309] Fix | Delete

.append(inputButton('multiple', 'selectForUpload'));

[310] Fix | Delete

[311] Fix | Delete

if (! fm.UA.Mobile && (function(input) {

[312] Fix | Delete

return (typeof input.webkitdirectory !== 'undefined' || typeof input.directory !== 'undefined');})(document.createElement('input'))) {

[313] Fix | Delete

dialog.append(inputButton('multiple webkitdirectory directory', 'selectFolder'));

[314] Fix | Delete

}

[315] Fix | Delete

[316] Fix | Delete

if (targetDir.dirs) {

[317] Fix | Delete

[318] Fix | Delete

if (targetDir.hash === cwdHash || fm.navHash2Elm(targetDir.hash).hasClass('elfinder-subtree-loaded')) {

[319] Fix | Delete

getSelector().appendTo(dialog);

[320] Fix | Delete

} else {

[321] Fix | Delete

spinner = jQuery('<div class="elfinder-upload-dirselect" title="' + fm.i18n('nowLoading') + '"></div>')

[322] Fix | Delete

.append('<span class="elfinder-button-icon elfinder-button-icon-spinner" ></span>')

[323] Fix | Delete

.appendTo(dialog);

[324] Fix | Delete

fm.request({cmd : 'tree', target : targetDir.hash})

[325] Fix | Delete

.done(function() {

[326] Fix | Delete

fm.one('treedone', function() {

[327] Fix | Delete

spinner.replaceWith(getSelector());

[328] Fix | Delete

uidialog.elfinderdialog('tabstopsInit');

[329] Fix | Delete

});

[330] Fix | Delete

})

[331] Fix | Delete

.fail(function() {

[332] Fix | Delete

spinner.remove();

[333] Fix | Delete

});

[334] Fix | Delete

}

[335] Fix | Delete

}

[336] Fix | Delete

[337] Fix | Delete

if (fm.dragUpload) {

[338] Fix | Delete

dropbox = jQuery('<div class="ui-corner-all elfinder-upload-dropbox elfinder-tabstop" contenteditable="true" data-ph="'+fm.i18n('dropPasteFiles')+'"></div>')

[339] Fix | Delete

.on('paste', function(e){

[340] Fix | Delete

paste(e);

[341] Fix | Delete

})

[342] Fix | Delete

.on('mousedown click', function(){

[343] Fix | Delete

jQuery(this).trigger('focus');

[344] Fix | Delete

})

[345] Fix | Delete

.on('focus', function(){

[346] Fix | Delete

this.innerHTML = '';

[347] Fix | Delete

})

[348] Fix | Delete

.on('mouseover', function(){

[349] Fix | Delete

jQuery(this).addClass(hover);

[350] Fix | Delete

})

[351] Fix | Delete

.on('mouseout', function(){

[352] Fix | Delete

jQuery(this).removeClass(hover);

[353] Fix | Delete

})

[354] Fix | Delete

.on('dragenter', function(e) {

[355] Fix | Delete

e.stopPropagation();

[356] Fix | Delete

e.preventDefault();

[357] Fix | Delete

jQuery(this).addClass(hover);

[358] Fix | Delete

})

[359] Fix | Delete

.on('dragleave', function(e) {

[360] Fix | Delete

e.stopPropagation();

[361] Fix | Delete

e.preventDefault();

[362] Fix | Delete

jQuery(this).removeClass(hover);

[363] Fix | Delete

})

[364] Fix | Delete

.on('dragover', function(e) {

[365] Fix | Delete

e.stopPropagation();

[366] Fix | Delete

e.preventDefault();

[367] Fix | Delete

e.originalEvent.dataTransfer.dropEffect = 'copy';

[368] Fix | Delete

jQuery(this).addClass(hover);

[369] Fix | Delete

})

[370] Fix | Delete

.on('drop', function(e) {

[371] Fix | Delete

dialog.elfinderdialog('close');

[372] Fix | Delete

targets && (e.originalEvent._target = targets[0]);

[373] Fix | Delete

dropUpload(e.originalEvent);

[374] Fix | Delete

})

[375] Fix | Delete

.prependTo(dialog)

[376] Fix | Delete

.after('<div class="elfinder-upload-dialog-or">'+fm.i18n('or')+'</div>')[0];

[377] Fix | Delete

[378] Fix | Delete

} else {

[379] Fix | Delete

pastebox = jQuery('<div class="ui-corner-all elfinder-upload-dropbox" contenteditable="true">'+fm.i18n('dropFilesBrowser')+'</div>')

[380] Fix | Delete

.on('paste drop', function(e){

[381] Fix | Delete

paste(e);

[382] Fix | Delete

})

[383] Fix | Delete

.on('mousedown click', function(){

[384] Fix | Delete

jQuery(this).trigger('focus');

[385] Fix | Delete

})

[386] Fix | Delete

.on('focus', function(){

[387] Fix | Delete

this.innerHTML = '';

[388] Fix | Delete

})

[389] Fix | Delete

.on('dragenter mouseover', function(){

[390] Fix | Delete

jQuery(this).addClass(hover);

[391] Fix | Delete

})

[392] Fix | Delete

.on('dragleave mouseout', function(){

[393] Fix | Delete

jQuery(this).removeClass(hover);

[394] Fix | Delete

})

[395] Fix | Delete

.prependTo(dialog)

[396] Fix | Delete

.after('<div class="elfinder-upload-dialog-or">'+fm.i18n('or')+'</div>')[0];

[397] Fix | Delete

[398] Fix | Delete

}

[399] Fix | Delete

[400] Fix | Delete

uidialog = this.fmDialog(dialog, {

[401] Fix | Delete

title : this.title + '<span class="elfinder-upload-target">' + (targetDir? ' - ' + fm.escape(targetDir.i18 || targetDir.name) : '') + '</span>',

[402] Fix | Delete

modal : true,

[403] Fix | Delete

resizable : false,

[404] Fix | Delete

destroyOnClose : true,

[405] Fix | Delete

propagationEvents : ['mousemove', 'mouseup', 'click'],

[406] Fix | Delete

close : function() {

[407] Fix | Delete

var cm = fm.getUI('contextmenu');

[408] Fix | Delete

if (cm.is(':visible')) {

[409] Fix | Delete

cm.click();

[410] Fix | Delete

}

[411] Fix | Delete

}

[412] Fix | Delete

});

[413] Fix | Delete

[414] Fix | Delete

return dfrd;

[415] Fix | Delete

};

[416] Fix | Delete

[417] Fix | Delete

};

[418] Fix | Delete

[419] Fix | Delete