From: Gabriel Goller <g.goller@proxmox.com>
To: pve-devel@lists.proxmox.com
Cc: Thomas Lamprecht <t.lamprecht@proxmox.com>
Subject: [PATCH manager] sdn: add dry-run diff view for sdn apply
Date: Tue, 31 Mar 2026 10:38:38 +0200 [thread overview]
Message-ID: <20260331083845.53881-1-g.goller@proxmox.com> (raw)
Introduce a new SdnDiffView modal that runs a dry-run and shows the frr
and ifupdown2 configuration changes which will be made when clicking
apply. Now the user knows which config options will be set without
having to apply the config.
Co-authored-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
Signed-off-by: Gabriel Goller <g.goller@proxmox.com>
---
This was a part of the template series:
https://lore.proxmox.com/pve-devel/20260327150127.545193-1-g.goller@proxmox.com/
www/manager6/Makefile | 1 +
www/manager6/sdn/SdnDiffView.js | 114 ++++++++++++++++++++++++++++++++
www/manager6/sdn/StatusView.js | 8 +++
3 files changed, 123 insertions(+)
create mode 100644 www/manager6/sdn/SdnDiffView.js
diff --git a/www/manager6/Makefile b/www/manager6/Makefile
index 4558d53e54be..da602523b27a 100644
--- a/www/manager6/Makefile
+++ b/www/manager6/Makefile
@@ -286,6 +286,7 @@ JSSRC= \
sdn/ControllerView.js \
sdn/Status.js \
sdn/StatusView.js \
+ sdn/SdnDiffView.js \
sdn/VnetEdit.js \
sdn/VnetView.js \
sdn/VnetACLView.js \
diff --git a/www/manager6/sdn/SdnDiffView.js b/www/manager6/sdn/SdnDiffView.js
new file mode 100644
index 000000000000..2bc52049585f
--- /dev/null
+++ b/www/manager6/sdn/SdnDiffView.js
@@ -0,0 +1,114 @@
+Ext.define('PVE.sdn.SdnDiffView', {
+ extend: 'Ext.window.Window',
+
+ width: 800,
+ height: 900,
+
+ modal: true,
+ title: gettext('Pending SDN configuration changes'),
+
+ layout: {
+ type: 'vbox',
+ align: 'stretch',
+ },
+
+ viewModel: {
+ data: {
+ node: undefined,
+ frr_diff: '',
+ interfaces_diff: '',
+ },
+ },
+
+ controller: {
+ xclass: 'Ext.app.ViewController',
+
+ nodeChange: function (_field, value) {
+ let me = this;
+ let vm = me.getViewModel();
+ let view = me.getView();
+
+ vm.set('node', value);
+ view.setLoading(gettext('Fetching diff...'));
+
+ Proxmox.Async.api2({
+ url: '/cluster/sdn/dry-run',
+ params: { node: value },
+ method: 'GET',
+ })
+ .then((req) => {
+ let diff = req.result.data;
+
+ vm.set('frr_diff', Ext.htmlEncode(diff['frr-diff'] ?? gettext('No changes')));
+ vm.set(
+ 'interfaces_diff',
+ Ext.htmlEncode(diff['interfaces-diff'] ?? gettext('No changes')),
+ );
+ })
+ .catch(Proxmox.Utils.alertResponseFailure)
+ .finally(() => {
+ view.setLoading(false);
+ });
+ },
+ },
+
+ items: [
+ {
+ xtype: 'pveNodeSelector',
+ fieldLabel: gettext('Node'),
+ padding: 10,
+ labelWidth: 120,
+ name: 'node',
+ allowBlank: false,
+ listeners: {
+ change: 'nodeChange',
+ },
+ },
+ {
+ xtype: 'panel',
+ title: gettext('FRR Config'),
+ flex: 1,
+ scrollable: true,
+ items: [
+ {
+ xtype: 'component',
+ padding: 5,
+ style: {
+ 'white-space': 'pre',
+ 'font-family': 'monospace',
+ },
+ bind: {
+ html: '{frr_diff}',
+ },
+ },
+ ],
+ },
+ {
+ xtype: 'panel',
+ title: gettext('Interfaces Config'),
+ flex: 1,
+ scrollable: true,
+ items: [
+ {
+ xtype: 'component',
+ padding: 5,
+ style: {
+ 'white-space': 'pre',
+ 'font-family': 'monospace',
+ },
+ bind: {
+ html: '{interfaces_diff}',
+ },
+ },
+ ],
+ },
+ ],
+ buttons: [
+ {
+ text: gettext('Close'),
+ handler: function () {
+ this.up('window').close();
+ },
+ },
+ ],
+});
diff --git a/www/manager6/sdn/StatusView.js b/www/manager6/sdn/StatusView.js
index fbc712c6cf6b..fada50411e91 100644
--- a/www/manager6/sdn/StatusView.js
+++ b/www/manager6/sdn/StatusView.js
@@ -69,6 +69,14 @@ Ext.define(
});
},
},
+ {
+ text: gettext('Dry-Run'),
+ handler: function () {
+ Ext.create('PVE.sdn.SdnDiffView', {
+ autoShow: true,
+ });
+ },
+ },
],
viewConfig: {
trackOver: false,
--
2.47.3
reply other threads:[~2026-03-31 8:38 UTC|newest]
Thread overview: [no followups] expand[flat|nested] mbox.gz Atom feed
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=20260331083845.53881-1-g.goller@proxmox.com \
--to=g.goller@proxmox.com \
--cc=pve-devel@lists.proxmox.com \
--cc=t.lamprecht@proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.