[pve-manager.git] / www / manager6 / dc / OptionView.js

Ext.define('PVE.dc.OptionView', {
    extend: 'Proxmox.grid.ObjectGrid',
    alias: ['widget.pveDcOptionView'],

    onlineHelp: 'datacenter_configuration_file',

    monStoreErrors: true,

    add_inputpanel_row: function(name, text, opts) {
	var me = this;

	opts = opts || {};
	me.rows = me.rows || {};

	let canEdit = !Object.prototype.hasOwnProperty.call(opts, 'caps') || opts.caps;
	me.rows[name] = {
	    required: true,
	    defaultValue: opts.defaultValue,
	    header: text,
	    renderer: opts.renderer,
	    editor: canEdit ? {
		xtype: 'proxmoxWindowEdit',
		width: opts.width || 350,
		subject: text,
		onlineHelp: opts.onlineHelp,
		fieldDefaults: {
		    labelWidth: opts.labelWidth || 100,
		},
		setValues: function(values) {
		    var edit_value = values[name];

		    if (opts.parseBeforeSet) {
			edit_value = PVE.Parser.parsePropertyString(edit_value);
		    }

		    Ext.Array.each(this.query('inputpanel'), function(panel) {
			panel.setValues(edit_value);
		    });
		},
		url: opts.url,
		items: [{
		    xtype: 'inputpanel',
		    onGetValues: function(values) {
			if (values === undefined || Object.keys(values).length === 0) {
			    return { 'delete': name };
			}
			var ret_val = {};
			ret_val[name] = PVE.Parser.printPropertyString(values);
			return ret_val;
		    },
		    items: opts.items,
		}],
	    } : undefined,
	};
    },

    render_bwlimits: function(value) {
	if (!value) {
	    return gettext("None");
	}

	let parsed = PVE.Parser.parsePropertyString(value);
	return Object.entries(parsed)
	    .map(([k, v]) => k + ": " + Proxmox.Utils.format_size(v * 1024) + "/s")
	    .join(',');
    },

    initComponent: function() {
	var me = this;

	me.add_combobox_row('keyboard', gettext('Keyboard Layout'), {
	    renderer: PVE.Utils.render_kvm_language,
	    comboItems: PVE.Utils.kvm_keymap_array(),
	    defaultValue: '__default__',
	    deleteEmpty: true,
	});
	me.add_text_row('http_proxy', gettext('HTTP proxy'), {
	    defaultValue: Proxmox.Utils.noneText,
	    vtype: 'HttpProxy',
	    deleteEmpty: true,
	});
	me.add_combobox_row('console', gettext('Console Viewer'), {
	    renderer: PVE.Utils.render_console_viewer,
	    comboItems: PVE.Utils.console_viewer_array(),
	    defaultValue: '__default__',
	    deleteEmpty: true,
	});
	me.add_text_row('email_from', gettext('Email from address'), {
	    deleteEmpty: true,
	    vtype: 'proxmoxMail',
	    defaultValue: 'root@$hostname',
	});
	me.add_text_row('mac_prefix', gettext('MAC address prefix'), {
	    deleteEmpty: true,
	    vtype: 'MacPrefix',
	    defaultValue: Proxmox.Utils.noneText,
	});
	me.add_inputpanel_row('migration', gettext('Migration Settings'), {
	    renderer: PVE.Utils.render_as_property_string,
	    labelWidth: 120,
	    url: "/api2/extjs/cluster/options",
	    defaultKey: 'type',
	    items: [{
		xtype: 'displayfield',
		name: 'type',
		fieldLabel: gettext('Type'),
		value: 'secure',
		submitValue: true,
	    }, {
		xtype: 'proxmoxNetworkSelector',
		name: 'network',
		fieldLabel: gettext('Network'),
		value: null,
		emptyText: Proxmox.Utils.defaultText,
		autoSelect: false,
		skipEmptyText: true,
	    }],
	});
	me.add_inputpanel_row('ha', gettext('HA Settings'), {
	    renderer: PVE.Utils.render_dc_ha_opts,
	    labelWidth: 120,
	    url: "/api2/extjs/cluster/options",
	    onlineHelp: 'ha_manager_shutdown_policy',
	    items: [{
		xtype: 'proxmoxKVComboBox',
		name: 'shutdown_policy',
		fieldLabel: gettext('Shutdown Policy'),
		deleteEmpty: false,
		value: '__default__',
		comboItems: [
		    ['__default__', Proxmox.Utils.defaultText + ' (conditional)'],
		    ['freeze', 'freeze'],
		    ['failover', 'failover'],
		    ['migrate', 'migrate'],
		    ['conditional', 'conditional'],
		],
		defaultValue: '__default__',
	    }],
	});
	me.add_inputpanel_row('u2f', gettext('U2F Settings'), {
	    renderer: v => !v ? Proxmox.Utils.NoneText : PVE.Parser.printPropertyString(v),
	    width: 450,
	    url: "/api2/extjs/cluster/options",
	    onlineHelp: 'pveum_configure_u2f',
	    items: [{
		xtype: 'textfield',
		name: 'appid',
		fieldLabel: gettext('U2F AppID URL'),
		emptyText: gettext('Defaults to origin'),
		value: '',
		deleteEmpty: true,
		skipEmptyText: true,
		submitEmptyText: false,
	    }, {
		xtype: 'textfield',
		name: 'origin',
		fieldLabel: gettext('U2F Origin'),
		emptyText: gettext('Defaults to requesting host URI'),
		value: '',
		deleteEmpty: true,
		skipEmptyText: true,
		submitEmptyText: false,
	    },
	    {
		xtype: 'box',
		height: 25,
		html: `<span class='pmx-hint'>${gettext('Note:')}</span> `
		    + Ext.String.format(gettext('{0} is deprecated, use {1}'), 'U2F', 'WebAuthn'),
	    },
	    {
		xtype: 'displayfield',
		userCls: 'pmx-hint',
		value: gettext('NOTE: Changing an AppID breaks existing U2F registrations!'),
	    }],
	});
	me.add_inputpanel_row('webauthn', gettext('WebAuthn Settings'), {
	    renderer: v => !v ? Proxmox.Utils.NoneText : PVE.Parser.printPropertyString(v),
	    width: 450,
	    url: "/api2/extjs/cluster/options",
	    //onlineHelp: 'pveum_configure_webauthn',
	    items: [{
		xtype: 'textfield',
		fieldLabel: gettext('Relying Party'),
		name: 'rp',
		allowBlank: false,
		listeners: {
		    dirtychange: (f, isDirty) =>
			f.up('panel').down('box[id=rpChangeWarning]').setHidden(!f.originalValue || !isDirty),
		},
	    },
	    {
		xtype: 'textfield',
		fieldLabel: gettext('Origin'),
		name: 'origin',
		allowBlank: false,
	    },
	    {
		xtype: 'textfield',
		fieldLabel: 'ID',
		name: 'id',
		allowBlank: false,
	    },
	    {
		xtype: 'container',
		layout: 'hbox',
		items: [
		    {
			xtype: 'box',
			flex: 1,
		    },
		    {
			xtype: 'button',
			text: gettext('Auto-fill'),
			iconCls: 'fa fa-fw fa-pencil-square-o',
			handler: function(button, ev) {
			    let panel = this.up('panel');
			    panel.down('field[name=rp]').setValue(document.location.hostname);
			    panel.down('field[name=origin]').setValue(document.location.origin);
			    panel.down('field[name=id]').setValue(document.location.hostname);
			},
		    },
		],
	    },
	    {
		xtype: 'box',
		height: 25,
		html: `<span class='pmx-hint'>${gettext('Note:')}</span> `
		    + gettext('WebAuthn requires using a trusted certificate.'),
	    },
	    {
		xtype: 'box',
		id: 'rpChangeWarning',
		hidden: true,
		padding: '5 0 0 0',
		html: '<i class="fa fa-exclamation-triangle warning"></i> '
		    + gettext('Changing the Relying Party may break existing webAuthn TFA entries.'),
	    }],
	});
	me.add_inputpanel_row('bwlimit', gettext('Bandwidth Limits'), {
	    renderer: me.render_bwlimits,
	    width: 450,
	    url: "/api2/extjs/cluster/options",
	    parseBeforeSet: true,
	    labelWidth: 120,
	    items: [{
		xtype: 'pveBandwidthField',
		name: 'default',
		fieldLabel: gettext('Default'),
		emptyText: gettext('none'),
		backendUnit: "KiB",
	    },
	    {
		xtype: 'pveBandwidthField',
		name: 'restore',
		fieldLabel: gettext('Backup Restore'),
		emptyText: gettext('default'),
		backendUnit: "KiB",
	    },
	    {
		xtype: 'pveBandwidthField',
		name: 'migration',
		fieldLabel: gettext('Migration'),
		emptyText: gettext('default'),
		backendUnit: "KiB",
	    },
	    {
		xtype: 'pveBandwidthField',
		name: 'clone',
		fieldLabel: gettext('Clone'),
		emptyText: gettext('default'),
		backendUnit: "KiB",
	    },
	    {
		xtype: 'pveBandwidthField',
		name: 'move',
		fieldLabel: gettext('Disk Move'),
		emptyText: gettext('default'),
		backendUnit: "KiB",
	    }],
	});
	me.add_integer_row('max_workers', gettext('Maximal Workers/bulk-action'), {
	    deleteEmpty: true,
	    defaultValue: 4,
	    minValue: 1,
	    maxValue: 64, // arbitrary but generous limit as limits are good
	});

	me.selModel = Ext.create('Ext.selection.RowModel', {});

	Ext.apply(me, {
	    tbar: [{
		text: gettext('Edit'),
		xtype: 'proxmoxButton',
		disabled: true,
		handler: function() { me.run_editor(); },
		selModel: me.selModel,
	    }],
	    url: "/api2/json/cluster/options",
	    editorConfig: {
		url: "/api2/extjs/cluster/options",
	    },
	    interval: 5000,
	    cwidth1: 200,
	    listeners: {
		itemdblclick: me.run_editor,
	    },
	});

	me.callParent();

	// set the new value for the default console
	me.mon(me.rstore, 'load', function(store, records, success) {
	    if (!success) {
		return;
	    }

	    var rec = store.getById('console');
	    PVE.VersionInfo.console = rec.data.value;
	    if (rec.data.value === '__default__') {
		delete PVE.VersionInfo.console;
	    }
	});

	me.on('activate', me.rstore.startUpdate);
	me.on('destroy', me.rstore.stopUpdate);
	me.on('deactivate', me.rstore.stopUpdate);
    },
});
Commit	Line	Data
d837e79e	1	Ext.define('PVE.dc.OptionView', {
755b9083 TL	2	extend: 'Proxmox.grid.ObjectGrid',
755b9083 TL	3	alias: ['widget.pveDcOptionView'],
bb2948de	4
755b9083	5	onlineHelp: 'datacenter_configuration_file',
bb2948de	6
755b9083	7	monStoreErrors: true,
bb2948de	8
8f17b496 TL	9	add_inputpanel_row: function(name, text, opts) {
	10	var me = this;
	11
	12	opts = opts \|\| {};
	13	me.rows = me.rows \|\| {};
	14
03153d55	15	let canEdit = !Object.prototype.hasOwnProperty.call(opts, 'caps') \|\| opts.caps;
8f17b496 TL	16	me.rows[name] = {
	17	required: true,
	18	defaultValue: opts.defaultValue,
	19	header: text,
	20	renderer: opts.renderer,
	21	editor: canEdit ? {
	22	xtype: 'proxmoxWindowEdit',
61c2b434	23	width: opts.width \|\| 350,
8f17b496	24	subject: text,
17a1ffa1	25	onlineHelp: opts.onlineHelp,
8f17b496	26	fieldDefaults: {
f6710aac	27	labelWidth: opts.labelWidth \|\| 100,
8f17b496 TL	28	},
	29	setValues: function(values) {
	30	var edit_value = values[name];
a89375f6 TL	31
	32	if (opts.parseBeforeSet) {
	33	edit_value = PVE.Parser.parsePropertyString(edit_value);
	34	}
	35
8f17b496 TL	36	Ext.Array.each(this.query('inputpanel'), function(panel) {
	37	panel.setValues(edit_value);
	38	});
	39	},
	40	url: opts.url,
	41	items: [{
	42	xtype: 'inputpanel',
	43	onGetValues: function(values) {
	44	if (values === undefined \|\| Object.keys(values).length === 0) {
	45	return { 'delete': name };
	46	}
	47	var ret_val = {};
	48	ret_val[name] = PVE.Parser.printPropertyString(values);
	49	return ret_val;
	50	},
f6710aac TL	51	items: opts.items,
	52	}],
	53	} : undefined,
8f17b496 TL	54	};
	55	},
	56
e670ffc2 SR	57	render_bwlimits: function(value) {
	58	if (!value) {
	59	return gettext("None");
	60	}
	61
e670ffc2	62	let parsed = PVE.Parser.parsePropertyString(value);
27af8ed0 TL	63	return Object.entries(parsed)
	64	.map(([k, v]) => k + ": " + Proxmox.Utils.format_size(v * 1024) + "/s")
	65	.join(',');
e670ffc2 SR	66	},
e670ffc2 SR	67
8058410f	68	initComponent: function() {
bb2948de DM	69	var me = this;
bb2948de DM	70
755b9083 TL	71	me.add_combobox_row('keyboard', gettext('Keyboard Layout'), {
	72	renderer: PVE.Utils.render_kvm_language,
	73	comboItems: PVE.Utils.kvm_keymap_array(),
	74	defaultValue: '__default__',
f6710aac	75	deleteEmpty: true,
bb2948de	76	});
755b9083 TL	77	me.add_text_row('http_proxy', gettext('HTTP proxy'), {
	78	defaultValue: Proxmox.Utils.noneText,
	79	vtype: 'HttpProxy',
f6710aac	80	deleteEmpty: true,
bb2948de	81	});
755b9083 TL	82	me.add_combobox_row('console', gettext('Console Viewer'), {
	83	renderer: PVE.Utils.render_console_viewer,
	84	comboItems: PVE.Utils.console_viewer_array(),
	85	defaultValue: '__default__',
f6710aac	86	deleteEmpty: true,
bb2948de	87	});
755b9083 TL	88	me.add_text_row('email_from', gettext('Email from address'), {
755b9083 TL	89	deleteEmpty: true,
21026cce	90	vtype: 'proxmoxMail',
f6710aac	91	defaultValue: 'root@$hostname',
bb2948de	92	});
755b9083	93	me.add_text_row('mac_prefix', gettext('MAC address prefix'), {
3f2cccbc	94	deleteEmpty: true,
755b9083	95	vtype: 'MacPrefix',
f6710aac	96	defaultValue: Proxmox.Utils.noneText,
4050aade	97	});
bb469a11	98	me.add_inputpanel_row('migration', gettext('Migration Settings'), {
80cfedf8	99	renderer: PVE.Utils.render_as_property_string,
bb469a11 TL	100	labelWidth: 120,
	101	url: "/api2/extjs/cluster/options",
	102	defaultKey: 'type',
	103	items: [{
	104	xtype: 'displayfield',
	105	name: 'type',
	106	fieldLabel: gettext('Type'),
	107	value: 'secure',
	108	submitValue: true,
bb469a11	109	}, {
6619af8d	110	xtype: 'proxmoxNetworkSelector',
bb469a11 TL	111	name: 'network',
bb469a11 TL	112	fieldLabel: gettext('Network'),
8144a0dd	113	value: null,
bb469a11	114	emptyText: Proxmox.Utils.defaultText,
6619af8d	115	autoSelect: false,
f6710aac TL	116	skipEmptyText: true,
f6710aac TL	117	}],
bb469a11	118	});
8f17b496 TL	119	me.add_inputpanel_row('ha', gettext('HA Settings'), {
8f17b496 TL	120	renderer: PVE.Utils.render_dc_ha_opts,
8f17b496 TL	121	labelWidth: 120,
8f17b496 TL	122	url: "/api2/extjs/cluster/options",
17a1ffa1	123	onlineHelp: 'ha_manager_shutdown_policy',
8f17b496 TL	124	items: [{
	125	xtype: 'proxmoxKVComboBox',
	126	name: 'shutdown_policy',
	127	fieldLabel: gettext('Shutdown Policy'),
	128	deleteEmpty: false,
	129	value: '__default__',
	130	comboItems: [
8058410f	131	['__default__', Proxmox.Utils.defaultText + ' (conditional)'],
8f17b496 TL	132	['freeze', 'freeze'],
8f17b496 TL	133	['failover', 'failover'],
e86024b7	134	['migrate', 'migrate'],
f6710aac	135	['conditional', 'conditional'],
8f17b496	136	],
f6710aac TL	137	defaultValue: '__default__',
f6710aac TL	138	}],
8f17b496	139	});
61c2b434	140	me.add_inputpanel_row('u2f', gettext('U2F Settings'), {
80cfedf8	141	renderer: v => !v ? Proxmox.Utils.NoneText : PVE.Parser.printPropertyString(v),
61c2b434 TL	142	width: 450,
61c2b434 TL	143	url: "/api2/extjs/cluster/options",
17a1ffa1	144	onlineHelp: 'pveum_configure_u2f',
61c2b434 TL	145	items: [{
	146	xtype: 'textfield',
	147	name: 'appid',
	148	fieldLabel: gettext('U2F AppID URL'),
	149	emptyText: gettext('Defaults to origin'),
	150	value: '',
61c2b434	151	deleteEmpty: true,
61c2b434	152	skipEmptyText: true,
03153d55	153	submitEmptyText: false,
61c2b434 TL	154	}, {
	155	xtype: 'textfield',
	156	name: 'origin',
	157	fieldLabel: gettext('U2F Origin'),
	158	emptyText: gettext('Defaults to requesting host URI'),
	159	value: '',
	160	deleteEmpty: true,
	161	skipEmptyText: true,
	162	submitEmptyText: false,
	163	},
a2e0725a TL	164	{
	165	xtype: 'box',
	166	height: 25,
	167	html: `<span class='pmx-hint'>${gettext('Note:')}</span> `
	168	+ Ext.String.format(gettext('{0} is deprecated, use {1}'), 'U2F', 'WebAuthn'),
	169	},
61c2b434 TL	170	{
	171	xtype: 'displayfield',
	172	userCls: 'pmx-hint',
	173	value: gettext('NOTE: Changing an AppID breaks existing U2F registrations!'),
f6710aac	174	}],
61c2b434	175	});
cca2aea8	176	me.add_inputpanel_row('webauthn', gettext('WebAuthn Settings'), {
80cfedf8	177	renderer: v => !v ? Proxmox.Utils.NoneText : PVE.Parser.printPropertyString(v),
cca2aea8 TL	178	width: 450,
	179	url: "/api2/extjs/cluster/options",
	180	//onlineHelp: 'pveum_configure_webauthn',
	181	items: [{
	182	xtype: 'textfield',
	183	fieldLabel: gettext('Relying Party'),
	184	name: 'rp',
	185	allowBlank: false,
	186	listeners: {
	187	dirtychange: (f, isDirty) =>
	188	f.up('panel').down('box[id=rpChangeWarning]').setHidden(!f.originalValue \|\| !isDirty),
	189	},
	190	},
	191	{
	192	xtype: 'textfield',
	193	fieldLabel: gettext('Origin'),
	194	name: 'origin',
	195	allowBlank: false,
	196	},
	197	{
	198	xtype: 'textfield',
	199	fieldLabel: 'ID',
	200	name: 'id',
	201	allowBlank: false,
	202	},
	203	{
	204	xtype: 'container',
	205	layout: 'hbox',
	206	items: [
	207	{
	208	xtype: 'box',
	209	flex: 1,
	210	},
	211	{
	212	xtype: 'button',
	213	text: gettext('Auto-fill'),
	214	iconCls: 'fa fa-fw fa-pencil-square-o',
	215	handler: function(button, ev) {
	216	let panel = this.up('panel');
	217	panel.down('field[name=rp]').setValue(document.location.hostname);
	218	panel.down('field[name=origin]').setValue(document.location.origin);
	219	panel.down('field[name=id]').setValue(document.location.hostname);
	220	},
	221	},
	222	],
	223	},
	224	{
	225	xtype: 'box',
	226	height: 25,
	227	html: `<span class='pmx-hint'>${gettext('Note:')}</span> `
	228	+ gettext('WebAuthn requires using a trusted certificate.'),
	229	},
	230	{
	231	xtype: 'box',
	232	id: 'rpChangeWarning',
	233	hidden: true,
	234	padding: '5 0 0 0',
fd6c8794 TL	235	html: '<i class="fa fa-exclamation-triangle warning"></i> '
fd6c8794 TL	236	+ gettext('Changing the Relying Party may break existing webAuthn TFA entries.'),
cca2aea8 TL	237	}],
cca2aea8 TL	238	});
a89375f6	239	me.add_inputpanel_row('bwlimit', gettext('Bandwidth Limits'), {
e670ffc2	240	renderer: me.render_bwlimits,
a89375f6 TL	241	width: 450,
	242	url: "/api2/extjs/cluster/options",
	243	parseBeforeSet: true,
7d01dad4	244	labelWidth: 120,
a89375f6 TL	245	items: [{
	246	xtype: 'pveBandwidthField',
	247	name: 'default',
	248	fieldLabel: gettext('Default'),
e670ffc2	249	emptyText: gettext('none'),
136103b0	250	backendUnit: "KiB",
a89375f6 TL	251	},
	252	{
	253	xtype: 'pveBandwidthField',
	254	name: 'restore',
	255	fieldLabel: gettext('Backup Restore'),
e670ffc2	256	emptyText: gettext('default'),
136103b0	257	backendUnit: "KiB",
a89375f6 TL	258	},
	259	{
	260	xtype: 'pveBandwidthField',
	261	name: 'migration',
	262	fieldLabel: gettext('Migration'),
e670ffc2	263	emptyText: gettext('default'),
136103b0	264	backendUnit: "KiB",
a89375f6 TL	265	},
	266	{
	267	xtype: 'pveBandwidthField',
	268	name: 'clone',
	269	fieldLabel: gettext('Clone'),
e670ffc2	270	emptyText: gettext('default'),
136103b0	271	backendUnit: "KiB",
a89375f6 TL	272	},
	273	{
	274	xtype: 'pveBandwidthField',
	275	name: 'move',
	276	fieldLabel: gettext('Disk Move'),
e670ffc2	277	emptyText: gettext('default'),
136103b0	278	backendUnit: "KiB",
f6710aac	279	}],
a89375f6	280	});
df9ad357 TL	281	me.add_integer_row('max_workers', gettext('Maximal Workers/bulk-action'), {
	282	deleteEmpty: true,
	283	defaultValue: 4,
	284	minValue: 1,
	285	maxValue: 64, // arbitrary but generous limit as limits are good
	286	});
8f17b496	287
755b9083	288	me.selModel = Ext.create('Ext.selection.RowModel', {});
bb2948de	289
bc5d0cf8	290	Ext.apply(me, {
755b9083 TL	291	tbar: [{
	292	text: gettext('Edit'),
	293	xtype: 'proxmoxButton',
	294	disabled: true,
	295	handler: function() { me.run_editor(); },
f6710aac	296	selModel: me.selModel,
755b9083	297	}],
bb2948de	298	url: "/api2/json/cluster/options",
755b9083	299	editorConfig: {
f6710aac	300	url: "/api2/extjs/cluster/options",
755b9083 TL	301	},
	302	interval: 5000,
	303	cwidth1: 200,
bb2948de	304	listeners: {
f6710aac TL	305	itemdblclick: me.run_editor,
f6710aac TL	306	},
bb2948de DM	307	});
	308
	309	me.callParent();
755b9083	310
5dc48aa8 DC	311	// set the new value for the default console
	312	me.mon(me.rstore, 'load', function(store, records, success) {
	313	if (!success) {
	314	return;
	315	}
	316
	317	var rec = store.getById('console');
	318	PVE.VersionInfo.console = rec.data.value;
	319	if (rec.data.value === '__default__') {
	320	delete PVE.VersionInfo.console;
	321	}
	322	});
	323
755b9083 TL	324	me.on('activate', me.rstore.startUpdate);
	325	me.on('destroy', me.rstore.stopUpdate);
	326	me.on('deactivate', me.rstore.stopUpdate);
f6710aac	327	},
bb2948de	328	});