PVEBar inherits from Ext.TitleBar and provides an titlebar for the
PVE mobile components to reduce code reuse.
Signed-off-by: Thomas Lamprecht <t.lampre...@proxmox.com>
---
www/mobile/Makefile | 1 +
www/mobile/PVEBar.js | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 50 insertions(+)
create mode 100644 www/mobile/PVEBar.js
diff --git a/www/mobile/Makefile b/www/mobile/Makefile
index 4d44259..065d2ac 100644
--- a/www/mobile/Makefile
+++ b/www/mobile/Makefile
@@ -8,6 +8,7 @@ JSSRC= \
Toolkit.js \
PVEProxy.js \
MenuButton.js \
+ PVEBar.js \
Workspace.js \
NodeSelector.js \
RealmSelector.js \
diff --git a/www/mobile/PVEBar.js b/www/mobile/PVEBar.js
new file mode 100644
index 0000000..a5f1c70
--- /dev/null
+++ b/www/mobile/PVEBar.js
@@ -0,0 +1,49 @@
+Ext.define('PVE.ATitleBar', {
+ extend: 'Ext.TitleBar',
+ alias: ['widget.pveTitleBar'],
+
+ config: {
+ docked: 'top',
+ pveReloadButton: true,
+ pveBackButton: true,
+ pveStdMenu: true // add 'Login' and 'Datacenter' to menu by default
+ },
+
+ initialize: function() {
+ var me = this;
+
+ me.callParent();
+
+ var items = [];
+
+ if (me.getPveBackButton()) {
+ items.push({
+ align: 'left',
+ iconCls: 'arrow_left',
+ handler: function() {
+ PVE.Workspace.goBack();
+ }
+ });
+ }
+
+ if (me.getPveReloadButton()) {
+ items.push({
+ align: 'right',
+ iconCls: 'refresh',
+ handler: function() {
+ this.up('pvePage').reload();
+ }
+ });
+ }
+
+ items.push({
+ xtype: 'pveMenuButton',
+ align: 'right',
+ pveStdMenu: me.getPveStdMenu()
+ });
+
+ me.setItems(items);
+ }
+
+
+});
--
2.1.4
_______________________________________________
pve-devel mailing list
pve-devel@pve.proxmox.com
http://pve.proxmox.com/cgi-bin/mailman/listinfo/pve-devel
