[PATCH pve-manager v4 37/45] ui: sdn: microseg: add name regex matcher

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

Only the backend checks the pattern's syntax, since it matches the
pattern as a Rust regex.

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

diff --git a/www/manager6/Utils.js b/www/manager6/Utils.js
index 6d9340f144c9..1a5d56bce2ab 100644
--- a/www/manager6/Utils.js
+++ b/www/manager6/Utils.js
@@ -1011,6 +1011,13 @@ Ext.define('PVE.Utils', {
                 faIcon: 'tag',
                 assignment: true,
             },
+            'regex-assignment': {
+                name: gettext('Regex Assignment'),
+                ipanel: 'RegexAssignmentInputPanel',
+                width: 400,
+                faIcon: 'code',
+                assignment: true,
+            },
         },
 
         sdnmicroseg_is_assignment: function (type) {
@@ -1056,6 +1063,9 @@ Ext.define('PVE.Utils', {
                 );
                 return `${tags}${iface}`;
             }
+            if (assignment.type === 'regex-assignment') {
+                return `/${assignment['name-regex']}/${iface}`;
+            }
             return `vm${assignment.vmid}${iface}`;
         },
 
diff --git a/www/manager6/sdn/microseg/AssignmentEdit.js b/www/manager6/sdn/microseg/AssignmentEdit.js
index 470ca15a271d..a36f0f45648b 100644
--- a/www/manager6/sdn/microseg/AssignmentEdit.js
+++ b/www/manager6/sdn/microseg/AssignmentEdit.js
@@ -79,6 +79,28 @@ Ext.define('PVE.sdn.microseg.GuestAssignmentInputPanel', {
     },
 });
 
+Ext.define('PVE.sdn.microseg.RegexAssignmentInputPanel', {
+    extend: 'PVE.sdn.microseg.AssignmentInputPanel',
+
+    initComponent: function () {
+        let me = this;
+
+        me.matcherItems = [
+            {
+                xtype: 'proxmoxtextfield',
+                name: 'name-regex',
+                fieldLabel: gettext('Name Regex'),
+                allowBlank: false,
+                maxLength: 1024,
+                emptyText: '^web-',
+                disabled: !me.isCreate,
+            },
+        ];
+
+        me.callParent();
+    },
+});
+
 Ext.define('PVE.sdn.microseg.TagAssignmentInputPanel', {
     extend: 'PVE.sdn.microseg.AssignmentInputPanel',
 
diff --git a/www/manager6/sdn/microseg/AssignmentView.js b/www/manager6/sdn/microseg/AssignmentView.js
index 0dc96dc831eb..ea6c447bf710 100644
--- a/www/manager6/sdn/microseg/AssignmentView.js
+++ b/www/manager6/sdn/microseg/AssignmentView.js
@@ -183,6 +183,7 @@ Ext.define(
                 'iface',
                 'tags',
                 'tag-match',
+                'name-regex',
                 'groups',
                 'comment',
                 'state',
-- 
2.47.3