extracting the logic from the previous checkbox listener into a function, which
is also called on field changes and once in afterrender. Calling it initially
makes sure the hint is also displayed at the beginning when editing a storage
with no retention options configured, and the initial disabling of the input
fields for the isCreate case now also happens through that call.

Signed-off-by: Fabian Ebner <f.eb...@proxmox.com>
---

Not too happy about the function name, but couldn't come up with
anything better.

 www/manager6/storage/Base.js | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/www/manager6/storage/Base.js b/www/manager6/storage/Base.js
index 6113743d..4dd84b87 100644
--- a/www/manager6/storage/Base.js
+++ b/www/manager6/storage/Base.js
@@ -81,6 +81,18 @@ Ext.define('PVE.panel.StoragePruneInputPanel', {
        return options;
     },
 
+    updateComponents: function() {
+       let panel = this;
+
+       let keepAll = panel.down('proxmoxcheckbox[name=keep-all]').getValue();
+       let anyValue = false;
+       panel.query('pmxPruneKeepField').forEach(field => {
+           anyValue = anyValue || field.getValue() !== null;
+           field.setDisabled(keepAll);
+       });
+       panel.down('component[name=no-keeps-hint]').setHidden(anyValue || 
keepAll);
+    },
+
     listeners: {
        afterrender: function(panel) {
            if (panel.needMask) {
@@ -89,12 +101,14 @@ Ext.define('PVE.panel.StoragePruneInputPanel', {
                    gettext('Backup content type not available for this 
storage.'),
                );
            } else if (panel.isCreate) {
-               panel.query('pmxPruneKeepField').forEach(field => {
-                   field.setDisabled(true);
-               });
                panel.down('proxmoxcheckbox[name=keep-all]').setValue(true);
            }
            panel.down('component[name=pbs-hint]').setHidden(!panel.isPBS);
+
+           panel.query('pmxPruneKeepField').forEach(field => {
+               field.on('change', panel.updateComponents, panel);
+           });
+           panel.updateComponents();
        },
     },
 
@@ -105,12 +119,7 @@ Ext.define('PVE.panel.StoragePruneInputPanel', {
        listeners: {
            change: function(field, newValue) {
                let panel = field.up('pveStoragePruneInputPanel');
-               let anyValue = false;
-               panel.query('pmxPruneKeepField').forEach(field => {
-                   anyValue = anyValue || field.getValue() !== null;
-                   field.setDisabled(newValue);
-               });
-               panel.down('component[name=no-keeps-hint]').setHidden(anyValue 
|| newValue);
+               panel.updateComponents();
            },
        },
     },
-- 
2.20.1



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

Reply via email to