use new PVEBar instead of TitleBar

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

www/mobile/Datacenter.js

@@ -34,33 +34,10 @@ Ext.define('PVE.Datacenter', {
     config: {
 	appUrl: '',
 	items: [
-	    { 
-		xtype: 'titlebar',
-		docked: 'top',
+	    {
+		xtype: 'pveTitleBar',
 		title: gettext('Datacenter'),
-		items: [
-		    { 
-			xtype: 'button',
-			align: 'right',
-			iconCls: 'refresh',
-			handler: function() {
-			    this.up('pvePage').reload();
-			}
-		    },
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true,
-			menuItems: [
-			    { 
-				text: gettext('Tasks'),
-				handler: function() {
-				    PVE.Workspace.gotoPage('tasks');
-				}
-			    }
-			]
-		    }
-		]
+		pveBackButton: false
 	    },
 	    {
  		xtype: 'pveClusterInfo'
@@ -139,6 +116,15 @@ Ext.define('PVE.Datacenter', {
     initialize: function() {
 	var me = this;
 
+	me.down('pveMenuButton').setMenuItems([
+	    {
+		text: gettext('Tasks'),
+		handler: function() {
+		    PVE.Workspace.gotoPage('tasks');
+		}
+	    }
+	]);
+
 	me.reload();
     }
 

www/mobile/LXCSummary.js

@@ -32,23 +32,7 @@ Ext.define('PVE.LXCSummary', {
     config: {
 	items: [
 	    {
-		xtype: 'titlebar',
-		docked: 'top',
-		items: [
-		    {
-			xtype: 'button',
-			align: 'right',
-			iconCls: 'refresh',
-			handler: function() {
-			    this.up('pvePage').reload();
-			}
-		    },
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+		xtype: 'pveTitleBar'
 	    },
 	    {
 		xtype: 'component',

www/mobile/Migrate.js

@@ -8,15 +8,8 @@ Ext.define('PVE.MigrateBase', {
     config: {
 	items: [
 	    {
-		xtype: 'titlebar',
-		docked: 'top',
-		items: [
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+		xtype: 'pveTitleBar',
+		pveReloadButton: false
 	    },
 	    { 
 		xtype: 'formpanel',

www/mobile/NodeSummary.js

@@ -48,23 +48,7 @@ Ext.define('PVE.NodeSummary', {
     config: {
 	items: [
 	    { 
-		xtype: 'titlebar',
-		docked: 'top',
-		items: [
-		    { 
-			xtype: 'button',
-			align: 'right',
-			iconCls: 'refresh',
-			handler: function() {
-			    this.up('pvePage').reload();
-			}
-		    },
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+		xtype: 'pveTitleBar'
 	    },
 	    {
 		xtype: 'pveNodeInfo'

www/mobile/QemuSummary.js

@@ -32,23 +32,7 @@ Ext.define('PVE.QemuSummary', {
     config: {
 	items: [
 	    { 
-		xtype: 'titlebar',
-		docked: 'top',
-		items: [
-		    { 
-			xtype: 'button',
-			align: 'right',
-			iconCls: 'refresh',
-			handler: function() {
-			    this.up('pvePage').reload();
-			}
-		    },
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+		xtype: 'pveTitleBar'
 	    },
 	    {
 		xtype: 'component',

www/mobile/TaskList.js

@@ -5,23 +5,7 @@ Ext.define('PVE.TaskListBase', {
 	baseUrl: undefined,
 	items: [
 	    {
-		xtype: 'titlebar',
-		docked: 'top',
-		items: [
-		    { 
-			xtype: 'button',
-			align: 'right',
-			iconCls: 'refresh',
-			handler: function() {
-			    this.up('pvePage').reload();
-			}
-		    },
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+		xtype: 'pveTitleBar'
 	    },
 	    {
 		xtype: 'list',

www/mobile/TaskViewer.js

@@ -16,16 +16,7 @@ Ext.define('PVE.TaskViewer', {
     config: {
 	items: [
 	    { 
-		xtype: 'titlebar',
-		title: gettext("Task Viewer"),
-		docked: 'top',
-		items: [
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+		xtype: 'pveTitleBar'
 	    },
 	    {
 		itemId: 'taskStatus',

www/mobile/Workspace.js

@@ -26,17 +26,10 @@ Ext.define('PVE.ErrorPage', {
 	    align: 'stretch'
 	},
 	items: [
-	    { 
-		xtype: 'titlebar',
-		docked: 'top',
-		title: gettext('Error'),
-		items: [
-		    {
-			xtype: 'pveMenuButton',
-			align: 'right',
-			pveStdMenu: true
-		    }
-		]
+	    {
+		xtype: 'pveTitleBar',
+		pveBackButton: false,
+		title: gettext('Error')
 	    }
 	]
     }