2011-10-30 21:21:26 +00:00
|
|
|
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
|
|
|
2011-11-05 17:04:10 +00:00
|
|
|
'use strict';
|
|
|
|
|
2011-10-30 21:21:26 +00:00
|
|
|
pandora.ui.sortMenu = function() {
|
|
|
|
|
2011-12-20 07:20:23 +00:00
|
|
|
// FIXME: unused
|
2011-10-31 14:22:28 +00:00
|
|
|
|
2011-12-20 07:20:23 +00:00
|
|
|
var that = Ox.MenuButton({
|
2012-05-24 08:22:56 +00:00
|
|
|
items: [].concat(
|
2011-10-30 21:21:26 +00:00
|
|
|
pandora.site.clipKeys.map(function(key) {
|
|
|
|
return Ox.extend(Ox.clone(key), {
|
|
|
|
checked: key.id == pandora.user.ui.itemSort[0].key,
|
|
|
|
id: key.id,
|
|
|
|
title: 'Sort by ' + key.title
|
|
|
|
});
|
|
|
|
}),
|
|
|
|
[
|
|
|
|
{},
|
|
|
|
{id: 'ascending', title: 'Ascending', checked: pandora.user.ui.itemSort[0].operator == '+'},
|
|
|
|
{id: 'descending', title: 'Descending', checked: pandora.user.ui.itemSort[0].operator == '-'}
|
|
|
|
]
|
|
|
|
),
|
|
|
|
tooltip: 'Sort clips',
|
|
|
|
type: 'image'
|
|
|
|
})
|
|
|
|
.css({float: 'left', margin: '2px'})
|
|
|
|
.bindEvent({
|
|
|
|
click: function(data) {
|
|
|
|
if (data.checked) {
|
|
|
|
if (['ascending', 'descending'].indexOf(data.id) > -1) {
|
|
|
|
pandora.UI.set('itemSort', [{
|
|
|
|
key: pandora.user.ui.itemSort[0].key,
|
|
|
|
operator: data.id == 'ascending' ? '+' : '-'
|
|
|
|
}]);
|
|
|
|
} else {
|
|
|
|
pandora.UI.set('itemSort', [{
|
|
|
|
key: data.id,
|
|
|
|
operator: pandora.getSortOperator(data.id)
|
|
|
|
}]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
pandora_itemsort: function() {
|
|
|
|
pandora.$ui.sortMenu.replaceWith(
|
|
|
|
pandora.$ui.sortMenu = pandora.ui.sortMenu()
|
|
|
|
);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
return that;
|
|
|
|
|
|
|
|
};
|