Edit File by line

/**

[0] Fix | Delete

* @class elFinder toolbar button widget.

[1] Fix | Delete

* If command has variants - create menu

[2] Fix | Delete

[3] Fix | Delete

* @author Dmitry (dio) Levashov

[4] Fix | Delete

**/

[5] Fix | Delete

jQuery.fn.elfinderbutton = function(cmd) {

[6] Fix | Delete

"use strict";

[7] Fix | Delete

return this.each(function() {

[8] Fix | Delete

[9] Fix | Delete

var c = 'class',

[10] Fix | Delete

fm = cmd.fm,

[11] Fix | Delete

disabled = fm.res(c, 'disabled'),

[12] Fix | Delete

active = fm.res(c, 'active'),

[13] Fix | Delete

hover = fm.res(c, 'hover'),

[14] Fix | Delete

item = 'elfinder-button-menu-item',

[15] Fix | Delete

selected = 'elfinder-button-menu-item-selected',

[16] Fix | Delete

menu,

[17] Fix | Delete

text = jQuery('<span class="elfinder-button-text">'+cmd.title+'</span>'),

[18] Fix | Delete

prvCname = cmd.className? cmd.className : cmd.name,

[19] Fix | Delete

button = jQuery(this).addClass('ui-state-default elfinder-button tool-op-'+prvCname)

[20] Fix | Delete

.attr('title', cmd.title)

[21] Fix | Delete

.append('<span class="elfinder-button-icon elfinder-button-icon-' + prvCname + '"></span>', text)

[22] Fix | Delete

.on('mouseenter mouseleave', function(e) { !button.hasClass(disabled) && button[e.type == 'mouseleave' ? 'removeClass' : 'addClass'](hover);})

[23] Fix | Delete

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

[24] Fix | Delete

if (!button.hasClass(disabled)) {

[25] Fix | Delete

if (menu && cmd.variants.length >= 1) {

[26] Fix | Delete

// close other menus

[27] Fix | Delete

menu.is(':hidden') && fm.getUI().click();

[28] Fix | Delete

e.stopPropagation();

[29] Fix | Delete

menu.css(getMenuOffset()).slideToggle({

[30] Fix | Delete

duration: 100,

[31] Fix | Delete

done: function(e) {

[32] Fix | Delete

fm[menu.is(':visible')? 'toFront' : 'toHide'](menu);

[33] Fix | Delete

}

[34] Fix | Delete

});

[35] Fix | Delete

} else {

[36] Fix | Delete

fm.exec(cmd.name, getSelected(), {_userAction: true, _currentType: 'toolbar', _currentNode: button });

[37] Fix | Delete

}

[38] Fix | Delete

[39] Fix | Delete

}

[40] Fix | Delete

}),

[41] Fix | Delete

hideMenu = function() {

[42] Fix | Delete

fm.toHide(menu);

[43] Fix | Delete

[44] Fix | Delete

getMenuOffset = function() {

[45] Fix | Delete

var fmNode = fm.getUI(),

[46] Fix | Delete

baseOffset = fmNode.offset(),

[47] Fix | Delete

buttonOffset = button.offset();

[48] Fix | Delete

return {

[49] Fix | Delete

top : buttonOffset.top - baseOffset.top,

[50] Fix | Delete

left : buttonOffset.left - baseOffset.left,

[51] Fix | Delete

maxHeight : fmNode.height() - 40

[52] Fix | Delete

};

[53] Fix | Delete

[54] Fix | Delete

getSelected = function() {

[55] Fix | Delete

var sel = fm.selected(),

[56] Fix | Delete

cwd;

[57] Fix | Delete

if (!sel.length) {

[58] Fix | Delete

if (cwd = fm.cwd()) {

[59] Fix | Delete

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

[60] Fix | Delete

} else {

[61] Fix | Delete

sel = void(0);

[62] Fix | Delete

}

[63] Fix | Delete

}

[64] Fix | Delete

return sel;

[65] Fix | Delete

[66] Fix | Delete

tm;

[67] Fix | Delete

[68] Fix | Delete

text.hide();

[69] Fix | Delete

[70] Fix | Delete

// set self button object to cmd object

[71] Fix | Delete

cmd.button = button;

[72] Fix | Delete

[73] Fix | Delete

// if command has variants create menu

[74] Fix | Delete

if (Array.isArray(cmd.variants)) {

[75] Fix | Delete

button.addClass('elfinder-menubutton');

[76] Fix | Delete

[77] Fix | Delete

menu = jQuery('<div class="ui-front ui-widget ui-widget-content elfinder-button-menu elfinder-button-' + prvCname + '-menu ui-corner-all"></div>')

[78] Fix | Delete

.hide()

[79] Fix | Delete

.appendTo(fm.getUI())

[80] Fix | Delete

.on('mouseenter mouseleave', '.'+item, function() { jQuery(this).toggleClass(hover); })

[81] Fix | Delete

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

[82] Fix | Delete

var opts = jQuery(this).data('value');

[83] Fix | Delete

e.preventDefault();

[84] Fix | Delete

e.stopPropagation();

[85] Fix | Delete

button.removeClass(hover);

[86] Fix | Delete

fm.toHide(menu);

[87] Fix | Delete

if (typeof opts === 'undefined') {

[88] Fix | Delete

opts = {};

[89] Fix | Delete

}

[90] Fix | Delete

if (typeof opts === 'object') {

[91] Fix | Delete

opts._userAction = true;

[92] Fix | Delete

}

[93] Fix | Delete

fm.exec(cmd.name, getSelected(), opts);

[94] Fix | Delete

})

[95] Fix | Delete

.on('close', hideMenu);

[96] Fix | Delete

[97] Fix | Delete

fm.bind('disable select', hideMenu).getUI().on('click', hideMenu);

[98] Fix | Delete

[99] Fix | Delete

cmd.change(function() {

[100] Fix | Delete

menu.html('');

[101] Fix | Delete

jQuery.each(cmd.variants, function(i, variant) {

[102] Fix | Delete

menu.append(jQuery('<div class="'+item+'">'+variant[1]+'</div>').data('value', variant[0]).addClass(variant[0] == cmd.value ? selected : ''));

[103] Fix | Delete

});

[104] Fix | Delete

});

[105] Fix | Delete

}

[106] Fix | Delete

[107] Fix | Delete

cmd.change(function() {

[108] Fix | Delete

var cName;

[109] Fix | Delete

tm && cancelAnimationFrame(tm);

[110] Fix | Delete

tm = requestAnimationFrame(function() {

[111] Fix | Delete

if (cmd.disabled()) {

[112] Fix | Delete

button.removeClass(active+' '+hover).addClass(disabled);

[113] Fix | Delete

} else {

[114] Fix | Delete

button.removeClass(disabled);

[115] Fix | Delete

button[cmd.active() ? 'addClass' : 'removeClass'](active);

[116] Fix | Delete

}

[117] Fix | Delete

if (cmd.syncTitleOnChange) {

[118] Fix | Delete

cName = cmd.className? cmd.className : cmd.name;

[119] Fix | Delete

if (prvCname !== cName) {

[120] Fix | Delete

button.children('.elfinder-button-icon').removeClass('elfinder-button-icon-' + prvCname).addClass('elfinder-button-icon-' + cName);

[121] Fix | Delete

if (menu) {

[122] Fix | Delete

menu.removeClass('elfinder-button-' + prvCname + '-menu').addClass('elfinder-button-' + cName + '-menu');

[123] Fix | Delete

}

[124] Fix | Delete

prvCname = cName;

[125] Fix | Delete

}

[126] Fix | Delete

text.html(cmd.title);

[127] Fix | Delete

button.attr('title', cmd.title);

[128] Fix | Delete

}

[129] Fix | Delete

});

[130] Fix | Delete

})

[131] Fix | Delete

.change();

[132] Fix | Delete

});

[133] Fix | Delete

};

[134] Fix | Delete

[135] Fix | Delete