/**
* @class elFinder dialog
*
* @author Dmitry (dio) Levashov
**/
jQuery.fn.elfinderdialog = function(opts, fm) {
"use strict";
var platformWin = (window.navigator.platform.indexOf('Win') != -1),
delta = {},
syncSize = { enabled: false, width: false, height: false, defaultSize: null },
fitSize = function(dialog) {
var opts, node;
if (syncSize.enabled) {
node = fm.options.dialogContained? elfNode : jQuery(window);
opts = {
maxWidth : syncSize.width? node.width() - delta.width : null,
maxHeight: syncSize.height? node.height() - delta.height : null
};
Object.assign(restoreStyle, opts);
dialog.css(opts).trigger('resize');
if (dialog.data('hasResizable') && (dialog.resizable('option', 'maxWidth') < opts.maxWidth || dialog.resizable('option', 'maxHeight') < opts.maxHeight)) {
dialog.resizable('option', opts);
}
}
},
syncFunc = function(e) {
var dialog = e.data;
syncTm && cancelAnimationFrame(syncTm);
syncTm = requestAnimationFrame(function() {
var opts, offset;
if (syncSize.enabled) {
fitSize(dialog);
}
});
},
checkEditing = function() {
var cldialog = 'elfinder-dialog',
dialogs = elfNode.children('.' + cldialog + '.' + fm.res('class', 'editing') + ':visible');
fm[dialogs.length? 'disable' : 'enable']();
},
propagationEvents = {},
syncTm, dialog, elfNode, restoreStyle;
if (fm && fm.ui) {
elfNode = fm.getUI();
} else {
elfNode = this.closest('.elfinder');
if (! fm) {
fm = elfNode.elfinder('instance');
}
}
if (typeof opts === 'string') {
if ((dialog = this.closest('.ui-dialog')).length) {
if (opts === 'open') {
if (dialog.css('display') === 'none') {
// Need dialog.show() and hide() to detect elements size in open() callbacks
dialog.trigger('posinit').show().trigger('open').hide();
dialog.fadeIn(120, function() {
fm.trigger('dialogopened', {dialog: dialog});
});
}
} else if (opts === 'close' || opts === 'destroy') {
dialog.stop(true);
if (dialog.is(':visible') || elfNode.is(':hidden')) {
dialog.trigger('close');
fm.trigger('dialogclosed', {dialog: dialog});
}
if (opts === 'destroy') {
dialog.remove();
fm.trigger('dialogremoved', {dialog: dialog});
} else if (dialog.data('minimized')) {
dialog.data('minimized').close();
}
} else if (opts === 'toTop') {
dialog.trigger('totop');
fm.trigger('dialogtotoped', {dialog: dialog});
} else if (opts === 'posInit') {
dialog.trigger('posinit');
fm.trigger('dialogposinited', {dialog: dialog});
} else if (opts === 'tabstopsInit') {
dialog.trigger('tabstopsInit');
fm.trigger('dialogtabstopsinited', {dialog: dialog});
} else if (opts === 'checkEditing') {
checkEditing();
}
}
return this;
}
opts = Object.assign({}, jQuery.fn.elfinderdialog.defaults, opts);
if (opts.allowMinimize && opts.allowMinimize === 'auto') {
opts.allowMinimize = this.find('textarea,input').length? true : false;
}
opts.openMaximized = opts.allowMinimize && opts.openMaximized;
if (opts.headerBtnPos && opts.headerBtnPos === 'auto') {
opts.headerBtnPos = platformWin? 'right' : 'left';
}
if (opts.headerBtnOrder && opts.headerBtnOrder === 'auto') {
opts.headerBtnOrder = platformWin? 'close:maximize:minimize' : 'close:minimize:maximize';
}
if (opts.modal && opts.allowMinimize) {
opts.allowMinimize = false;
}
if (fm.options.dialogContained) {
syncSize.width = syncSize.height = syncSize.enabled = true;
} else {
syncSize.width = (opts.maxWidth === 'window');
syncSize.height = (opts.maxHeight === 'window');
if (syncSize.width || syncSize.height) {
syncSize.enabled = true;
}
}
propagationEvents = fm.arrayFlip(opts.propagationEvents, true);
this.filter(':not(.ui-dialog-content)').each(function() {
var self = jQuery(this).addClass('ui-dialog-content ui-widget-content'),
clactive = 'elfinder-dialog-active',
cldialog = 'elfinder-dialog',
clnotify = 'elfinder-dialog-notify',
clhover = 'ui-state-hover',
cltabstop = 'elfinder-tabstop',
cl1stfocus = 'elfinder-focus',
clmodal = 'elfinder-dialog-modal',
id = parseInt(Math.random()*1000000),
titlebar = jQuery('<div class="ui-dialog-titlebar ui-widget-header ui-corner-top ui-helper-clearfix"><span class="elfinder-dialog-title">'+opts.title+'</span></div>'),
buttonset = jQuery('<div class="ui-dialog-buttonset"></div>'),
buttonpane = jQuery('<div class=" ui-helper-clearfix ui-dialog-buttonpane ui-widget-content"></div>')
.append(buttonset),
btnWidth = 0,
btnCnt = 0,
tabstops = jQuery(),
evCover = jQuery('<div style="width:100%;height:100%;position:absolute;top:0px;left:0px;"></div>').hide(),
numberToTel = function() {
if (opts.optimizeNumber) {
dialog.find('input[type=number]').each(function() {
jQuery(this).attr('inputmode', 'numeric');
jQuery(this).attr('pattern', '[0-9]*');
});
}
},
tabstopsInit = function() {
tabstops = dialog.find('.'+cltabstop);
if (tabstops.length) {
tabstops.attr('tabindex', '-1');
if (! tabstops.filter('.'+cl1stfocus).length) {
buttonset.children('.'+cltabstop+':'+(platformWin? 'first' : 'last')).addClass(cl1stfocus);
}
}
},
tabstopNext = function(cur) {
var elms = tabstops.filter(':visible:enabled'),
node = cur? null : elms.filter('.'+cl1stfocus+':first');
if (! node || ! node.length) {
node = elms.first();
}
if (cur) {
jQuery.each(elms, function(i, elm) {
if (elm === cur && elms[i+1]) {
node = elms.eq(i+1);
return false;
}
});
}
return node;
},
tabstopPrev = function(cur) {
var elms = tabstops.filter(':visible:enabled'),
node = elms.last();
jQuery.each(elms, function(i, elm) {
if (elm === cur && elms[i-1]) {
node = elms.eq(i-1);
return false;
}
});
return node;
},
makeHeaderBtn = function() {
jQuery.each(opts.headerBtnOrder.split(':').reverse(), function(i, v) {
headerBtns[v] && headerBtns[v]();
});
if (platformWin) {
titlebar.children('.elfinder-titlebar-button').addClass('elfinder-titlebar-button-right');
}
},
headerBtns = {
close: function() {
titlebar.prepend(jQuery('<span class="ui-widget-header ui-dialog-titlebar-close ui-corner-all elfinder-titlebar-button"><span class="ui-icon ui-icon-closethick"></span></span>')
.on('mousedown touchstart', function(e) {
e.preventDefault();
e.stopPropagation();
self.elfinderdialog('close');
})
);
},
maximize: function() {
if (opts.allowMaximize) {
dialog.on('resize', function(e, data) {
var full, elm;
e.preventDefault();
e.stopPropagation();
if (data && data.maximize) {
elm = titlebar.find('.elfinder-titlebar-full');
full = (data.maximize === 'on');
elm.children('span.ui-icon')
.toggleClass('ui-icon-plusthick', ! full)
.toggleClass('ui-icon-arrowreturnthick-1-s', full);
if (full) {
try {
dialog.hasClass('ui-draggable') && dialog.draggable('disable');
dialog.hasClass('ui-resizable') && dialog.resizable('disable');
} catch(e) {}
self.css('width', '100%').css('height', dialog.height() - dialog.children('.ui-dialog-titlebar').outerHeight(true) - buttonpane.outerHeight(true));
} else {
self.attr('style', elm.data('style'));
elm.removeData('style');
posCheck();
try {
dialog.hasClass('ui-draggable') && dialog.draggable('enable');
dialog.hasClass('ui-resizable') && dialog.resizable('enable');
} catch(e) {}
}
dialog.trigger('resize', {init: true});
}
});
}
},
minimize: function() {
var btn, mnode, doffset;
if (opts.allowMinimize) {
btn = jQuery('<span class="ui-widget-header ui-corner-all elfinder-titlebar-button elfinder-titlebar-minimize"><span class="ui-icon ui-icon-minusthick"></span></span>')
.on('mousedown touchstart', function(e) {
var $this = jQuery(this),
tray = fm.getUI('bottomtray'),
dumStyle = { width: 70, height: 24 },
dum = jQuery('<div></div>').css(dumStyle).addClass(dialog.get(0).className + ' elfinder-dialog-minimized'),
close = function() {
mnode.remove();
dialog.removeData('minimized').show();
self.elfinderdialog('close');
},
pos = {};
e.preventDefault();
e.stopPropagation();
if (!dialog.data('minimized')) {
// minimize
doffset = dialog.data('minimized', {
dialog : function() { return mnode; },
show : function() { mnode.show(); },
hide : function() { mnode.hide(); },
close : close,
title : function(v) { mnode.children('.ui-dialog-titlebar').children('.elfinder-dialog-title').text(v); }
}).position();
mnode = dialog.clone().on('mousedown', function() {
$this.trigger('mousedown');
}).removeClass('ui-draggable ui-resizable elfinder-frontmost');
tray.append(dum);
Object.assign(pos, dum.offset(), dumStyle);
dum.remove();
mnode.height(dialog.height()).children('.ui-dialog-content:first').empty();
fm.toHide(dialog.before(mnode));
mnode.children('.ui-dialog-content:first,.ui-dialog-buttonpane,.ui-resizable-handle').remove();
mnode.find('.elfinder-titlebar-minimize,.elfinder-titlebar-full').remove();
mnode.find('.ui-dialog-titlebar-close').on('mousedown', function(e) {
e.stopPropagation();
e.preventDefault();
close();
});
mnode.animate(pos, function() {
mnode.attr('style', '')
.css({ maxWidth: dialog.width() })
.addClass('elfinder-dialog-minimized')
.appendTo(tray);
checkEditing();
typeof(opts.minimize) === 'function' && opts.minimize.call(self[0]);
});
} else {
//restore
dialog.removeData('minimized').before(mnode.css(Object.assign({'position': 'absolute'}, mnode.offset())));
fm.toFront(mnode);
mnode.animate(Object.assign({ width: dialog.width(), height: dialog.height() }, doffset), function() {
dialog.show();
fm.toFront(dialog);
mnode.remove();
posCheck();
checkEditing();
dialog.trigger('resize', {init: true});
typeof(opts.minimize) === 'function' && opts.minimize.call(self[0]);
});
}
});
titlebar.on('dblclick', function(e) {
jQuery(this).children('.elfinder-titlebar-minimize').trigger('mousedown');
}).prepend(btn);
dialog.on('togleminimize', function() {
btn.trigger('mousedown');
});
}
}
},
dialog = jQuery('<div class="ui-front ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable std42-dialog touch-punch '+cldialog+' '+opts.cssClass+'"></div>')
.hide()
.append(self)
.appendTo(elfNode)
.draggable({
containment : fm.options.dialogContained? elfNode : null,
handle : '.ui-dialog-titlebar',
start : function() {
evCover.show();
},
drag : function(e, ui) {
var top = ui.offset.top,
left = ui.offset.left;
if (top < 0) {
ui.position.top = ui.position.top - top;
}
if (left < 0) {
ui.position.left = ui.position.left - left;
}
if (fm.options.dialogContained) {
ui.position.top < 0 && (ui.position.top = 0);
ui.position.left < 0 && (ui.position.left = 0);
}
},
stop : function(e, ui) {
evCover.hide();
dialog.css({height : opts.height});
self.data('draged', true);
}
})
.css({
width : opts.width,
height : opts.height,
minWidth : opts.minWidth,
minHeight : opts.minHeight,
maxWidth : opts.maxWidth,
maxHeight : opts.maxHeight
})
.on('touchstart touchmove touchend click dblclick mouseup mouseenter mouseleave mouseout mouseover mousemove', function(e) {
// stopPropagation of user action events
!propagationEvents[e.type] && e.stopPropagation();
})
.on('mousedown', function(e) {
!propagationEvents[e.type] && e.stopPropagation();
requestAnimationFrame(function() {
if (dialog.is(':visible') && !dialog.hasClass('elfinder-frontmost')) {
toFocusNode = jQuery(':focus');
if (!toFocusNode.length) {
toFocusNode = void(0);
}
dialog.trigger('totop');
}
});
})
.on('open', function() {
dialog.data('margin-y', self.outerHeight(true) - self.height());
if (syncSize.enabled) {
if (opts.height && opts.height !== 'auto') {
dialog.trigger('resize', {init: true});
}
if (!syncSize.defaultSize) {
syncSize.defaultSize = { width: self.width(), height: self.height() };
}
fitSize(dialog);
dialog.trigger('resize').trigger('posinit');
elfNode.on('resize.'+fm.namespace, dialog, syncFunc);
}
if (!dialog.hasClass(clnotify)) {
elfNode.children('.'+cldialog+':visible:not(.'+clnotify+')').each(function() {
var d = jQuery(this),
top = parseInt(d.css('top')),
left = parseInt(d.css('left')),
_top = parseInt(dialog.css('top')),
_left = parseInt(dialog.css('left')),
ct = Math.abs(top - _top) < 10,
cl = Math.abs(left - _left) < 10;
if (d[0] != dialog[0] && (ct || cl)) {
dialog.css({
top : ct ? (top + 10) : _top,
left : cl ? (left + 10) : _left
});
}
});
}
if (dialog.data('modal')) {
dialog.addClass(clmodal);
fm.getUI('overlay').elfinderoverlay('show');
}
dialog.trigger('totop');
opts.openMaximized && fm.toggleMaximize(dialog);
fm.trigger('dialogopen', {dialog: dialog});
typeof(opts.open) == 'function' && jQuery.proxy(opts.open, self[0])();
if (opts.closeOnEscape) {
jQuery(document).on('keydown.'+id, function(e) {
if (e.keyCode == jQuery.ui.keyCode.ESCAPE && dialog.hasClass('elfinder-frontmost')) {
self.elfinderdialog('close');
}
});
}
dialog.hasClass(fm.res('class', 'editing')) && checkEditing();
})
.on('close', function(e) {
var dialogs, dfd;
if (opts.beforeclose && typeof opts.beforeclose === 'function') {
dfd = opts.beforeclose();
if (!dfd || !dfd.promise) {
dfd = !dfd? jQuery.Deferred().reject() : jQuery.Deferred().resolve();
}
} else {
dfd = jQuery.Deferred().resolve();
}
dfd.done(function() {
syncSize.enabled && elfNode.off('resize.'+fm.namespace, syncFunc);
if (opts.closeOnEscape) {
jQuery(document).off('keyup.'+id);
}
if (opts.allowMaximize) {
fm.toggleMaximize(dialog, false);
}
fm.toHide(dialog);
dialog.data('modal') && fm.getUI('overlay').elfinderoverlay('hide');
if (typeof(opts.close) == 'function') {
jQuery.proxy(opts.close, self[0])();
}
if (opts.destroyOnClose && dialog.parent().length) {
dialog.hide().remove();
}
// get focus to next dialog
dialogs = elfNode.children('.'+cldialog+':visible');
dialog.hasClass(fm.res('class', 'editing')) && checkEditing();
});
})
.on('totop frontmost', function() {
var s = fm.storage('autoFocusDialog');
dialog.data('focusOnMouseOver', s? (s > 0) : fm.options.uiOptions.dialog.focusOnMouseOver);
if (dialog.data('minimized')) {
titlebar.children('.elfinder-titlebar-minimize').trigger('mousedown');
}
if (!dialog.data('modal') && fm.getUI('overlay').is(':visible')) {
fm.getUI('overlay').before(dialog);
} else {
fm.toFront(dialog);
}
elfNode.children('.'+cldialog+':not(.'+clmodal+')').removeClass(clactive);
dialog.addClass(clactive);
! fm.UA.Mobile