[PATCH pve-manager v2 7/9] 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.

FirewallDeleteReferences extends ConfirmRemoveDialog with a checkbox
that sets 'delete-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 | 100 ++++++++++++++++++++++
 2 files changed, 101 insertions(+)
 create mode 100644 www/manager6/grid/FirewallObjectCommon.js

diff --git a/www/manager6/Makefile b/www/manager6/Makefile
index eb0e9d9c..0a0a2792 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..67e16634
--- /dev/null
+++ b/www/manager6/grid/FirewallObjectCommon.js
@@ -0,0 +1,100 @@
+Ext.define('PVE.window.FirewallDeleteReferences', {
+    extend: 'Proxmox.window.ConfirmRemoveDialog',
+    alias: 'widget.pveFirewallDeleteReferences',
+
+    width: 350,
+
+    refsFieldLabel: gettext('Delete references'),
+
+    refsTip: undefined,
+
+    initComponent: function () {
+        let me = this;
+
+        let refsTip = me.refsTip;
+        if (refsTip === undefined) {
+            throw new Error('refsTip is undefined, cannot initialize component');
+        }
+
+        me.additionalItems = [
+            {
+                xtype: 'proxmoxcheckbox',
+                reference: 'deleteRefsCheckbox',
+                fieldLabel: me.refsFieldLabel,
+                labelWidth: 260,
+                autoEl: { 'data-qtip': refsTip },
+            },
+        ];
+
+        me.callParent();
+    },
+
+    getParams: function () {
+        let me = this;
+        if (me.lookupReference('deleteRefsCheckbox').getValue()) {
+            me.params['delete-references'] = 1;
+        }
+
+        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;
+
+        let noTip = me.noTip;
+        if (noTip === undefined) {
+            throw new Error('noTip is undefined, cannot initialize component');
+        }
+
+        let yesTip = me.yesTip;
+        if (yesTip === undefined) {
+            throw new Error('yesTip is undefined, cannot initialize component');
+        }
+
+        let forceTip = me.forceTip;
+        if (forceTip === undefined) {
+            throw new Error('forceTip 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();
+    },
+});
-- 
2.47.3