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

Ext.define('PVE.dc.MetricServerView', {
    extend: 'Ext.grid.Panel',
    alias: ['widget.pveMetricServerView'],

    stateful: true,
    stateId: 'grid-metricserver',

    controller: {
	xclass: 'Ext.app.ViewController',

	render_type: function(value) {
	    switch (value) {
		case 'influxdb': return "InfluxDB";
		case 'graphite': return "Graphite";
		default: return Proxmox.Utils.unknownText;
	    }
	},

	editWindow: function(xtype, id) {
	    let me = this;
	    Ext.create(`PVE.dc.${xtype}Edit`, {
		serverid: id,
		autoShow: true,
		listeners: {
		    destroy: () => me.reload(),
		},
	    });
	},

	addServer: function(button) {
	    this.editWindow(button.text);
	},

	editServer: function() {
	    let me = this;
	    let view = me.getView();
	    let selection = view.getSelection();
	    if (!selection || selection.length < 1) {
		return;
	    }

	    let cfg = selection[0].data;

	    let xtype = me.render_type(cfg.type);
	    me.editWindow(xtype, cfg.id);
	},

	reload: function() {
	    this.getView().getStore().load();
	},
    },

    store: {
	autoLoad: true,
	id: 'metricservers',
	proxy: {
	    type: 'proxmox',
	    url: '/api2/json/cluster/metrics/server',
	},
    },

    columns: [
	{
	    text: gettext('Name'),
	    flex: 2,
	    dataIndex: 'id',
	},
	{
	    text: gettext('Type'),
	    flex: 1,
	    dataIndex: 'type',
	    renderer: 'render_type',
	},
	{
	    text: gettext('Enabled'),
	    dataIndex: 'disable',
	    width: 100,
	    renderer: Proxmox.Utils.format_neg_boolean,
	},
	{
	    text: gettext('Server'),
	    width: 200,
	    dataIndex: 'server',
	},
	{
	    text: gettext('Port'),
	    width: 100,
	    dataIndex: 'port',
	},
    ],

    tbar: [
	{
	    text: gettext('Add'),
	    menu: [
		{
		    text: 'Graphite',
		    iconCls: 'fa fa-fw fa-bar-chart',
		    handler: 'addServer',
		},
		{
		    text: 'InfluxDB',
		    iconCls: 'fa fa-fw fa-bar-chart',
		    handler: 'addServer',
		},
	    ],
	},
	{
	    text: gettext('Edit'),
	    xtype: 'proxmoxButton',
	    handler: 'editServer',
	    disabled: true,
	},
	{
	    xtype: 'proxmoxStdRemoveButton',
	    baseurl: `/api2/extjs/cluster/metrics/server`,
	    callback: 'reload',
	},
    ],

    listeners: {
	itemdblclick: 'editServer',
    },

    initComponent: function() {
	var me = this;

	me.callParent();

	Proxmox.Utils.monStoreErrors(me, me.getStore());
    },
});

Ext.define('PVE.dc.MetricServerBaseEdit', {
    extend: 'Proxmox.window.Edit',
    mixins: ['Proxmox.Mixin.CBind'],

    cbindData: function() {
	let me = this;
	me.isCreate = !me.serverid;
	me.serverid = me.serverid || "";
	me.url = `/api2/extjs/cluster/metrics/server/${me.serverid}`;
	me.method = me.isCreate ? 'POST' : 'PUT';
	if (!me.isCreate) {
	    me.subject = `${me.subject}: ${me.serverid}`;
	}
	return {};
    },

    submitUrl: function(url, values) {
	return this.isCreate ? `${url}/${values.id}` : url;
    },

    initComponent: function() {
	let me = this;

	me.callParent();

	if (me.serverid) {
	    me.load({
		success: function(response, options) {
		    let values = response.result.data;
		    values.enable = !values.disable;
		    me.down('inputpanel').setValues(values);
		},
	    });
	}
    },
});

