68 lines
2.2 KiB
JavaScript
68 lines
2.2 KiB
JavaScript
|
pandora.ui.siteDialog = function(section) {
|
||
|
|
|
||
|
|
var tabs = [
|
||
|
|
{id: 'about', title: 'About'},
|
||
|
|
{id: 'news', title: 'News'},
|
||
|
|
{id: 'tour', title: 'Take a Tour'},
|
||
|
|
{id: 'faq', title: 'Frequently Asked Questions'},
|
||
|
|
{id: 'tos', title: 'Terms of Service'},
|
||
|
|
{id: 'contact', title: 'Contact'},
|
||
|
|
{id: 'software', title: 'Software'}
|
||
|
|
];
|
||
|
|
Ox.getObjectById(tabs, section).selected = true;
|
||
|
|
var $tabPanel = Ox.TabPanel({
|
||
|
|
content: function(id) {
|
||
|
|
return Ox.SplitPanel({
|
||
|
|
elements: [
|
||
|
|
{
|
||
|
|
element: Ox.Element()
|
||
|
|
.css({padding: '16px'})
|
||
|
|
.append(
|
||
|
|
$('<img>')
|
||
|
|
.attr({src: '/static/png/logo256.png'})
|
||
|
|
.css({width: '128px'})
|
||
|
|
),
|
||
|
|
size: 144
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: Ox.Element()
|
||
|
|
.css({padding: '16px', overflowY: 'auto'})
|
||
|
|
.html(Ox.repeat(Ox.getObjectById(tabs, id).title + ' ', 200))
|
||
|
|
}
|
||
|
|
],
|
||
|
|
orientation: 'horizontal'
|
||
|
|
});
|
||
|
|
},
|
||
|
|
tabs: tabs
|
||
|
|
})
|
||
|
|
.bindEvent({
|
||
|
|
change: function(data) {
|
||
|
|
$dialog.options({
|
||
|
|
title: Ox.getObjectById(tabs, data.selected).title
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var $dialog = Ox.Dialog({
|
||
|
|
buttons: [
|
||
|
|
Ox.Button({
|
||
|
|
id: 'close',
|
||
|
|
title: 'Close'
|
||
|
|
}).bindEvent({
|
||
|
|
click: function() {
|
||
|
|
$dialog.close();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
],
|
||
|
|
//closeButton: true,
|
||
|
|
content: $tabPanel,
|
||
|
|
height: Math.round((window.innerHeight - 24) * 0.75),
|
||
|
|
//maximizeButton: true,
|
||
|
|
minHeight: 256,
|
||
|
|
minWidth: 640,
|
||
|
|
title: 'About',
|
||
|
|
width: Math.round(window.innerWidth * 0.75),
|
||
|
|
});
|
||
|
|
|
||
|
|
return $dialog;
|
||
|
|
|
||
|
|
};
|