adds two buttons to the tree: expand all and collapse all

Signed-off-by: Dominik Csapak <d.csa...@proxmox.com>
---
changes from v1:
* use two buttons (negates the need for all the event handling and checking)
* use plain plus/minus icons -> i have no real preference here either,
  but the plain icons look a bit weird here IMHO

 www/manager6/Workspace.js         | 20 ++++++++++++++++++++
 www/manager6/tree/ResourceTree.js | 12 ++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/www/manager6/Workspace.js b/www/manager6/Workspace.js
index 922e01df..614e85c9 100644
--- a/www/manager6/Workspace.js
+++ b/www/manager6/Workspace.js
@@ -470,6 +470,26 @@ Ext.define('PVE.StdWorkspace', {
                            padding: '0 0 5 0',
                            items: [
                                selview,
+                               {
+                                   xtype: 'button',
+                                   cls: 'x-btn-default-toolbar-small',
+                                   tooltip: gettext('Expand Tree'),
+                                   iconCls: 'fa fa-fw fa-plus 
x-btn-icon-el-default-toolbar-small',
+                                   handler: () => {
+                                       let rt = me.down('pveResourceTree');
+                                       rt.expandAll();
+                                   },
+                               },
+                               {
+                                   xtype: 'button',
+                                   cls: 'x-btn-default-toolbar-small',
+                                   tooltip: gettext('Collapse Tree'),
+                                   iconCls: 'fa fa-fw fa-minus 
x-btn-icon-el-default-toolbar-small',
+                                   handler: () => {
+                                       let rt = me.down('pveResourceTree');
+                                       rt.collapseAll();
+                                   },
+                               },
                                {
                                    xtype: 'button',
                                    cls: 'x-btn-default-toolbar-small',
diff --git a/www/manager6/tree/ResourceTree.js 
b/www/manager6/tree/ResourceTree.js
index 8b7c2521..65ed5340 100644
--- a/www/manager6/tree/ResourceTree.js
+++ b/www/manager6/tree/ResourceTree.js
@@ -255,6 +255,18 @@ Ext.define('PVE.tree.ResourceTree', {
        return changed;
     },
 
+    collapseAll: function() {
+       let me = this;
+       let root = me.store.getRootNode();
+       root.collapseChildren(true);
+    },
+
+    expandAll: function() {
+       let me = this;
+       let root = me.store.getRootNode();
+       root.expandChildren(true);
+    },
+
     initComponent: function() {
        let me = this;
        me.saveSortingOptions();
-- 
2.39.5



_______________________________________________
pve-devel mailing list
pve-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel

Reply via email to