From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) by lore.proxmox.com (Postfix) with ESMTPS id 3CE461FF13E for ; Fri, 06 Mar 2026 10:24:10 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id BABCA1C84A; Fri, 6 Mar 2026 10:25:16 +0100 (CET) Message-ID: <5b84e2db-7855-4bca-9c61-dc481e5a6f40@proxmox.com> Date: Fri, 6 Mar 2026 10:24:42 +0100 MIME-Version: 1.0 User-Agent: Mozilla Thunderbird Subject: Re: [PATCH pve-manager v3 1/1] sdn: add dry-run diff view for sdn apply To: Gabriel Goller , pve-devel@lists.proxmox.com References: <20260305100331.80741-1-g.goller@proxmox.com> <20260305100331.80741-20-g.goller@proxmox.com> Content-Language: en-US From: Stefan Hanreich In-Reply-To: <20260305100331.80741-20-g.goller@proxmox.com> Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 7bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.723 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment RCVD_IN_MSPIKE_H2 0.001 Average reputation (+2) SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Message-ID-Hash: NJPY6O34MS36ZVINO4JIKLTJIH2XRUDT X-Message-ID-Hash: NJPY6O34MS36ZVINO4JIKLTJIH2XRUDT X-MailFrom: s.hanreich@proxmox.com X-Mailman-Rule-Misses: dmarc-mitigation; no-senders; approved; loop; banned-address; emergency; member-moderation; nonmember-moderation; administrivia; implicit-dest; max-recipients; max-size; news-moderation; no-subject; digests; suspicious-header X-Mailman-Version: 3.3.10 Precedence: list List-Id: Proxmox VE development discussion List-Help: List-Owner: List-Post: List-Subscribe: List-Unsubscribe: still looks a bit barebones imo, but at least its monospaced now ;) Maybe we could make the '{FRR,Interfaces} Config' headings rows, instead of taking up a whole column with lots of unused whitespace. I think it should also show a nicer message when there are no changes - stating explicitly that nothing changed - instead of just an empty panel. Not a big blocker, since we can always improve it in a follow-up patch. On 3/5/26 11:04 AM, Gabriel Goller wrote: > 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 > needing to apply the config. > > Signed-off-by: Gabriel Goller > --- > www/manager6/Makefile | 1 + > www/manager6/sdn/SdnDiffView.js | 139 ++++++++++++++++++++++++++++++++ > www/manager6/sdn/StatusView.js | 8 ++ > 3 files changed, 148 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..bfff3675950d > --- /dev/null > +++ b/www/manager6/sdn/SdnDiffView.js > @@ -0,0 +1,139 @@ > +Ext.define('PVE.sdn.SdnDiffView', { > + extend: 'Ext.window.Window', > + > + width: 800, > + height: 900, > + > + scrollable: true, > + modal: true, > + title: gettext('Pending SDN configuration changes'), > + > + node: undefined, > + > + viewModel: { > + data: { > + frr_diff: undefined, > + interfaces_diff: undefined, > + }, > + }, > + > + items: [ > + { > + xtype: 'displayfield', > + padding: 10, > + fieldLabel: gettext('FRR config'), > + bind: { > + value: '{frr_diff}', > + }, > + }, > + { > + xtype: 'displayfield', > + padding: 10, > + fieldLabel: gettext('Interfaces config'), > + bind: { > + value: '{interfaces_diff}', > + }, > + }, > + ], > + buttons: [ > + { > + handler: function () { > + this.up('window').close(); > + }, > + text: gettext('Close'), > + }, > + ], > + > + loadDiff: async function () { > + let me = this; > + > + let req = await Proxmox.Async.api2({ > + url: `/cluster/sdn/dry-run`, > + params: { node: me.node }, > + method: 'PUT', > + }); > + > + return req.result.data; > + }, > + > + load: function () { > + let me = this; > + > + me.setLoading('fetching node diff'); > + > + me.loadDiff() > + .catch(Proxmox.Utils.alertResponseFailure) > + .then((diff) => { > + if (diff['frr-diff'] === null) { > + this.getViewModel().set('frr_diff', ''); > + } else { > + this.getViewModel().set('frr_diff', '
' + diff['frr-diff'] + '
'); > + } > + if (diff['interfaces-diff'] === null) { > + this.getViewModel().set('interfaces_diff', ''); > + } else { > + this.getViewModel().set( > + 'interfaces_diff', > + '
' + diff['interfaces-diff'] + '
', > + ); > + } > + }) > + .finally(() => { > + me.setLoading(false); > + }); > + }, > + > + getNodeSelector: function () { > + let me = this; > + > + return Ext.create('PVE.form.NodeSelector', { > + xtype: 'pveNodeSelector', > + reference: 'nodeselector', > + fieldLabel: gettext('Node'), > + padding: 10, > + labelWidth: 120, > + name: 'node', > + allowBlank: false, > + listeners: { > + change: function (f, value) { > + me.node = value; > + me.load(); > + }, > + }, > + listConfig: { > + columns: [ > + { > + header: gettext('Node'), > + dataIndex: 'node', > + sortable: true, > + hideable: false, > + flex: 1, > + }, > + ], > + }, > + store: { > + fields: ['node'], > + proxy: { > + type: 'proxmox', > + url: '/api2/json/nodes', > + }, > + sorters: [ > + { > + property: 'node', > + direction: 'ASC', > + }, > + ], > + }, > + }); > + }, > + > + initComponent: function () { > + let me = this; > + > + me.nodeSelector = me.getNodeSelector(); > + > + me.items = [me.nodeSelector, ...me.items]; > + > + me.callParent(); > + }, > +}); > 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,