/**

[0] Fix | Delete

* @class elFinder toolbar button menu with sort variants.

[1] Fix | Delete

*

[2] Fix | Delete

* @author Dmitry (dio) Levashov

[3] Fix | Delete

**/

[4] Fix | Delete

jQuery.fn.elfindersortbutton = function(cmd) {

[5] Fix | Delete

"use strict";

[6] Fix | Delete

return this.each(function() {

[7] Fix | Delete

var fm = cmd.fm,

[8] Fix | Delete

name = cmd.name,

[9] Fix | Delete

c = 'class',

[10] Fix | Delete

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

[11] Fix | Delete

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

[12] Fix | Delete

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

[13] Fix | Delete

selected = item+'-selected',

[14] Fix | Delete

asc = selected+'-asc',

[15] Fix | Delete

desc = selected+'-desc',

[16] Fix | Delete

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

[17] Fix | Delete

button = jQuery(this).addClass('ui-state-default elfinder-button elfinder-menubutton elfiner-button-'+name)

[18] Fix | Delete

.attr('title', cmd.title)

[19] Fix | Delete

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

[20] Fix | Delete

.on('mouseenter mouseleave', function(e) { !button.hasClass(disabled) && button.toggleClass(hover, e.type === 'mouseenter'); })

[21] Fix | Delete

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

[22] Fix | Delete

if (!button.hasClass(disabled)) {

[23] Fix | Delete

e.stopPropagation();

[24] Fix | Delete

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

[25] Fix | Delete

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

[26] Fix | Delete

duration: 100,

[27] Fix | Delete

done: function(e) {

[28] Fix | Delete

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

[29] Fix | Delete

}

[30] Fix | Delete

});

[31] Fix | Delete

}

[32] Fix | Delete

}),

[33] Fix | Delete

hide = function() { fm.toHide(menu); },

[34] Fix | Delete

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

[35] Fix | Delete

.hide()

[36] Fix | Delete

.appendTo(fm.getUI())

[37] Fix | Delete

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

[38] Fix | Delete

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

[39] Fix | Delete

e.preventDefault();

[40] Fix | Delete

e.stopPropagation();

[41] Fix | Delete

})

[42] Fix | Delete

.on('close', hide),

[43] Fix | Delete

update = function() {

[44] Fix | Delete

menu.children('[rel]').removeClass(selected+' '+asc+' '+desc)

[45] Fix | Delete

.filter('[rel="'+fm.sortType+'"]')

[46] Fix | Delete

.addClass(selected+' '+(fm.sortOrder == 'asc' ? asc : desc));

[47] Fix | Delete

[48] Fix | Delete

menu.children('.elfinder-sort-stick').toggleClass(selected, fm.sortStickFolders);

[49] Fix | Delete

menu.children('.elfinder-sort-tree').toggleClass(selected, fm.sortAlsoTreeview);

[50] Fix | Delete

},

[51] Fix | Delete

getMenuOffset = function() {

[52] Fix | Delete

var baseOffset = fm.getUI().offset(),

[53] Fix | Delete

buttonOffset = button.offset();

[54] Fix | Delete

return {

[55] Fix | Delete

top : buttonOffset.top - baseOffset.top,

[56] Fix | Delete

left : buttonOffset.left - baseOffset.left

[57] Fix | Delete

};

[58] Fix | Delete

},

[59] Fix | Delete

tm;

[60] Fix | Delete

[61] Fix | Delete

text.hide();

[62] Fix | Delete

[63] Fix | Delete

jQuery.each(fm.sortRules, function(name, value) {

[64] Fix | Delete

menu.append(jQuery('<div class="'+item+'" rel="'+name+'"><span class="ui-icon ui-icon-arrowthick-1-n"></span><span class="ui-icon ui-icon-arrowthick-1-s"></span>'+fm.i18n('sort'+name)+'</div>').data('type', name));

[65] Fix | Delete

});

[66] Fix | Delete

[67] Fix | Delete

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

[68] Fix | Delete

cmd.exec([], jQuery(this).removeClass(hover).attr('rel'));

[69] Fix | Delete

});

[70] Fix | Delete

[71] Fix | Delete

jQuery('<div class="'+item+' '+item+'-separated elfinder-sort-ext elfinder-sort-stick"><span class="ui-icon ui-icon-check"></span>'+fm.i18n('sortFoldersFirst')+'</div>')

[72] Fix | Delete

.appendTo(menu)

[73] Fix | Delete

.on('click', function() {

[74] Fix | Delete

cmd.exec([], 'stick');

[75] Fix | Delete

});

[76] Fix | Delete

[77] Fix | Delete

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

[78] Fix | Delete

if (fm.ui.tree && fm.options.sortAlsoTreeview !== null) {

[79] Fix | Delete

jQuery('<div class="'+item+' '+item+'-separated elfinder-sort-ext elfinder-sort-tree"><span class="ui-icon ui-icon-check"></span>'+fm.i18n('sortAlsoTreeview')+'</div>')

[80] Fix | Delete

.appendTo(menu)

[81] Fix | Delete

.on('click', function() {

[82] Fix | Delete

cmd.exec([], 'tree');

[83] Fix | Delete

});

[84] Fix | Delete

}

[85] Fix | Delete

})

[86] Fix | Delete

.bind('disable select', hide)

[87] Fix | Delete

.bind('sortchange', update).getUI().on('click', hide);

[88] Fix | Delete

[89] Fix | Delete

if (menu.children().length > 1) {

[90] Fix | Delete

cmd.change(function() {

[91] Fix | Delete

tm && cancelAnimationFrame(tm);

[92] Fix | Delete

tm = requestAnimationFrame(function() {

[93] Fix | Delete

button.toggleClass(disabled, cmd.disabled());

[94] Fix | Delete

update();

[95] Fix | Delete

});

[96] Fix | Delete

})

[97] Fix | Delete

.change();

[98] Fix | Delete

} else {

[99] Fix | Delete

button.addClass(disabled);

[100] Fix | Delete

}

[101] Fix | Delete

[102] Fix | Delete

});

[103] Fix | Delete

[104] Fix | Delete

};

[105] Fix | Delete

[106] Fix | Delete