Ext.define('PVE.dc.InfluxDBEdit', {
    extend: 'PVE.dc.MetricServerBaseEdit',
    mixins: ['Proxmox.Mixin.CBind'],

    onlineHelp: 'metric_server_influxdb',

    subject: 'InfluxDB',

    cbindData: function() {
	let me = this;
	me.callParent();
	me.tokenEmptyText = me.isCreate ? '' : gettext('unchanged');
	return {};
    },

    items: [
	{
	    xtype: 'inputpanel',

	    onGetValues: function(values) {
		values.disable = values.enable ? 0 : 1;
		delete values.enable;
		return values;
	    },

	    column1: [
		{
		    xtype: 'hidden',
		    name: 'type',
		    value: 'influxdb',
		    cbind: {
			submitValue: '{isCreate}',
		    },
		},
		{
		    xtype: 'pmxDisplayEditField',
		    name: 'id',
		    fieldLabel: gettext('Name'),
		    allowBlank: false,
		    cbind: {
			editable: '{isCreate}',
			value: '{serverid}',
		    },
		},
		{
		    xtype: 'proxmoxtextfield',
		    name: 'server',
		    fieldLabel: gettext('Server'),
		    allowBlank: false,
		},
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'port',
		    fieldLabel: gettext('Port'),
		    value: 8089,
		    minValue: 1,
		    maximum: 65536,
		    allowBlank: false,
		},
		{
		    xtype: 'proxmoxKVComboBox',
		    name: 'influxdbproto',
		    fieldLabel: gettext('Protocol'),
		    value: '__default__',
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		    comboItems: [
			['__default__', 'UDP'],
			['http', 'HTTP'],
			['https', 'HTTPS'],
		    ],
		    listeners: {
			change: function(field, value) {
			    let me = this;
			    let isUdp = value !== 'http' && value !== 'https';
			    me.up('inputpanel').down('field[name=organization]').setDisabled(isUdp);
			    me.up('inputpanel').down('field[name=bucket]').setDisabled(isUdp);
			    me.up('inputpanel').down('field[name=token]').setDisabled(isUdp);
			    me.up('inputpanel').down('field[name=api-path-prefix]').setDisabled(isUdp);
			    me.up('inputpanel').down('field[name=mtu]').setDisabled(!isUdp);
			    me.up('inputpanel').down('field[name=timeout]').setDisabled(isUdp);
			    me.up('inputpanel').down('field[name=max-body-size]').setDisabled(isUdp);
			},
		    },
		},
	    ],

	    column2: [
		{
		    xtype: 'checkbox',
		    name: 'enable',
		    fieldLabel: gettext('Enabled'),
		    inputValue: 1,
		    uncheckedValue: 0,
		    checked: true,
		},
		{
		    xtype: 'proxmoxtextfield',
		    name: 'organization',
		    fieldLabel: gettext('Organization'),
		    emptyText: 'proxmox',
		    disabled: true,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
		{
		    xtype: 'proxmoxtextfield',
		    name: 'bucket',
		    fieldLabel: gettext('Bucket'),
		    emptyText: 'proxmox',
		    disabled: true,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
		{
		    xtype: 'proxmoxtextfield',
		    name: 'token',
		    fieldLabel: gettext('Token'),
		    disabled: true,
		    allowBlank: true,
		    deleteEmpty: false,
		    submitEmpty: false,
		    cbind: {
			disabled: '{!isCreate}',
			emptyText: '{tokenEmptyText}',
		    },
		},
	    ],

	    advancedColumn1: [
		{
		    xtype: 'proxmoxtextfield',
		    name: 'api-path-prefix',
		    fieldLabel: gettext('API Path Prefix'),
		    allowBlank: true,
		    disabled: true,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'timeout',
		    fieldLabel: gettext('Timeout (s)'),
		    disabled: true,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		    minValue: 1,
		    emptyText: 1,
		},
	    ],

	    advancedColumn2: [
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'max-body-size',
		    fieldLabel: gettext('Batch Size (b)'),
		    minValue: 1,
		    emptyText: '25000000',
		    submitEmpty: false,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'mtu',
		    fieldLabel: 'MTU',
		    minValue: 1,
		    emptyText: '1500',
		    submitEmpty: false,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
	    ],
	},
    ],
});

Ext.define('PVE.dc.GraphiteEdit', {
    extend: 'PVE.dc.MetricServerBaseEdit',
    mixins: ['Proxmox.Mixin.CBind'],

    onlineHelp: 'metric_server_graphite',

    subject: 'Graphite',

    items: [
	{
	    xtype: 'inputpanel',

	    onGetValues: function(values) {
		values.disable = values.enable ? 0 : 1;
		delete values.enable;
		return values;
	    },

	    column1: [
		{
		    xtype: 'hidden',
		    name: 'type',
		    value: 'graphite',
		    cbind: {
			submitValue: '{isCreate}',
		    },
		},
		{
		    xtype: 'pmxDisplayEditField',
		    name: 'id',
		    fieldLabel: gettext('Name'),
		    allowBlank: false,
		    cbind: {
			editable: '{isCreate}',
			value: '{serverid}',
		    },
		},
		{
		    xtype: 'proxmoxtextfield',
		    name: 'server',
		    fieldLabel: gettext('Server'),
		    allowBlank: false,
		},
	    ],

	    column2: [
		{
		    xtype: 'checkbox',
		    name: 'enable',
		    fieldLabel: gettext('Enabled'),
		    inputValue: 1,
		    uncheckedValue: 0,
		    checked: true,
		},
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'port',
		    fieldLabel: gettext('Port'),
		    value: 2003,
		    minimum: 1,
		    maximum: 65536,
		    allowBlank: false,
		},
		{
		    fieldLabel: gettext('Path'),
		    xtype: 'proxmoxtextfield',
		    emptyText: 'proxmox',
		    name: 'path',
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
	    ],

	    advancedColumn1: [
		{
		    xtype: 'proxmoxKVComboBox',
		    name: 'proto',
		    fieldLabel: gettext('Protocol'),
		    value: '__default__',
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		    comboItems: [
			['__default__', 'UDP'],
			['tcp', 'TCP'],
		    ],
		    listeners: {
			change: function(field, value) {
			    let me = this;
			    me.up('inputpanel').down('field[name=timeout]').setDisabled(value !== 'tcp');
			    me.up('inputpanel').down('field[name=mtu]').setDisabled(value === 'tcp');
			},
		    },
		},
	    ],

	    advancedColumn2: [
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'mtu',
		    fieldLabel: 'MTU',
		    minimum: 1,
		    emptyText: '1500',
		    submitEmpty: false,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		},
		{
		    xtype: 'proxmoxintegerfield',
		    name: 'timeout',
		    fieldLabel: gettext('TCP Timeout'),
		    disabled: true,
		    cbind: {
			deleteEmpty: '{!isCreate}',
		    },
		    minValue: 1,
		    emptyText: 1,
		},
	    ],
	},
    ],
});
Commit	Line	Data
f257dcec DC	1	Ext.define('PVE.dc.MetricServerView', {
	2	extend: 'Ext.grid.Panel',
	3	alias: ['widget.pveMetricServerView'],
	4
	5	stateful: true,
	6	stateId: 'grid-metricserver',
	7
	8	controller: {
	9	xclass: 'Ext.app.ViewController',
	10
	11	render_type: function(value) {
	12	switch (value) {
	13	case 'influxdb': return "InfluxDB";
	14	case 'graphite': return "Graphite";
	15	default: return Proxmox.Utils.unknownText;
	16	}
	17	},
	18
d57f8d94	19	editWindow: function(xtype, id) {
f257dcec	20	let me = this;
d57f8d94 TL	21	Ext.create(`PVE.dc.${xtype}Edit`, {
d57f8d94 TL	22	serverid: id,
f257dcec DC	23	autoShow: true,
	24	listeners: {
	25	destroy: () => me.reload(),
	26	},
	27	});
	28	},
	29
d57f8d94 TL	30	addServer: function(button) {
d57f8d94 TL	31	this.editWindow(button.text);
f257dcec DC	32	},
	33
	34	editServer: function() {
	35	let me = this;
	36	let view = me.getView();
	37	let selection = view.getSelection();
	38	if (!selection \|\| selection.length < 1) {
	39	return;
	40	}
	41
d57f8d94	42	let cfg = selection[0].data;
f257dcec	43
d57f8d94 TL	44	let xtype = me.render_type(cfg.type);
d57f8d94 TL	45	me.editWindow(xtype, cfg.id);
f257dcec DC	46	},
	47
	48	reload: function() {
	49	this.getView().getStore().load();
	50	},
	51	},
	52
	53	store: {
	54	autoLoad: true,
	55	id: 'metricservers',
	56	proxy: {
	57	type: 'proxmox',
d57f8d94	58	url: '/api2/json/cluster/metrics/server',
f257dcec DC	59	},
	60	},
	61
	62	columns: [
	63	{
	64	text: gettext('Name'),
	65	flex: 2,
	66	dataIndex: 'id',
	67	},
	68	{
	69	text: gettext('Type'),
	70	flex: 1,
	71	dataIndex: 'type',
	72	renderer: 'render_type',
	73	},
	74	{
	75	text: gettext('Enabled'),
	76	dataIndex: 'disable',
	77	width: 100,
	78	renderer: Proxmox.Utils.format_neg_boolean,
	79	},
	80	{
	81	text: gettext('Server'),
	82	width: 200,
	83	dataIndex: 'server',
	84	},
	85	{
	86	text: gettext('Port'),
	87	width: 100,
	88	dataIndex: 'port',
	89	},
	90	],
	91
	92	tbar: [
	93	{
	94	text: gettext('Add'),
	95	menu: [
	96	{
	97	text: 'Graphite',
7ba63836	98	iconCls: 'fa fa-fw fa-bar-chart',
d57f8d94	99	handler: 'addServer',
f257dcec DC	100	},
	101	{
	102	text: 'InfluxDB',
7ba63836	103	iconCls: 'fa fa-fw fa-bar-chart',
d57f8d94	104	handler: 'addServer',
f257dcec DC	105	},
	106	],
	107	},
	108	{
	109	text: gettext('Edit'),
	110	xtype: 'proxmoxButton',
	111	handler: 'editServer',
	112	disabled: true,
	113	},
	114	{
	115	xtype: 'proxmoxStdRemoveButton',
d57f8d94	116	baseurl: `/api2/extjs/cluster/metrics/server`,
f257dcec DC	117	callback: 'reload',
	118	},
	119	],
	120
	121	listeners: {
	122	itemdblclick: 'editServer',
	123	},
	124
	125	initComponent: function() {
	126	var me = this;
	127
	128	me.callParent();
	129
	130	Proxmox.Utils.monStoreErrors(me, me.getStore());
	131	},
	132	});
	133
