fix #1837: reorganize ha panel

since the whole panel was scrollable instead of the individual ones,
selecting a ha service triggered the 'jump to focus' which made it
hard (if not impossible) to reach the edit/remove buttons for it

this patch reorganizes the panels in such a way that the status
panel is fixed height, and the content of the resource panel is
scrollable (always showing the edit/remove buttons)

to avoid not seeing the resources when one has a large number of
nodes, we make the individual panels collapsible

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/www/manager6/ha/Status.js b/www/manager6/ha/Status.js
index c166d68232293a1c6e55557adbaf06e116231dca..2929710d8d613c8f97d9faec19c62bdd02724cfa 100644 (file)
--- a/www/manager6/ha/Status.js
+++ b/www/manager6/ha/Status.js
@@ -3,8 +3,10 @@ Ext.define('PVE.ha.Status', {
     alias: 'widget.pveHAStatus',
 
     onlineHelp: 'chapter_ha_manager',
-
-    scrollable: true,
+    layout: {
+       type: 'vbox',
+       align: 'stretch'
+    },
 
     initComponent: function() {
        var me = this;
@@ -25,9 +27,12 @@ Ext.define('PVE.ha.Status', {
            title: gettext('Status'),
            rstore: me.rstore,
            border: 0,
+           collapsible: true,
            padding: '0 0 20 0'
        },{
            xtype: 'pveHAResourcesView',
+           flex: 1,
+           collapsible: true,
            title: gettext('Resources'),
            border: 0,
            rstore: me.rstore