1 Ext
.define('PVE.dc.OptionView', {
2 extend
: 'Proxmox.grid.ObjectGrid',
3 alias
: ['widget.pveDcOptionView'],
5 onlineHelp
: 'datacenter_configuration_file',
8 userCls
: 'proxmox-tags-full',
10 add_inputpanel_row: function(name
, text
, opts
) {
14 me
.rows
= me
.rows
|| {};
16 let canEdit
= !Object
.prototype.hasOwnProperty
.call(opts
, 'caps') || opts
.caps
;
19 defaultValue
: opts
.defaultValue
,
21 renderer
: opts
.renderer
,
23 xtype
: 'proxmoxWindowEdit',
24 width
: opts
.width
|| 350,
26 onlineHelp
: opts
.onlineHelp
,
28 labelWidth
: opts
.labelWidth
|| 100,
30 setValues: function(values
) {
31 var edit_value
= values
[name
];
33 if (opts
.parseBeforeSet
) {
34 edit_value
= PVE
.Parser
.parsePropertyString(edit_value
);
37 Ext
.Array
.each(this.query('inputpanel'), function(panel
) {
38 panel
.setValues(edit_value
);
44 onGetValues: function(values
) {
45 if (values
=== undefined || Object
.keys(values
).length
=== 0) {
46 return { 'delete': name
};
49 ret_val
[name
] = PVE
.Parser
.printPropertyString(values
);
58 render_bwlimits: function(value
) {
60 return gettext("None");
63 let parsed
= PVE
.Parser
.parsePropertyString(value
);
64 return Object
.entries(parsed
)
65 .map(([k
, v
]) => k
+ ": " + Proxmox
.Utils
.format_size(v
* 1024) + "/s")
69 initComponent: function() {
72 me
.add_combobox_row('keyboard', gettext('Keyboard Layout'), {
73 renderer
: PVE
.Utils
.render_kvm_language
,
74 comboItems
: Object
.entries(PVE
.Utils
.kvm_keymaps
),
75 defaultValue
: '__default__',
78 me
.add_text_row('http_proxy', gettext('HTTP proxy'), {
79 defaultValue
: Proxmox
.Utils
.noneText
,
83 me
.add_combobox_row('console', gettext('Console Viewer'), {
84 renderer
: PVE
.Utils
.render_console_viewer
,
85 comboItems
: Object
.entries(PVE
.Utils
.console_map
),
86 defaultValue
: '__default__',
89 me
.add_text_row('email_from', gettext('Email from address'), {
92 defaultValue
: 'root@$hostname',
94 me
.add_inputpanel_row('notify', gettext('Notify'), {
95 renderer
: v
=> !v
? 'package-updates=auto' : PVE
.Parser
.printPropertyString(v
),
97 url
: "/api2/extjs/cluster/options",
98 //onlineHelp: 'ha_manager_shutdown_policy',
100 xtype
: 'proxmoxKVComboBox',
101 name
: 'package-updates',
102 fieldLabel
: gettext('Package Updates'),
104 value
: '__default__',
106 ['__default__', Proxmox
.Utils
.defaultText
+ ' (auto)'],
107 ['auto', gettext('Automatically')],
108 ['always', gettext('Always')],
109 ['never', gettext('Never')],
111 defaultValue
: '__default__',
114 me
.add_text_row('mac_prefix', gettext('MAC address prefix'), {
117 defaultValue
: Proxmox
.Utils
.noneText
,
119 me
.add_inputpanel_row('migration', gettext('Migration Settings'), {
120 renderer
: PVE
.Utils
.render_as_property_string
,
122 url
: "/api2/extjs/cluster/options",
125 xtype
: 'displayfield',
127 fieldLabel
: gettext('Type'),
131 xtype
: 'proxmoxNetworkSelector',
133 fieldLabel
: gettext('Network'),
135 emptyText
: Proxmox
.Utils
.defaultText
,
140 me
.add_inputpanel_row('ha', gettext('HA Settings'), {
141 renderer
: PVE
.Utils
.render_dc_ha_opts
,
143 url
: "/api2/extjs/cluster/options",
144 onlineHelp
: 'ha_manager_shutdown_policy',
146 xtype
: 'proxmoxKVComboBox',
147 name
: 'shutdown_policy',
148 fieldLabel
: gettext('Shutdown Policy'),
150 value
: '__default__',
152 ['__default__', Proxmox
.Utils
.defaultText
+ ' (conditional)'],
153 ['freeze', 'freeze'],
154 ['failover', 'failover'],
155 ['migrate', 'migrate'],
156 ['conditional', 'conditional'],
158 defaultValue
: '__default__',
161 me
.add_inputpanel_row('crs', gettext('Cluster Resource Scheduling'), {
162 renderer
: PVE
.Utils
.render_as_property_string
,
164 url
: "/api2/extjs/cluster/options",
165 onlineHelp
: 'ha_manager_crs',
167 xtype
: 'proxmoxKVComboBox',
169 fieldLabel
: gettext('HA Scheduling'),
171 value
: '__default__',
173 ['__default__', Proxmox
.Utils
.defaultText
+ ' (basic)'],
174 ['basic', 'Basic (Resource Count)'],
175 ['static', 'Static Load'],
177 defaultValue
: '__default__',
180 me
.add_inputpanel_row('u2f', gettext('U2F Settings'), {
181 renderer
: v
=> !v
? Proxmox
.Utils
.NoneText
: PVE
.Parser
.printPropertyString(v
),
183 url
: "/api2/extjs/cluster/options",
184 onlineHelp
: 'pveum_configure_u2f',
188 fieldLabel
: gettext('U2F AppID URL'),
189 emptyText
: gettext('Defaults to origin'),
193 submitEmptyText
: false,
197 fieldLabel
: gettext('U2F Origin'),
198 emptyText
: gettext('Defaults to requesting host URI'),
202 submitEmptyText
: false,
207 html
: `<span class='pmx-hint'>${gettext('Note:')}</span> `
208 + Ext
.String
.format(gettext('{0} is deprecated, use {1}'), 'U2F', 'WebAuthn'),
211 xtype
: 'displayfield',
213 value
: gettext('NOTE: Changing an AppID breaks existing U2F registrations!'),
216 me
.add_inputpanel_row('webauthn', gettext('WebAuthn Settings'), {
217 renderer
: v
=> !v
? Proxmox
.Utils
.NoneText
: PVE
.Parser
.printPropertyString(v
),
219 url
: "/api2/extjs/cluster/options",
220 onlineHelp
: 'pveum_configure_webauthn',
223 fieldLabel
: gettext('Name'),
224 name
: 'rp', // NOTE: relying party consists of name and id, this is the name
229 fieldLabel
: gettext('Origin'),
230 emptyText
: Ext
.String
.format(gettext("Domain Lockdown (e.g., {0})"), document
.location
.origin
),
240 dirtychange
: (f
, isDirty
) =>
241 f
.up('panel').down('box[id=idChangeWarning]').setHidden(!f
.originalValue
|| !isDirty
),
254 text
: gettext('Auto-fill'),
255 iconCls
: 'fa fa-fw fa-pencil-square-o',
256 handler: function(button
, ev
) {
257 let panel
= this.up('panel');
258 let fqdn
= document
.location
.hostname
;
260 panel
.down('field[name=rp]').setValue(fqdn
);
262 let idField
= panel
.down('field[name=id]');
263 let currentID
= idField
.getValue();
264 if (!currentID
|| currentID
.length
=== 0) {
265 idField
.setValue(fqdn
);
274 html
: `<span class='pmx-hint'>${gettext('Note:')}</span> `
275 + gettext('WebAuthn requires using a trusted certificate.'),
279 id
: 'idChangeWarning',
282 html
: '<i class="fa fa-exclamation-triangle warning"></i> '
283 + gettext('Changing the ID breaks existing WebAuthn TFA entries.'),
286 me
.add_inputpanel_row('bwlimit', gettext('Bandwidth Limits'), {
287 renderer
: me
.render_bwlimits
,
289 url
: "/api2/extjs/cluster/options",
290 parseBeforeSet
: true,
293 xtype
: 'pveBandwidthField',
295 fieldLabel
: gettext('Default'),
296 emptyText
: gettext('none'),
300 xtype
: 'pveBandwidthField',
302 fieldLabel
: gettext('Backup Restore'),
303 emptyText
: gettext('default'),
307 xtype
: 'pveBandwidthField',
309 fieldLabel
: gettext('Migration'),
310 emptyText
: gettext('default'),
314 xtype
: 'pveBandwidthField',
316 fieldLabel
: gettext('Clone'),
317 emptyText
: gettext('default'),
321 xtype
: 'pveBandwidthField',
323 fieldLabel
: gettext('Disk Move'),
324 emptyText
: gettext('default'),
328 me
.add_integer_row('max_workers', gettext('Maximal Workers/bulk-action'), {
332 maxValue
: 64, // arbitrary but generous limit as limits are good
334 me
.add_inputpanel_row('next-id', gettext('Next Free VMID Range'), {
335 renderer
: PVE
.Utils
.render_as_property_string
,
336 url
: "/api2/extjs/cluster/options",
338 xtype
: 'proxmoxintegerfield',
340 fieldLabel
: gettext('Lower'),
343 maxValue
: 1000 * 1000 * 1000 - 1,
346 xtype
: 'proxmoxintegerfield',
348 fieldLabel
: gettext('Upper'),
349 emptyText
: '1.000.000',
351 maxValue
: 1000 * 1000 * 1000 - 1,
355 me
.rows
['tag-style'] = {
357 renderer
: (value
) => {
358 if (value
=== undefined) {
359 return gettext('No Overrides');
361 let colors
= PVE
.Utils
.parseTagOverrides(value
?.['color-map']);
362 let shape
= value
.shape
;
363 let shapeText
= PVE
.Utils
.tagTreeStyles
[shape
?? '__default__'];
364 let txt
= Ext
.String
.format(gettext("Tree Shape: {0}"), shapeText
);
365 let orderText
= PVE
.Utils
.tagOrderOptions
[value
.ordering
?? '__default__'];
366 txt
+= `, ${Ext.String.format(gettext("Ordering: {0}"), orderText)}`;
367 if (value
['case-sensitive']) {
368 txt
+= `, ${gettext('Case-Sensitive')}`;
370 if (Object
.keys(colors
).length
> 0) {
371 txt
+= `, ${gettext('Color Overrides')}: `;
372 for (const tag
of Object
.keys(colors
)) {
373 txt
+= Proxmox
.Utils
.getTagElement(tag
, colors
);
378 header
: gettext('Tag Style Override'),
380 xtype
: 'proxmoxWindowEdit',
382 subject
: gettext('Tag Color Override'),
383 onlineHelp
: 'datacenter_configuration_file',
387 url
: '/api2/extjs/cluster/options',
391 setValues: function(values
) {
392 if (values
=== undefined) {
395 values
= values
?.['tag-style'] ?? {};
396 values
.shape
= values
.shape
|| '__default__';
397 values
.colors
= values
['color-map'];
398 return Proxmox
.panel
.InputPanel
.prototype.setValues
.call(this, values
);
400 onGetValues: function(values
) {
403 style
['color-map'] = values
.colors
;
405 if (values
.shape
&& values
.shape
!== '__default__') {
406 style
.shape
= values
.shape
;
408 if (values
.ordering
) {
409 style
.ordering
= values
.ordering
;
411 if (values
['case-sensitive']) {
412 style
['case-sensitive'] = 1;
414 let value
= PVE
.Parser
.printPropertyString(style
);
417 'delete': 'tag-style',
428 xtype
: 'proxmoxComboGrid',
429 fieldLabel
: gettext('Tree Shape'),
431 displayField
: 'display',
436 header
: gettext('Option'),
437 dataIndex
: 'display',
441 header
: gettext('Preview'),
443 renderer: function(value
) {
444 let cls
= value
?? '__default__';
445 if (value
=== '__default__') {
448 let tags
= PVE
.Utils
.renderTags('preview');
449 return `<div class="proxmox-tags-${cls}">${tags}</div>`;
456 data
: Object
.entries(PVE
.Utils
.tagTreeStyles
).map(v
=> ({
462 defaultValue
: '__default__',
467 xtype
: 'proxmoxKVComboBox',
468 fieldLabel
: gettext('Ordering'),
469 comboItems
: Object
.entries(PVE
.Utils
.tagOrderOptions
),
470 defaultValue
: '__default__',
471 value
: '__default__',
475 name
: 'case-sensitive',
476 xtype
: 'proxmoxcheckbox',
477 fieldLabel
: gettext('Case-Sensitive'),
478 boxLabel
: gettext('Applies to new edits'),
482 xtype
: 'displayfield',
483 fieldLabel
: gettext('Color Overrides'),
487 xtype
: 'pveTagColorGrid',
497 me
.rows
['user-tag-access'] = {
499 renderer
: (value
) => {
500 if (value
=== undefined) {
501 return Ext
.String
.format(gettext('Mode: {0}'), 'free');
503 let mode
= value
?.['user-allow'] ?? 'free';
504 let list
= value
?.['user-allow-list']?.join(',') ?? '';
505 let modeTxt
= Ext
.String
.format(gettext('Mode: {0}'), mode
);
506 let overrides
= PVE
.Utils
.tagOverrides
;
507 let tags
= PVE
.Utils
.renderTags(list
, overrides
);
508 let listTxt
= tags
!== '' ? `, ${gettext('Pre-defiend:')} ${tags}` : '';
509 return `${modeTxt}${listTxt}`;
511 header
: gettext('User Tag Access'),
513 xtype
: 'pveUserTagAccessEdit',
517 me
.rows
['registered-tags'] = {
519 renderer
: (value
) => {
520 if (value
=== undefined) {
521 return gettext('No Registered Tags');
523 let overrides
= PVE
.Utils
.tagOverrides
;
524 return PVE
.Utils
.renderTags(value
.join(','), overrides
);
526 header
: gettext('Registered Tags'),
528 xtype
: 'pveRegisteredTagEdit',
532 me
.selModel
= Ext
.create('Ext.selection.RowModel', {});
536 text
: gettext('Edit'),
537 xtype
: 'proxmoxButton',
539 handler: function() { me
.run_editor(); },
540 selModel
: me
.selModel
,
542 url
: "/api2/json/cluster/options",
544 url
: "/api2/extjs/cluster/options",
549 itemdblclick
: me
.run_editor
,
555 // set the new value for the default console
556 me
.mon(me
.rstore
, 'load', function(store
, records
, success
) {
561 var rec
= store
.getById('console');
562 PVE
.UIOptions
.console
= rec
.data
.value
;
563 if (rec
.data
.value
=== '__default__') {
564 delete PVE
.UIOptions
.console
;
567 PVE
.UIOptions
['tag-style'] = store
.getById('tag-style')?.data
?.value
;
568 PVE
.Utils
.updateTagSettings(PVE
.UIOptions
['tag-style']);
571 me
.on('activate', me
.rstore
.startUpdate
);
572 me
.on('destroy', me
.rstore
.stopUpdate
);
573 me
.on('deactivate', me
.rstore
.stopUpdate
);