[PATCH pve-manager v3 35/45] ui: sdn: dry-run: show pending microseg diff

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

Signed-off-by: Hannes Laimer <h.laimer@proxmox.com>
---
 www/manager6/sdn/SdnDiffView.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/www/manager6/sdn/SdnDiffView.js b/www/manager6/sdn/SdnDiffView.js
index 2bc52049585f..b835c8503044 100644
--- a/www/manager6/sdn/SdnDiffView.js
+++ b/www/manager6/sdn/SdnDiffView.js
@@ -17,6 +17,8 @@ Ext.define('PVE.sdn.SdnDiffView', {
             node: undefined,
             frr_diff: '',
             interfaces_diff: '',
+            microseg_diff: '',
+            microseg_withheld: false,
         },
     },
 
@@ -44,6 +46,11 @@ Ext.define('PVE.sdn.SdnDiffView', {
                         'interfaces_diff',
                         Ext.htmlEncode(diff['interfaces-diff'] ?? gettext('No changes')),
                     );
+                    vm.set(
+                        'microseg_diff',
+                        Ext.htmlEncode(diff['microseg-diff'] ?? gettext('No changes')),
+                    );
+                    vm.set('microseg_withheld', diff['microseg-diff'] === undefined);
                 })
                 .catch(Proxmox.Utils.alertResponseFailure)
                 .finally(() => {
@@ -102,6 +109,28 @@ Ext.define('PVE.sdn.SdnDiffView', {
                 },
             ],
         },
+        {
+            xtype: 'panel',
+            title: gettext('Microsegmentation'),
+            flex: 1,
+            scrollable: true,
+            bind: {
+                hidden: '{microseg_withheld}',
+            },
+            items: [
+                {
+                    xtype: 'component',
+                    padding: 5,
+                    style: {
+                        'white-space': 'pre',
+                        'font-family': 'monospace',
+                    },
+                    bind: {
+                        html: '{microseg_diff}',
+                    },
+                },
+            ],
+        },
     ],
     buttons: [
         {
-- 
2.47.3