[pve-devel] [PATCH manager 6/7] ext6migrate: make some (sub)tabs lazy

[Dominik Csapak]

make following (sub)tabs lazy:
 * ceph
 * firewall
 * ha
 * search
 * lxc/Resources

we have to add layout: 'fit', whereever we make a whole tab lazy
and we have to move the title of the search tab to the instantiaton
instead of the class definition, because the search grid is now a
sub component instead of a tab

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 www/manager6/ceph/Config.js       | 89 ++++++++++++++++++++-------------------
 www/manager6/ha/Config.js         |  5 ++-
 www/manager6/lxc/Config.js        |  9 +++-
 www/manager6/panel/ConfigPanel.js | 12 +++++-
 www/manager6/panel/Firewall.js    |  7 ++-
 5 files changed, 73 insertions(+), 49 deletions(-)

diff --git a/www/manager6/ceph/Config.js b/www/manager6/ceph/Config.js
index 49a0317..2ff60ed 100644
--- a/www/manager6/ceph/Config.js
+++ b/www/manager6/ceph/Config.js
@@ -64,49 +64,52 @@ Ext.define('PVE.node.Ceph', {
 		border: false,
 		pveSelNode: me.pveSelNode
 	    },
-	    items: [
-		{
-		    xtype: 'pveNodeCephStatus',
-		    title: gettext('Status'),
-		    itemId: 'status'
-		},
-		{
-		    xtype: 'pveNodeCephConfig',
-		    title: gettext('Config'),
-		    itemId: 'config'
-		},
-		{
-		    xtype: 'pveNodeCephMonList',
-		    title: gettext('Monitor'),
-		    itemId: 'monlist'
-		},
-		{
-		    xtype: 'pveNodeCephDiskList',
-		    title: gettext('Disks'),
-		    itemId: 'disklist'
-		},
-		{
-		    xtype: 'pveNodeCephOsdTree',
-		    title: 'OSD',
-		    itemId: 'osdtree'
-		},
-		{
-		    xtype: 'pveNodeCephPoolList',
-		    title: gettext('Pools'),
-		    itemId: 'pools'
-		},
-		{
-		    title: 'Crush',
-		    xtype: 'pveNodeCephCrushMap',
-		    itemId: 'crushmap'
-		},
-		{
-		    title: gettext('Log'),
-		    itemId: 'log',
-		    xtype: 'pveLogView',
-		    url: "/api2/extjs/nodes/" + nodename + "/ceph/log"
-		}
-	    ],
+	    plugins: {
+		ptype: 'lazyitems',
+		items: [
+		    {
+			xtype: 'pveNodeCephStatus',
+			title: gettext('Status'),
+			itemId: 'status'
+		    },
+		    {
+			xtype: 'pveNodeCephConfig',
+			title: gettext('Config'),
+			itemId: 'config'
+		    },
+		    {
+			xtype: 'pveNodeCephMonList',
+			title: gettext('Monitor'),
+			itemId: 'monlist'
+		    },
+		    {
+			xtype: 'pveNodeCephDiskList',
+			title: gettext('Disks'),
+			itemId: 'disklist'
+		    },
+		    {
+			xtype: 'pveNodeCephOsdTree',
+			title: 'OSD',
+			itemId: 'osdtree'
+		    },
+		    {
+			xtype: 'pveNodeCephPoolList',
+			title: gettext('Pools'),
+			itemId: 'pools'
+		    },
+		    {
+			title: 'Crush',
+			xtype: 'pveNodeCephCrushMap',
+			itemId: 'crushmap'
+		    },
+		    {
+			title: gettext('Log'),
+			itemId: 'log',
+			xtype: 'pveLogView',
+			url: "/api2/extjs/nodes/" + nodename + "/ceph/log"
+		    }
+		],
+	    }
 	});
 
 	me.callParent();
diff --git a/www/manager6/ha/Config.js b/www/manager6/ha/Config.js
index c14740d..a00bbfa 100644
--- a/www/manager6/ha/Config.js
+++ b/www/manager6/ha/Config.js
@@ -36,7 +36,10 @@ Ext.define('PVE.panel.HA', {
 		border: false,
 		pveSelNode: me.pveSelNode
 	    },
-	    items: items
+	    plugins: [{
+		ptype: 'lazyitems',
+		items: items
+	    }],
 	});
 
 	me.callParent();
diff --git a/www/manager6/lxc/Config.js b/www/manager6/lxc/Config.js
index 3ac8722..ea0ca13 100644
--- a/www/manager6/lxc/Config.js
+++ b/www/manager6/lxc/Config.js
@@ -128,7 +128,14 @@ Ext.define('PVE.lxc.Config', {
 		{
 		    title: gettext('Resources'),
 		    itemId: 'resources',
-		    xtype: 'pveLxcRessourceView'
+		    layout: 'fit',
+		    plugins: {
+			ptype: 'lazyitems',
+			items: {
+			    xtype: 'pveLxcRessourceView',
+			    pveSelNode: me.pveSelNode
+			}
+		    }
 		},
 		{
 		    title: gettext('Network'),
diff --git a/www/manager6/panel/ConfigPanel.js b/www/manager6/panel/ConfigPanel.js
index d78cd15..4e27b63 100644
--- a/www/manager6/panel/ConfigPanel.js
+++ b/www/manager6/panel/ConfigPanel.js
@@ -49,8 +49,16 @@ Ext.define('PVE.panel.Config', {
 
 	if (me.showSearch) {
 	    items.unshift({
-		itemId: 'search', 
-		xtype: 'pveResourceGrid'
+		itemId: 'search',
+		title: gettext('Search'),
+		layout: 'fit',
+		plugins: {
+		    ptype: 'lazyitems',
+		    items: {
+			xtype: 'pveResourceGrid',
+			pveSelNode: me.pveSelNode
+		    }
+		}
 	    });
 	}
 
diff --git a/www/manager6/panel/Firewall.js b/www/manager6/panel/Firewall.js
index 4e7efd3..f11fdb9 100644
--- a/www/manager6/panel/Firewall.js
+++ b/www/manager6/panel/Firewall.js
@@ -89,9 +89,12 @@ Ext.define('PVE.panel.Firewall', {
 		border: false,
 		pveSelNode: me.pveSelNode
 	    },
-	    items: items
+	    plugins: [{
+		ptype: 'lazyitems',
+		items: items
+	    }],
 	});
 
 	me.callParent();
     }
-});
\ No newline at end of file
+});
-- 
2.1.4