[PATCH pve-manager v3 36/45] ui: sdn: microseg: add tag matcher

[Hannes Laimer <h.laimer@proxmox.com>]

Signed-off-by: Hannes Laimer <h.laimer@proxmox.com>
---
 www/manager6/Utils.js                       | 14 +++++++
 www/manager6/sdn/microseg/AssignmentEdit.js | 46 +++++++++++++++++++++
 www/manager6/sdn/microseg/AssignmentView.js |  2 +
 3 files changed, 62 insertions(+)

diff --git a/www/manager6/Utils.js b/www/manager6/Utils.js
index 8eb4b68c51b4..71c010bc91cc 100644
--- a/www/manager6/Utils.js
+++ b/www/manager6/Utils.js
@@ -999,6 +999,13 @@ Ext.define('PVE.Utils', {
                 faIcon: 'link',
                 assignment: true,
             },
+            'tag-assignment': {
+                name: gettext('Tag Assignment'),
+                ipanel: 'TagAssignmentInputPanel',
+                width: 400,
+                faIcon: 'tag',
+                assignment: true,
+            },
         },
 
         sdnmicroseg_is_assignment: function (type) {
@@ -1037,6 +1044,13 @@ Ext.define('PVE.Utils', {
                 return Proxmox.Utils.unknownText;
             }
             let iface = (assignment.iface ?? '') === '' ? '' : ` net${assignment.iface}`;
+            if (assignment.type === 'tag-assignment') {
+                let tags = PVE.Utils.format_sdnmicroseg_predicate(
+                    assignment['tag-match'],
+                    assignment.tags,
+                );
+                return `${tags}${iface}`;
+            }
             return `vm${assignment.vmid}${iface}`;
         },
 
diff --git a/www/manager6/sdn/microseg/AssignmentEdit.js b/www/manager6/sdn/microseg/AssignmentEdit.js
index 71cabaeeea52..470ca15a271d 100644
--- a/www/manager6/sdn/microseg/AssignmentEdit.js
+++ b/www/manager6/sdn/microseg/AssignmentEdit.js
@@ -78,3 +78,49 @@ Ext.define('PVE.sdn.microseg.GuestAssignmentInputPanel', {
         me.callParent();
     },
 });
+
+Ext.define('PVE.sdn.microseg.TagAssignmentInputPanel', {
+    extend: 'PVE.sdn.microseg.AssignmentInputPanel',
+
+    onGetValues: function (values) {
+        let me = this;
+        if (typeof values.tags === 'string') {
+            values.tags = values.tags.split(';').filter((tag) => tag !== '');
+        }
+        return me.callParent([values]);
+    },
+
+    initComponent: function () {
+        let me = this;
+
+        me.matcherItems = [
+            {
+                xtype: 'pveTagFieldSet',
+                name: 'tags',
+                maxHeight: 150,
+                disabled: !me.isCreate,
+                getErrors: function (value) {
+                    let errors = PVE.form.TagFieldSet.prototype.getErrors.call(this, value);
+                    if (this.getValue() === '') {
+                        errors.push(gettext('At least one tag is required'));
+                    }
+                    return errors;
+                },
+            },
+            {
+                xtype: 'proxmoxKVComboBox',
+                name: 'tag-match',
+                fieldLabel: gettext('Tag Match'),
+                value: 'any',
+                disabled: !me.isCreate,
+                comboItems: [
+                    ['any', gettext('Any (shares a tag)')],
+                    ['all', gettext('All (has every tag)')],
+                    ['exact', gettext('Exact (same tags)')],
+                ],
+            },
+        ];
+
+        me.callParent();
+    },
+});
diff --git a/www/manager6/sdn/microseg/AssignmentView.js b/www/manager6/sdn/microseg/AssignmentView.js
index 4744380461a7..0dc96dc831eb 100644
--- a/www/manager6/sdn/microseg/AssignmentView.js
+++ b/www/manager6/sdn/microseg/AssignmentView.js
@@ -181,6 +181,8 @@ Ext.define(
                 'type',
                 'vmid',
                 'iface',
+                'tags',
+                'tag-match',
                 'groups',
                 'comment',
                 'state',
-- 
2.47.3