/**
* @class elFinder toolbar button menu with sort variants.
*
* @author Dmitry (dio) Levashov
**/
jQuery.fn.elfindersortbutton = function(cmd) {
"use strict";
return this.each(function() {
var fm = cmd.fm,
name = cmd.name,
c = 'class',
disabled = fm.res(c, 'disabled'),
hover = fm.res(c, 'hover'),
item = 'elfinder-button-menu-item',
selected = item+'-selected',
asc = selected+'-asc',
desc = selected+'-desc',
text = jQuery(''+cmd.title+''),
button = jQuery(this).addClass('ui-state-default elfinder-button elfinder-menubutton elfiner-button-'+name)
.attr('title', cmd.title)
.append('', text)
.on('mouseenter mouseleave', function(e) { !button.hasClass(disabled) && button.toggleClass(hover, e.type === 'mouseenter'); })
.on('click', function(e) {
if (!button.hasClass(disabled)) {
e.stopPropagation();
menu.is(':hidden') && fm.getUI().click();
menu.css(getMenuOffset()).slideToggle({
duration: 100,
done: function(e) {
fm[menu.is(':visible')? 'toFront' : 'toHide'](menu);
}
});
}
}),
hide = function() { fm.toHide(menu); },
menu = jQuery('')
.hide()
.appendTo(fm.getUI())
.on('mouseenter mouseleave', '.'+item, function(e) { jQuery(this).toggleClass(hover, e.type === 'mouseenter'); })
.on('click', function(e) {
e.preventDefault();
e.stopPropagation();
})
.on('close', hide),
update = function() {
menu.children('[rel]').removeClass(selected+' '+asc+' '+desc)
.filter('[rel="'+fm.sortType+'"]')
.addClass(selected+' '+(fm.sortOrder == 'asc' ? asc : desc));
menu.children('.elfinder-sort-stick').toggleClass(selected, fm.sortStickFolders);
menu.children('.elfinder-sort-tree').toggleClass(selected, fm.sortAlsoTreeview);
},
getMenuOffset = function() {
var baseOffset = fm.getUI().offset(),
buttonOffset = button.offset();
return {
top : buttonOffset.top - baseOffset.top,
left : buttonOffset.left - baseOffset.left
};
},
tm;
text.hide();
jQuery.each(fm.sortRules, function(name, value) {
menu.append(jQuery(''+fm.i18n('sort'+name)+'
').data('type', name));
});
menu.children().on('click', function(e) {
cmd.exec([], jQuery(this).removeClass(hover).attr('rel'));
});
jQuery(''+fm.i18n('sortFoldersFirst')+'
')
.appendTo(menu)
.on('click', function() {
cmd.exec([], 'stick');
});
fm.one('init', function() {
if (fm.ui.tree && fm.options.sortAlsoTreeview !== null) {
jQuery(''+fm.i18n('sortAlsoTreeview')+'
')
.appendTo(menu)
.on('click', function() {
cmd.exec([], 'tree');
});
}
})
.bind('disable select', hide)
.bind('sortchange', update).getUI().on('click', hide);
if (menu.children().length > 1) {
cmd.change(function() {
tm && cancelAnimationFrame(tm);
tm = requestAnimationFrame(function() {
button.toggleClass(disabled, cmd.disabled());
update();
});
})
.change();
} else {
button.addClass(disabled);
}
});
};