[PATCH pve-manager v6 12/13] ui: sdn: ipam: add the zone namespace options

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

The NetBox and phpIPAM dialogs show both options in an advanced
section. The namespace per zone is off by default, and the namespace
prefix is pve when left empty.

Signed-off-by: Hannes Laimer <h.laimer@proxmox.com>
---
 www/manager6/sdn/ipams/Base.js        | 37 +++++++++++++++++++++++++++
 www/manager6/sdn/ipams/NetboxEdit.js  |  4 +++
 www/manager6/sdn/ipams/PhpIpamEdit.js |  4 +++
 3 files changed, 45 insertions(+)

diff --git a/www/manager6/sdn/ipams/Base.js b/www/manager6/sdn/ipams/Base.js
index 1f6eab296c20..4d37f93d504c 100644
--- a/www/manager6/sdn/ipams/Base.js
+++ b/www/manager6/sdn/ipams/Base.js
@@ -3,6 +3,12 @@ Ext.define('PVE.panel.SDNIpamBase', {
 
     type: '',
 
+    viewModel: {
+        data: {
+            zoneNamespaces: false,
+        },
+    },
+
     onGetValues: function (values) {
         var me = this;
 
@@ -15,6 +21,37 @@ Ext.define('PVE.panel.SDNIpamBase', {
         return values;
     },
 
+    // the external IPAMs keep each zone's subnets in a namespace of their
+    // own once the option is on, named with the prefix
+    zoneNamespaceFields: function () {
+        let me = this;
+
+        return [
+            {
+                xtype: 'proxmoxcheckbox',
+                name: 'zone-namespaces',
+                fieldLabel: gettext('Namespace per Zone'),
+                uncheckedValue: null,
+                checked: false,
+                deleteEmpty: !me.isCreate,
+                bind: {
+                    value: '{zoneNamespaces}',
+                },
+            },
+            {
+                xtype: 'proxmoxtextfield',
+                name: 'zone-namespace-prefix',
+                fieldLabel: gettext('Namespace Prefix'),
+                emptyText: 'pve',
+                skipEmptyText: true,
+                deleteEmpty: !me.isCreate,
+                bind: {
+                    disabled: '{!zoneNamespaces}',
+                },
+            },
+        ];
+    },
+
     initComponent: function () {
         var me = this;
 
diff --git a/www/manager6/sdn/ipams/NetboxEdit.js b/www/manager6/sdn/ipams/NetboxEdit.js
index 17971026c93e..51e7b834f7a7 100644
--- a/www/manager6/sdn/ipams/NetboxEdit.js
+++ b/www/manager6/sdn/ipams/NetboxEdit.js
@@ -53,6 +53,10 @@ Ext.define('PVE.sdn.ipams.NetboxInputPanel', {
             },
         ];
 
+        let [namespaces, prefix] = me.zoneNamespaceFields();
+        me.advancedColumn1 = [namespaces];
+        me.advancedColumn2 = [prefix];
+
         me.callParent();
     },
 });
diff --git a/www/manager6/sdn/ipams/PhpIpamEdit.js b/www/manager6/sdn/ipams/PhpIpamEdit.js
index b28232ab67b7..3824fd734487 100644
--- a/www/manager6/sdn/ipams/PhpIpamEdit.js
+++ b/www/manager6/sdn/ipams/PhpIpamEdit.js
@@ -58,6 +58,10 @@ Ext.define('PVE.sdn.ipams.PhpIpamInputPanel', {
             },
         ];
 
+        let [namespaces, prefix] = me.zoneNamespaceFields();
+        me.advancedColumn1 = [namespaces];
+        me.advancedColumn2 = [prefix];
+
         me.callParent();
     },
 });
-- 
2.47.3