[pve-devel] [PATCH widget-toolkit] fix #3994: Node config options in the GUI

[Daniel Tschlatscher <d.tschlatscher@proxmox.com>]

Added a new file for displaying and editing the node config options
which were not exposed through the GUI yet. Namely those are the
settings for wakeonlan and startall-on-boot-delay.

Signed-off-by: Daniel Tschlatscher <d.tschlatscher@proxmox.com>
---
 src/Makefile            |  1 +
 src/node/OptionsView.js | 85 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 86 insertions(+)
 create mode 100644 src/node/OptionsView.js

diff --git a/src/Makefile b/src/Makefile
index dd7729e..0217ae1 100644
--- a/src/Makefile
+++ b/src/Makefile
@@ -96,6 +96,7 @@ JSSRC=					\
 	node/DNSEdit.js			\
 	node/HostsView.js		\
 	node/DNSView.js			\
+	node/OptionsView.js		\
 	node/Tasks.js			\
 	node/ServiceView.js		\
 	node/TimeEdit.js		\
diff --git a/src/node/OptionsView.js b/src/node/OptionsView.js
new file mode 100644
index 0000000..3d1e7bb
--- /dev/null
+++ b/src/node/OptionsView.js
@@ -0,0 +1,85 @@
+Ext.define('Proxmox.node.OptionsView', {
+    extend: 'Proxmox.grid.ObjectGrid',
+    alias: ['widget.proxmoxNodeOptionsView'],
+
+    gridRows: [
+	{
+	    xtype: 'integer',
+	    name: 'startall-onboot-delay',
+	    text: gettext('Start on boot delay'),
+	    minValue: 0,
+	    maxValue: 300,
+	    labelWidth: 130,
+	    deleteEmpty: true,
+	    renderer: function(value) {
+		if (value === undefined) {
+		    return Proxmox.Utils.defaultText;
+		}
+
+		let secString = value === 1 ? gettext('Second') : gettext('Seconds');
+		return `${value} ${secString}`;
+	    },
+	},
+	{
+	    xtype: 'text',
+	    name: 'wakeonlan',
+	    text: gettext('Wake on LAN'),
+	    vtype: 'MacAddress',
+	    deleteEmpty: true,
+	    renderer: function(value) {
+		if (value === undefined) {
+		    return Proxmox.Utils.NoneText;
+		}
+
+		return value;
+	    },
+	},
+    ],
+
+    initComponent: function() {
+	let me = this;
+	let baseUrl = `/nodes/${me.nodename}/config`;
+
+	if (!me.nodename) {
+	    throw "no node name specified";
+	}
+
+	let editBtn = new Ext.Button({
+	    text: gettext('Edit'),
+	    disabled: true,
+	    handler: function() { me.run_editor(); },
+	});
+
+
+	let setButtonStatus = function() {
+	    let sm = me.getSelectionModel();
+	    let rec = sm.getSelection()[0];
+
+	    if (!rec) {
+		editBtn.disable();
+		return;
+	    }
+
+	    let rowdef = me.rows[rec.data.key];
+	    editBtn.setDisabled(!rowdef.editor);
+	};
+
+	Ext.apply(me, {
+	    url: `/api2/json${baseUrl}`,
+	    tbar: [editBtn],
+	    editorConfig: {
+		url: `/api2/extjs/${baseUrl}`,
+	    },
+	    listeners: {
+		itemdblclick: me.run_editor,
+		selectionchange: setButtonStatus,
+	    },
+	});
+
+	me.callParent();
+
+	me.on('activate', me.rstore.startUpdate);
+	me.on('deactivate', me.rstore.stopUpdate);
+	me.on('destroy', me.rstore.stopUpdate);
+    },
+});
-- 
2.30.2