0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

update preferences dialog

Browse source
This commit is contained in:
rolux 2011-10-18 17:08:35 +00:00
parent 283c6e6302
commit 5a849226c0
1 changed files with 47 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
static/js/pandora/ui/preferencesDialog.js
View file

@ -6,62 +6,72 @@ pandora.ui.preferencesDialog = function() {
];
var $tabPanel = Ox.TabPanel({
content: function(id) {
var content = Ox.Element().css({padding: '16px', overflowY: 'auto'});
var $content = Ox.Element()
.css({overflowY: 'auto'})
.append(
$('<img>')
.attr({src: '/static/png/icon64.png'})
.css({position: 'absolute', left: '16px', top: '16px'})
);
if (id == 'account') {
content.append(Ox.FormElementGroup({
elements: Ox.values(Ox.map(pandora.user.preferences, function(v, k) {
return Ox.Input({
id: k,
width: 400,
label: Ox.toTitleCase(k),
value: v
});
}))
}));
$content.append(
Ox.Form({
items: [
Ox.Input({
disabled: true,
id: 'username',
label: 'Username',
labelWidth: 120,
value: pandora.user.username,
width: 320
}),
Ox.Input({
id: 'password',
label: 'New Passowrd',
labelWidth: 120,
type: 'password',
width: 320
}),
Ox.Input({
id: 'email',
label: 'E-Mail Address',
labelWidth: 120,
value: pandora.user.email,
width: 320
})
]
})
.css({position: 'absolute', left: '96px', top: '16px'})
);
} else {
/*
content.append(Ox.FormElementGroup({
elements: [
Ox.Checkbox({
checked: true ,
id: 'showEpisodes',
title: 'Show Episodes',
width: 400
width: 320
}),
Ox.Checkbox({
checked: true ,
id: 'newsletter',
title: 'Receive Newsletter',
width: 400
width: 320
})
]
}));
*/
}
return Ox.SplitPanel({
elements: [
{
element: Ox.Element()
.css({padding: '16px'})
.append(
$('<img>')
.attr({src: '/static/png/logo256.png'})
.css({width: '128px'})
),
size: 144
},
{
element: content
}
],
orientation: 'horizontal'
});
return $content;
},
tabs: tabs
});
var $dialog = Ox.Dialog({
buttons: [
Ox.Button({
id: 'close',
title: 'Close'
id: 'done',
title: 'Done'
}).bindEvent({
click: function() {
$dialog.close();
@ -71,12 +81,12 @@ pandora.ui.preferencesDialog = function() {
],
//closeButton: true,
content: $tabPanel,
height: Math.round((window.innerHeight - 24) * 0.5),
height: 192,
//maximizeButton: true,
minHeight: 256,
minWidth: 640,
minHeight: 192,
minWidth: 432,
title: 'Preferences',
width: Math.round(window.innerWidth * 0.5),
width: 432
});
return $dialog;