0x2620/cablegates
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

adding select element for sorting lists

Browse source
This commit is contained in:
rolux 2010-12-27 05:01:45 +00:00
parent b9b8b4878f
commit 98a406bcfb
1 changed files with 39 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
static/js/pandora.js
View file

@ -240,14 +240,15 @@ var pandora = new Ox.App({
} }
}); });
} else if (action == 'reset') { } else if (action == 'reset') {
var usernameOrEmail = data.usernameOrEmail; var usernameOrEmail = data.usernameOrEmail,
key = usernameOrEmail[0].id;
data = {}; data = {};
data[usernameOrEmail[0].id] = usernameOrEmail[1]; data[key] = usernameOrEmail[1];
pandora.api.requestToken(data, function(result) { pandora.api.requestToken(data, function(result) {
if (!result.data.errors) { if (!result.data.errors) {
app.$ui.accountDialog.options(ui.accountDialogOptions('resetAndLogin', result.data.username)); app.$ui.accountDialog.options(ui.accountDialogOptions('resetAndLogin', result.data.username));
} else { } else {
callback([{id: 'usernameOrEmail', message: result.data.errors.username_or_email}]) callback([{id: 'usernameOrEmail', message: 'Unknown ' + (key == 'username' ? 'username' : 'e-mail address')}])
} }
}); });
} else if (action == 'resetAndLogin') { } else if (action == 'resetAndLogin') {
@ -1620,6 +1621,7 @@ var pandora = new Ox.App({
var id = data.checked[0].id, var id = data.checked[0].id,
operator = Ox.getObjectById(app.config.sortKeys, id).operator; operator = Ox.getObjectById(app.config.sortKeys, id).operator;
app.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + (operator === '' ? 'ascending' : 'descending')); app.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + (operator === '' ? 'ascending' : 'descending'));
app.$ui.sortSelect.selectItem(id);
app.$ui.list.sortList(id, operator); app.$ui.list.sortList(id, operator);
} else if (data.id == 'viewmovies') { } else if (data.id == 'viewmovies') {
var view = data.checked[0].id; var view = data.checked[0].id;
@ -1631,7 +1633,7 @@ var pandora = new Ox.App({
var $dialog = new Ox.Dialog({ var $dialog = new Ox.Dialog({
buttons: [ buttons: [
new Ox.Button({ new Ox.Button({
id: 'closeAbout', id: 'close',
title: 'Close' title: 'Close'
}).bindEvent({ }).bindEvent({
click: function() { click: function() {
@ -1646,7 +1648,7 @@ var pandora = new Ox.App({
var $dialog = new Ox.Dialog({ var $dialog = new Ox.Dialog({
buttons: [ buttons: [
new Ox.Button({ new Ox.Button({
id: 'closeHome', id: 'close',
title: 'Close' title: 'Close'
}).bindEvent({ }).bindEvent({
click: function() { click: function() {
@ -1656,6 +1658,7 @@ var pandora = new Ox.App({
], ],
height: 498, height: 498,
id: 'home', id: 'home',
keys: {enter: 'close', escape: 'close'},
title: app.config.site.name, title: app.config.site.name,
width: 800 width: 800
}).open(); }).open();
@ -2085,6 +2088,32 @@ var pandora = new Ox.App({
}); });
return that; return that;
}, },
sortSelect: function() {
var that = new Ox.Select({
id: 'sortSelect',
items: $.map(app.config.sortKeys, function(key) {
Ox.print('????', app.user.ui.sort.key, key.id)
return $.extend($.extend({}, key), {
checked: app.user.ui.sort[0].key == key.id,
title: 'Sort by ' + key.title
});
}),
width: 144
})
.css({
float: 'left',
margin: '4px 0 0 4px'
})
.bindEvent('change', function(event, data) {
var id = data.selected[0].id,
operator = Ox.getObjectById(app.config.sortKeys, id).operator;
app.user.ui.listView = id;
app.$ui.mainMenu.checkItem('sortMenu_sortmovies_' + id);
app.$ui.mainMenu.checkItem('sortMenu_ordermovies_' + (operator === '' ? 'ascending' : 'descending'));
app.$ui.list.sortList(id, operator);
});
return that;
},
status: function(key, data) { status: function(key, data) {
var that = Ox.toTitleCase(key) + ': ' + [ var that = Ox.toTitleCase(key) + ': ' + [
Ox.formatNumber(data.items) + ' movie' + (data.items != 1 ? 's' : ''), Ox.formatNumber(data.items) + ' movie' + (data.items != 1 ? 's' : ''),
@ -2128,6 +2157,9 @@ var pandora = new Ox.App({
.append( .append(
app.$ui.viewSelect = ui.viewSelect() app.$ui.viewSelect = ui.viewSelect()
) )
.append(
app.$ui.sortSelect = ui.sortSelect()
)
.append( .append(
app.$ui.findElement = ui.findElement() app.$ui.findElement = ui.findElement()
); );
@ -2139,7 +2171,7 @@ var pandora = new Ox.App({
viewSelect: function() { viewSelect: function() {
var that = new Ox.Select({ var that = new Ox.Select({
id: 'viewSelect', id: 'viewSelect',
items: $.map(app.config.listViews, function(view, i) { items: $.map(app.config.listViews, function(view) {
return $.extend($.extend({}, view), { return $.extend($.extend({}, view), {
checked: app.user.ui.listView == view.id, checked: app.user.ui.listView == view.id,
title: 'View ' + view.title title: 'View ' + view.title
@ -2149,7 +2181,7 @@ var pandora = new Ox.App({
}) })
.css({ .css({
float: 'left', float: 'left',
margin: '4px' margin: '4px 0 0 4px'
}) })
.bindEvent('change', function(event, data) { .bindEvent('change', function(event, data) {
var id = data.selected[0].id; var id = data.selected[0].id;