71f5bf0a	134	Ext.define('PVE.dc.MetricServerBaseEdit', {
f257dcec DC	135	extend: 'Proxmox.window.Edit',
	136	mixins: ['Proxmox.Mixin.CBind'],
	137
f257dcec DC	138	cbindData: function() {
	139	let me = this;
	140	me.isCreate = !me.serverid;
	141	me.serverid = me.serverid \|\| "";
d57f8d94	142	me.url = `/api2/extjs/cluster/metrics/server/${me.serverid}`;
f257dcec DC	143	me.method = me.isCreate ? 'POST' : 'PUT';
f257dcec DC	144	if (!me.isCreate) {
71f5bf0a	145	me.subject = `${me.subject}: ${me.serverid}`;
f257dcec DC	146	}
	147	return {};
	148	},
	149
d57f8d94 TL	150	submitUrl: function(url, values) {
	151	return this.isCreate ? `${url}/${values.id}` : url;
	152	},
	153
71f5bf0a TL	154	initComponent: function() {
	155	let me = this;
	156
	157	me.callParent();
	158
	159	if (me.serverid) {
	160	me.load({
	161	success: function(response, options) {
	162	let values = response.result.data;
	163	values.enable = !values.disable;
	164	me.down('inputpanel').setValues(values);
	165	},
	166	});
	167	}
	168	},
	169	});
	170
	171	Ext.define('PVE.dc.InfluxDBEdit', {
	172	extend: 'PVE.dc.MetricServerBaseEdit',
	173	mixins: ['Proxmox.Mixin.CBind'],
	174
641105c2 DC	175	onlineHelp: 'metric_server_influxdb',
641105c2 DC	176
71f5bf0a TL	177	subject: 'InfluxDB',
71f5bf0a TL	178
3ebcbbc5 DC	179	cbindData: function() {
	180	let me = this;
	181	me.callParent();
	182	me.tokenEmptyText = me.isCreate ? '' : gettext('unchanged');
	183	return {};
	184	},
	185
f257dcec DC	186	items: [
	187	{
	188	xtype: 'inputpanel',
	189
	190	onGetValues: function(values) {
	191	values.disable = values.enable ? 0 : 1;
	192	delete values.enable;
	193	return values;
	194	},
	195
	196	column1: [
	197	{
	198	xtype: 'hidden',
	199	name: 'type',
	200	value: 'influxdb',
	201	cbind: {
	202	submitValue: '{isCreate}',
	203	},
	204	},
	205	{
f257dcec DC	206	xtype: 'pmxDisplayEditField',
f257dcec DC	207	name: 'id',
eb594f5c	208	fieldLabel: gettext('Name'),
f257dcec DC	209	allowBlank: false,
	210	cbind: {
	211	editable: '{isCreate}',
	212	value: '{serverid}',
	213	},
	214	},
1eb6d2bf TL	215	{
	216	xtype: 'proxmoxtextfield',
	217	name: 'server',
	218	fieldLabel: gettext('Server'),
	219	allowBlank: false,
	220	},
3ebcbbc5 DC	221	{
	222	xtype: 'proxmoxintegerfield',
	223	name: 'port',
	224	fieldLabel: gettext('Port'),
	225	value: 8089,
	226	minValue: 1,
	227	maximum: 65536,
	228	allowBlank: false,
	229	},
	230	{
	231	xtype: 'proxmoxKVComboBox',
	232	name: 'influxdbproto',
	233	fieldLabel: gettext('Protocol'),
	234	value: '__default__',
	235	cbind: {
	236	deleteEmpty: '{!isCreate}',
	237	},
	238	comboItems: [
	239	['__default__', 'UDP'],
	240	['http', 'HTTP'],
	241	['https', 'HTTPS'],
	242	],
	243	listeners: {
	244	change: function(field, value) {
	245	let me = this;
	246	let isUdp = value !== 'http' && value !== 'https';
	247	me.up('inputpanel').down('field[name=organization]').setDisabled(isUdp);
	248	me.up('inputpanel').down('field[name=bucket]').setDisabled(isUdp);
	249	me.up('inputpanel').down('field[name=token]').setDisabled(isUdp);
c69faba3	250	me.up('inputpanel').down('field[name=api-path-prefix]').setDisabled(isUdp);
3ebcbbc5 DC	251	me.up('inputpanel').down('field[name=mtu]').setDisabled(!isUdp);
	252	me.up('inputpanel').down('field[name=timeout]').setDisabled(isUdp);
	253	me.up('inputpanel').down('field[name=max-body-size]').setDisabled(isUdp);
	254	},
	255	},
	256	},
1eb6d2bf TL	257	],
	258
	259	column2: [
f257dcec	260	{
f257dcec	261	xtype: 'checkbox',
eb594f5c TL	262	name: 'enable',
eb594f5c TL	263	fieldLabel: gettext('Enabled'),
f257dcec DC	264	inputValue: 1,
	265	uncheckedValue: 0,
	266	checked: true,
f257dcec	267	},
3ebcbbc5 DC	268	{
	269	xtype: 'proxmoxtextfield',
	270	name: 'organization',
	271	fieldLabel: gettext('Organization'),
	272	emptyText: 'proxmox',
	273	disabled: true,
	274	cbind: {
	275	deleteEmpty: '{!isCreate}',
	276	},
	277	},
	278	{
	279	xtype: 'proxmoxtextfield',
	280	name: 'bucket',
	281	fieldLabel: gettext('Bucket'),
	282	emptyText: 'proxmox',
	283	disabled: true,
	284	cbind: {
	285	deleteEmpty: '{!isCreate}',
	286	},
	287	},
	288	{
	289	xtype: 'proxmoxtextfield',
	290	name: 'token',
	291	fieldLabel: gettext('Token'),
	292	disabled: true,
	293	allowBlank: true,
	294	deleteEmpty: false,
	295	submitEmpty: false,
	296	cbind: {
	297	disabled: '{!isCreate}',
	298	emptyText: '{tokenEmptyText}',
	299	},
	300	},
	301	],
	302
	303	advancedColumn1: [
c69faba3 TL	304	{
	305	xtype: 'proxmoxtextfield',
	306	name: 'api-path-prefix',
	307	fieldLabel: gettext('API Path Prefix'),
	308	allowBlank: true,
	309	disabled: true,
	310	cbind: {
	311	deleteEmpty: '{!isCreate}',
	312	},
	313	},
f257dcec	314	{
f257dcec	315	xtype: 'proxmoxintegerfield',
3ebcbbc5 DC	316	name: 'timeout',
	317	fieldLabel: gettext('Timeout (s)'),
	318	disabled: true,
	319	cbind: {
	320	deleteEmpty: '{!isCreate}',
	321	},
f257dcec	322	minValue: 1,
3ebcbbc5	323	emptyText: 1,
f257dcec DC	324	},
	325	],
	326
f257dcec	327	advancedColumn2: [
3ebcbbc5 DC	328	{
	329	xtype: 'proxmoxintegerfield',
	330	name: 'max-body-size',
	331	fieldLabel: gettext('Batch Size (b)'),
	332	minValue: 1,
	333	emptyText: '25000000',
	334	submitEmpty: false,
	335	cbind: {
	336	deleteEmpty: '{!isCreate}',
	337	},
	338	},
f257dcec	339	{
f257dcec DC	340	xtype: 'proxmoxintegerfield',
f257dcec DC	341	name: 'mtu',
eb594f5c	342	fieldLabel: 'MTU',
f257dcec DC	343	minValue: 1,
	344	emptyText: '1500',
	345	submitEmpty: false,
	346	cbind: {
	347	deleteEmpty: '{!isCreate}',
	348	},
	349	},
	350	],
	351	},
	352	],
f257dcec DC	353	});
	354
	355	Ext.define('PVE.dc.GraphiteEdit', {
71f5bf0a	356	extend: 'PVE.dc.MetricServerBaseEdit',
f257dcec DC	357	mixins: ['Proxmox.Mixin.CBind'],
f257dcec DC	358
641105c2 DC	359	onlineHelp: 'metric_server_graphite',
641105c2 DC	360
f257dcec DC	361	subject: 'Graphite',
f257dcec DC	362
f257dcec DC	363	items: [
	364	{
	365	xtype: 'inputpanel',
	366
	367	onGetValues: function(values) {
	368	values.disable = values.enable ? 0 : 1;
	369	delete values.enable;
	370	return values;
	371	},
	372
	373	column1: [
	374	{
	375	xtype: 'hidden',
	376	name: 'type',
	377	value: 'graphite',
	378	cbind: {
	379	submitValue: '{isCreate}',
	380	},
	381	},
	382	{
f257dcec DC	383	xtype: 'pmxDisplayEditField',
f257dcec DC	384	name: 'id',
eb594f5c	385	fieldLabel: gettext('Name'),
f257dcec DC	386	allowBlank: false,
	387	cbind: {
	388	editable: '{isCreate}',
	389	value: '{serverid}',
	390	},
	391	},
1eb6d2bf TL	392	{
	393	xtype: 'proxmoxtextfield',
	394	name: 'server',
	395	fieldLabel: gettext('Server'),
	396	allowBlank: false,
	397	},
	398	],
	399
	400	column2: [
f257dcec	401	{
f257dcec	402	xtype: 'checkbox',
eb594f5c TL	403	name: 'enable',
eb594f5c TL	404	fieldLabel: gettext('Enabled'),
f257dcec DC	405	inputValue: 1,
	406	uncheckedValue: 0,
	407	checked: true,
f257dcec	408	},
f257dcec	409	{
f257dcec	410	xtype: 'proxmoxintegerfield',
eb594f5c TL	411	name: 'port',
eb594f5c TL	412	fieldLabel: gettext('Port'),
9f4e985d	413	value: 2003,
f257dcec DC	414	minimum: 1,
f257dcec DC	415	maximum: 65536,
f257dcec DC	416	allowBlank: false,
	417	},
	418	{
	419	fieldLabel: gettext('Path'),
	420	xtype: 'proxmoxtextfield',
	421	emptyText: 'proxmox',
	422	name: 'path',
	423	cbind: {
	424	deleteEmpty: '{!isCreate}',
	425	},
	426	},
	427	],
	428
	429	advancedColumn1: [
	430	{
f257dcec DC	431	xtype: 'proxmoxKVComboBox',
f257dcec DC	432	name: 'proto',
eb594f5c	433	fieldLabel: gettext('Protocol'),
f257dcec DC	434	value: '__default__',
	435	cbind: {
	436	deleteEmpty: '{!isCreate}',
	437	},
	438	comboItems: [
	439	['__default__', 'UDP'],
	440	['tcp', 'TCP'],
	441	],
	442	listeners: {
	443	change: function(field, value) {
	444	let me = this;
	445	me.up('inputpanel').down('field[name=timeout]').setDisabled(value !== 'tcp');
	446	me.up('inputpanel').down('field[name=mtu]').setDisabled(value === 'tcp');
	447	},
	448	},
	449	},
	450	],
	451
	452	advancedColumn2: [
	453	{
f257dcec DC	454	xtype: 'proxmoxintegerfield',
f257dcec DC	455	name: 'mtu',
eb594f5c	456	fieldLabel: 'MTU',
f257dcec DC	457	minimum: 1,
	458	emptyText: '1500',
	459	submitEmpty: false,
	460	cbind: {
	461	deleteEmpty: '{!isCreate}',
	462	},
	463	},
	464	{
f257dcec DC	465	xtype: 'proxmoxintegerfield',
f257dcec DC	466	name: 'timeout',
eb594f5c	467	fieldLabel: gettext('TCP Timeout'),
f257dcec DC	468	disabled: true,
	469	cbind: {
	470	deleteEmpty: '{!isCreate}',
	471	},
	472	minValue: 1,
	473	emptyText: 1,
	474	},
	475	],
	476	},
	477	],
f257dcec	478	});