From 09a3dda9b74f6cca901096bcde929a0efbefcb21 Mon Sep 17 00:00:00 2001 From: rlx Date: Wed, 13 Jan 2016 12:12:59 +0530 Subject: [PATCH] add user dialog --- static/js/userDialog.js | 73 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 static/js/userDialog.js diff --git a/static/js/userDialog.js b/static/js/userDialog.js new file mode 100644 index 0000000..c48d59a --- /dev/null +++ b/static/js/userDialog.js @@ -0,0 +1,73 @@ +'use strict'; + +oml.ui.userDialog = function() { + + var ui = oml.user.ui, + + $panel = Ox.TabPanel({ + content: function(id) { + var name = id + 'Panel'; + return oml.$ui[name] = oml.ui[name](); + }, + style: 'squared', + tabs: [ + { + id: 'preferences', + title: Ox._('Preferences'), + selected: ui.page == 'preferences' + }, + { + id: 'peers', + title: Ox._('Peers'), + selected: ui.page == 'peers' + }, + { + id: 'transfers', + title: Ox._('Transfers'), + selected: ui.page == 'transfers' + } + ] + }) + .bindEvent({ + change: function(data) { + oml.UI.set({page: data.selected}); + } + }), + + that = Ox.Dialog({ + buttons: [ + Ox.Button({ + id: 'done', + style: 'squared', + title: Ox._('Done') + }) + .bindEvent({ + click: function() { + that.close(); + } + }) + ], + closeButton: true, + content: $panel, + fixedSize: true, + height: 408, + keys: {escape: 'done'}, + removeOnClose: true, + title: Ox._('User'), + width: 768 + }) + .bindEvent({ + close: function() { + oml.UI.set({page: ''}); + }, + open: function() { + // ... + }, + oml_page: function() { + // ... + } + }); + + return that; + +}; \ No newline at end of file