SPAM: [PATCH pve-manager v3 11/16] ui: firewall: add common widgets for deleting and updating references

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

The ipset and alias grids need the same two UI pieces to let users
update/delete referencing rules when removing or renaming an object. Add
them as reusable components.

FirewallObjectRemove extends ConfirmRemoveDialog with a
keep/disable/drop selector that sets 'dangling-references',
FirewallUpdateReferences is a no/yes/force selector that submits
'update-references'.

Callers will be added in subsequent commits.

Signed-off-by: Arthur Bied-Charreton <a.bied-charreton@proxmox.com>
---
 www/manager6/Makefile                     |   1 +
 www/manager6/grid/FirewallObjectCommon.js | 143 ++++++++++++++++++++++
 2 files changed, 144 insertions(+)
 create mode 100644 www/manager6/grid/FirewallObjectCommon.js

diff --git a/www/manager6/Makefile b/www/manager6/Makefile
index d2ea786b..e211ad40 100644
--- a/www/manager6/Makefile
+++ b/www/manager6/Makefile
@@ -98,6 +98,7 @@ JSSRC= 							\
 	form/TagFieldSet.js				\
 	form/IsoSelector.js				\
 	grid/BackupView.js				\
+	grid/FirewallObjectCommon.js		\
 	grid/FirewallAliases.js				\
 	grid/FirewallOptions.js				\
 	grid/FirewallRules.js				\
diff --git a/www/manager6/grid/FirewallObjectCommon.js b/www/manager6/grid/FirewallObjectCommon.js
new file mode 100644
index 00000000..75c012b5
--- /dev/null
+++ b/www/manager6/grid/FirewallObjectCommon.js
@@ -0,0 +1,143 @@
+Ext.define('PVE.window.FirewallObjectRemove', {
+    extend: 'Proxmox.window.ConfirmRemoveDialog',
+    alias: 'widget.pveFirewallObjectRemove',
+
+    width: 500,
+
+    keepTip: undefined,
+    disableTip: undefined,
+    dropTip: undefined,
+
+    initComponent: function () {
+        let me = this;
+
+        me.additionalItems = [
+            {
+                xtype: 'pveFirewallDanglingReferences',
+                keepTip: me.keepTip,
+                disableTip: me.disableTip,
+                dropTip: me.dropTip,
+            },
+        ];
+
+        me.callParent();
+    },
+
+    getParams: function () {
+        let me = this;
+
+        // do not write into the shared config default, it outlives this dialog
+        me.params = Ext.applyIf(
+            { 'dangling-references': me.down('pveFirewallDanglingReferences').getValue() },
+            me.params,
+        );
+
+        return me.callParent();
+    },
+});
+
+Ext.define('PVE.form.FirewallUpdateReferences', {
+    extend: 'Ext.form.FieldContainer',
+    alias: 'widget.pveFirewallUpdateReferences',
+
+    fieldLabel: gettext('Update references'),
+    labelWidth: 150,
+    layout: { type: 'hbox', pack: 'end' },
+
+    // submitted parameter
+    name: 'update-references',
+    value: 'no',
+
+    noTip: undefined,
+    yesTip: undefined,
+    forceTip: undefined,
+
+    initComponent: function () {
+        let me = this;
+
+        for (const tip of ['noTip', 'yesTip', 'forceTip']) {
+            if (me[tip] === undefined) {
+                throw new Error(`${tip} is undefined, cannot initialize component`);
+            }
+        }
+
+        me.items = [
+            {
+                xtype: 'segmentedbutton',
+                allowMultiple: false,
+                value: me.value,
+                items: [
+                    { text: gettext('No'), value: 'no', tooltip: me.noTip },
+                    { text: gettext('Yes'), value: 'yes', tooltip: me.yesTip },
+                    { text: gettext('Force'), value: 'force', tooltip: me.forceTip },
+                ],
+                listeners: {
+                    change: (btn, val) => me.down('hiddenfield').setValue(val),
+                },
+            },
+            {
+                xtype: 'hiddenfield',
+                name: me.name,
+                value: me.value,
+                isDirty: () => false,
+            },
+        ];
+
+        me.callParent();
+    },
+});
+
+Ext.define('PVE.form.FirewallDanglingReferences', {
+    extend: 'Ext.form.FieldContainer',
+    alias: 'widget.pveFirewallDanglingReferences',
+
+    fieldLabel: gettext('Referencing rules'),
+    labelWidth: 200,
+    layout: { type: 'hbox', pack: 'end' },
+
+    // submitted parameter
+    name: 'dangling-references',
+    value: 'disable',
+
+    keepTip: undefined,
+    disableTip: undefined,
+    dropTip: undefined,
+
+    getValue: function () {
+        return this.down('hiddenfield').getValue();
+    },
+
+    initComponent: function () {
+        let me = this;
+
+        for (const tip of ['keepTip', 'disableTip', 'dropTip']) {
+            if (me[tip] === undefined) {
+                throw new Error(`${tip} is undefined, cannot initialize component`);
+            }
+        }
+
+        me.items = [
+            {
+                xtype: 'segmentedbutton',
+                allowMultiple: false,
+                value: me.value,
+                items: [
+                    { text: gettext('Keep'), value: 'keep', tooltip: me.keepTip },
+                    { text: gettext('Disable'), value: 'disable', tooltip: me.disableTip },
+                    { text: gettext('Delete'), value: 'drop', tooltip: me.dropTip },
+                ],
+                listeners: {
+                    change: (btn, val) => me.down('hiddenfield').setValue(val),
+                },
+            },
+            {
+                xtype: 'hiddenfield',
+                name: me.name,
+                value: me.value,
+                isDirty: () => false,
+            },
+        ];
+
+        me.callParent();
+    },
+});
-- 
2.47.3