ext6migrate: make some (sub)tabs lazy

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@proxmox.com>

www/manager6/ceph/Config.js

@@ -64,49 +64,52 @@ Ext.define('PVE.node.Ceph', {
 		border: false,
 		pveSelNode: me.pveSelNode
 	    },
-	    items: [
+	    plugins: {
-		{
+		ptype: 'lazyitems',
-		    xtype: 'pveNodeCephStatus',
+		items: [
-		    title: gettext('Status'),
+		    {
-		    itemId: 'status'
+			xtype: 'pveNodeCephStatus',
-		},
+			title: gettext('Status'),
-		{
+			itemId: 'status'
-		    xtype: 'pveNodeCephConfig',
+		    },
-		    title: gettext('Config'),
+		    {
-		    itemId: 'config'
+			xtype: 'pveNodeCephConfig',
-		},
+			title: gettext('Config'),
-		{
+			itemId: 'config'
-		    xtype: 'pveNodeCephMonList',
+		    },
-		    title: gettext('Monitor'),
+		    {
-		    itemId: 'monlist'
+			xtype: 'pveNodeCephMonList',
-		},
+			title: gettext('Monitor'),
-		{
+			itemId: 'monlist'
-		    xtype: 'pveNodeCephDiskList',
+		    },
-		    title: gettext('Disks'),
+		    {
-		    itemId: 'disklist'
+			xtype: 'pveNodeCephDiskList',
-		},
+			title: gettext('Disks'),
-		{
+			itemId: 'disklist'
-		    xtype: 'pveNodeCephOsdTree',
+		    },
-		    title: 'OSD',
+		    {
-		    itemId: 'osdtree'
+			xtype: 'pveNodeCephOsdTree',
-		},
+			title: 'OSD',
-		{
+			itemId: 'osdtree'
-		    xtype: 'pveNodeCephPoolList',
+		    },
-		    title: gettext('Pools'),
+		    {
-		    itemId: 'pools'
+			xtype: 'pveNodeCephPoolList',
-		},
+			title: gettext('Pools'),
-		{
+			itemId: 'pools'
-		    title: 'Crush',
+		    },
-		    xtype: 'pveNodeCephCrushMap',
+		    {
-		    itemId: 'crushmap'
+			title: 'Crush',
-		},
+			xtype: 'pveNodeCephCrushMap',
-		{
+			itemId: 'crushmap'
-		    title: gettext('Log'),
+		    },
-		    itemId: 'log',
+		    {
-		    xtype: 'pveLogView',
+			title: gettext('Log'),
-		    url: "/api2/extjs/nodes/" + nodename + "/ceph/log"
+			itemId: 'log',
-		}
+			xtype: 'pveLogView',
-	    ],
+			url: "/api2/extjs/nodes/" + nodename + "/ceph/log"
+		    }
+		],
+	    }
 	});
 
 	me.callParent();

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();

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'),

www/manager6/panel/ConfigPanel.js

@@ -49,8 +49,16 @@ Ext.define('PVE.panel.Config', {
 
 	if (me.showSearch) {
 	    items.unshift({
-		itemId: 'search', 
+		itemId: 'search',
-		xtype: 'pveResourceGrid'
+		title: gettext('Search'),
+		layout: 'fit',
+		plugins: {
+		    ptype: 'lazyitems',
+		    items: {
+			xtype: 'pveResourceGrid',
+			pveSelNode: me.pveSelNode
+		    }
+		}
 	    });
 	}
 

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();
     }
-});
+});