[PATCH pve-manager v5 19/21] ui: cpu flags selector: allow filtering out flags supported on 0 nodes

[Arthur Bied-Charreton <a.bied-charreton@proxmox.com>]

The cpu-flags endpoints may return some CPU flags that are not supported
on any node in the cluster.  Filter those out by default in the UI,
giving the option to display them via a checkbox.

Unknown flags are still shown at the top of the list.

Signed-off-by: Arthur Bied-Charreton <a.bied-charreton@proxmox.com>
---
 www/manager6/form/VMCPUFlagSelector.js | 46 ++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/www/manager6/form/VMCPUFlagSelector.js b/www/manager6/form/VMCPUFlagSelector.js
index e08a911b..f7a56b5a 100644
--- a/www/manager6/form/VMCPUFlagSelector.js
+++ b/www/manager6/form/VMCPUFlagSelector.js
@@ -40,6 +40,18 @@ Ext.define('PVE.form.VMCPUFlagSelector', {
         },
     },
 
+    supportedFilterFn: function (rec) {
+        let state = rec.get('state');
+        if (state && state !== '=') {
+            return true;
+        }
+        if (rec.get('unknown')) {
+            return true;
+        }
+        let s = rec.get('supported-on');
+        return Array.isArray(s) && s.length > 0;
+    },
+
     getValue: function () {
         let me = this;
         let store = me.getStore();
@@ -265,10 +277,44 @@ Ext.define('PVE.form.VMCPUFlagSelector', {
 
         me.value = me.originalValue = '';
 
+        me.dockedItems = [{
+            xtype: 'toolbar',
+            dock: 'bottom',
+            padding: '0 5',
+            items: [
+                {
+                    xtype: 'checkbox',
+                    checked: true,
+                    submitValue: false,
+                    isFormField: false,
+                    boxLabel: gettext('Only show flags supported by at least one node'),
+                    listeners: {
+                        change: function (cb, checked) {
+                            let grid = cb.up('grid');
+                            let store = grid.getStore();
+                            if (checked) {
+                                store.addFilter({
+                                    id: 'supported-filter',
+                                    filterFn: grid.supportedFilterFn,
+                                });
+                            } else {
+                                store.removeFilter('supported-filter');
+                            }
+                        },
+                    },
+                },
+            ],
+        }];
+
         me.callParent(arguments);
 
         me.initialized = true;
 
+        me.getStore().addFilter({
+            id: 'supported-filter',
+            filterFn: me.supportedFilterFn,
+        });
+
         me.getStore().on('load', function (store, _, success) {
             if (success) {
                 me.adjustStoreForValue();
-- 
2.47.3