diff --git a/static/js/pandora/ui/home.js b/static/js/pandora/ui/home.js index aa91b05d..615bdf63 100644 --- a/static/js/pandora/ui/home.js +++ b/static/js/pandora/ui/home.js @@ -79,7 +79,7 @@ pandora.ui.home = function() { }) .bindEvent({ submit: function(data) { - pandora.URL.set('/?find=' + data.value); + data.value && pandora.URL.set('/?find=' + data.value); that.fadeOutScreen(); } }) diff --git a/static/js/pandora/ui/preferencesDialog.js b/static/js/pandora/ui/preferencesDialog.js new file mode 100644 index 00000000..3dc6cd72 --- /dev/null +++ b/static/js/pandora/ui/preferencesDialog.js @@ -0,0 +1,62 @@ +pandora.ui.preferencesDialog = function() { + + var tabs = [ + {id: 'account', title: 'Account', selected: true}, + {id: 'settings', title: 'Settings'} + ]; + var $tabPanel = Ox.TabPanel({ + content: function(id) { + return Ox.SplitPanel({ + elements: [ + { + element: Ox.Element() + .css({padding: '16px'}) + .append( + $('') + .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: 'Preferences', + width: Math.round(window.innerWidth * 0.75), + }); + + return $dialog; + +}; \ No newline at end of file diff --git a/static/js/pandora/ui/siteDialog.js b/static/js/pandora/ui/siteDialog.js new file mode 100644 index 00000000..5d9c443a --- /dev/null +++ b/static/js/pandora/ui/siteDialog.js @@ -0,0 +1,68 @@ +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( + $('') + .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; + +}; \ No newline at end of file