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_text_row('mac_prefix', gettext('MAC address prefix'), {
97 defaultValue
: Proxmox
.Utils
.noneText
,
99 me
.add_inputpanel_row('migration', gettext('Migration Settings'), {
100 renderer
: PVE
.Utils
.render_as_property_string
,
102 url
: "/api2/extjs/cluster/options",
105 xtype
: 'displayfield',
107 fieldLabel
: gettext('Type'),
111 xtype
: 'proxmoxNetworkSelector',
113 fieldLabel
: gettext('Network'),
115 emptyText
: Proxmox
.Utils
.defaultText
,
120 me
.add_inputpanel_row('ha', gettext('HA Settings'), {
121 renderer
: PVE
.Utils
.render_dc_ha_opts
,
123 url
: "/api2/extjs/cluster/options",
124 onlineHelp
: 'ha_manager_shutdown_policy',
126 xtype
: 'proxmoxKVComboBox',
127 name
: 'shutdown_policy',
128 fieldLabel
: gettext('Shutdown Policy'),
130 value
: '__default__',
132 ['__default__', Proxmox
.Utils
.defaultText
+ ' (conditional)'],
133 ['freeze', 'freeze'],
134 ['failover', 'failover'],
135 ['migrate', 'migrate'],
136 ['conditional', 'conditional'],
138 defaultValue
: '__default__',
141 me
.add_inputpanel_row('u2f', gettext('U2F Settings'), {
142 renderer
: v
=> !v
? Proxmox
.Utils
.NoneText
: PVE
.Parser
.printPropertyString(v
),
144 url
: "/api2/extjs/cluster/options",
145 onlineHelp
: 'pveum_configure_u2f',
149 fieldLabel
: gettext('U2F AppID URL'),
150 emptyText
: gettext('Defaults to origin'),
154 submitEmptyText
: false,
158 fieldLabel
: gettext('U2F Origin'),
159 emptyText
: gettext('Defaults to requesting host URI'),
163 submitEmptyText
: false,
168 html
: `<span class='pmx-hint'>${gettext('Note:')}</span> `
169 + Ext
.String
.format(gettext('{0} is deprecated, use {1}'), 'U2F', 'WebAuthn'),
172 xtype
: 'displayfield',
174 value
: gettext('NOTE: Changing an AppID breaks existing U2F registrations!'),
177 me
.add_inputpanel_row('webauthn', gettext('WebAuthn Settings'), {
178 renderer
: v
=> !v
? Proxmox
.Utils
.NoneText
: PVE
.Parser
.printPropertyString(v
),
180 url
: "/api2/extjs/cluster/options",
181 onlineHelp
: 'pveum_configure_webauthn',
184 fieldLabel
: gettext('Name'),
185 name
: 'rp', // NOTE: relying party consists of name and id, this is the name
190 fieldLabel
: gettext('Origin'),
191 emptyText
: Ext
.String
.format(gettext("Domain Lockdown (e.g., {0})"), document
.location
.origin
),
201 dirtychange
: (f
, isDirty
) =>
202 f
.up('panel').down('box[id=idChangeWarning]').setHidden(!f
.originalValue
|| !isDirty
),
215 text
: gettext('Auto-fill'),
216 iconCls
: 'fa fa-fw fa-pencil-square-o',
217 handler: function(button
, ev
) {
218 let panel
= this.up('panel');
219 let fqdn
= document
.location
.hostname
;
221 panel
.down('field[name=rp]').setValue(fqdn
);
223 let idField
= panel
.down('field[name=id]');
224 let currentID
= idField
.getValue();
225 if (!currentID
|| currentID
.length
=== 0) {
226 idField
.setValue(fqdn
);
235 html
: `<span class='pmx-hint'>${gettext('Note:')}</span> `
236 + gettext('WebAuthn requires using a trusted certificate.'),
240 id
: 'idChangeWarning',
243 html
: '<i class="fa fa-exclamation-triangle warning"></i> '
244 + gettext('Changing the ID breaks existing WebAuthn TFA entries.'),
247 me
.add_inputpanel_row('bwlimit', gettext('Bandwidth Limits'), {
248 renderer
: me
.render_bwlimits
,
250 url
: "/api2/extjs/cluster/options",
251 parseBeforeSet
: true,
254 xtype
: 'pveBandwidthField',
256 fieldLabel
: gettext('Default'),
257 emptyText
: gettext('none'),
261 xtype
: 'pveBandwidthField',
263 fieldLabel
: gettext('Backup Restore'),
264 emptyText
: gettext('default'),
268 xtype
: 'pveBandwidthField',
270 fieldLabel
: gettext('Migration'),
271 emptyText
: gettext('default'),
275 xtype
: 'pveBandwidthField',
277 fieldLabel
: gettext('Clone'),
278 emptyText
: gettext('default'),
282 xtype
: 'pveBandwidthField',
284 fieldLabel
: gettext('Disk Move'),
285 emptyText
: gettext('default'),
289 me
.add_integer_row('max_workers', gettext('Maximal Workers/bulk-action'), {
293 maxValue
: 64, // arbitrary but generous limit as limits are good
295 me
.add_inputpanel_row('next-id', gettext('Next Free VMID Range'), {
296 renderer
: PVE
.Utils
.render_as_property_string
,
297 url
: "/api2/extjs/cluster/options",
299 xtype
: 'proxmoxintegerfield',
301 fieldLabel
: gettext('Lower'),
304 maxValue
: 1000 * 1000 * 1000 - 1,
307 xtype
: 'proxmoxintegerfield',
309 fieldLabel
: gettext('Upper'),
310 emptyText
: '1.000.000',
312 maxValue
: 1000 * 1000 * 1000 - 1,
316 me
.rows
['tag-style'] = {
318 renderer
: (value
) => {
319 if (value
=== undefined) {
320 return gettext('No Overrides');
322 let colors
= PVE
.Utils
.parseTagOverrides(value
?.['color-map']);
323 let shape
= value
.shape
;
324 let shapeText
= PVE
.Utils
.tagTreeStyles
[shape
?? '__default__'];
325 let txt
= Ext
.String
.format(gettext("Tree Shape: {0}"), shapeText
);
326 let orderText
= PVE
.Utils
.tagOrderOptions
[value
.ordering
?? '__default__'];
327 txt
+= `, ${Ext.String.format(gettext("Ordering: {0}"), orderText)}`;
328 if (Object
.keys(colors
).length
> 0) {
331 for (const tag
of Object
.keys(colors
)) {
332 txt
+= Proxmox
.Utils
.getTagElement(tag
, colors
);
336 header
: gettext('Tag Style Override'),
338 xtype
: 'proxmoxWindowEdit',
340 subject
: gettext('Tag Color Override'),
341 onlineHelp
: 'datacenter_configuration_file',
345 url
: '/api2/extjs/cluster/options',
349 setValues: function(values
) {
350 if (values
=== undefined) {
353 values
= values
?.['tag-style'] ?? {};
354 values
.shape
= values
.shape
|| '__default__';
355 values
.colors
= values
['color-map'];
356 return Proxmox
.panel
.InputPanel
.prototype.setValues
.call(this, values
);
358 onGetValues: function(values
) {
361 style
['color-map'] = values
.colors
;
364 style
.shape
= values
.shape
;
366 if (values
.ordering
) {
367 style
.ordering
= values
.ordering
;
369 let value
= PVE
.Parser
.printPropertyString(style
);
372 'delete': 'tag-style',
382 xtype
: 'proxmoxKVComboBox',
383 fieldLabel
: gettext('Tree Shape'),
384 comboItems
: Object
.entries(PVE
.Utils
.tagTreeStyles
),
385 defaultValue
: '__default__',
390 xtype
: 'proxmoxKVComboBox',
391 fieldLabel
: gettext('Ordering'),
392 comboItems
: Object
.entries(PVE
.Utils
.tagOrderOptions
),
393 defaultValue
: '__default__',
394 value
: '__default__',
398 xtype
: 'displayfield',
399 fieldLabel
: gettext('Color Overrides'),
403 xtype
: 'pveTagColorGrid',
413 me
.rows
['user-tag-access'] = {
415 renderer
: (value
) => {
416 if (value
=== undefined) {
417 return Ext
.String
.format(gettext('Mode: {0}'), 'free');
419 let mode
= value
?.['user-allow'] ?? 'free';
420 let list
= value
?.['user-allow-list'].join(',');
421 let modeTxt
= Ext
.String
.format(gettext('Mode {0}'), mode
);
422 let overrides
= PVE
.Utils
.tagOverrides
;
423 let tags
= PVE
.Utils
.renderTags(list
, overrides
);
425 return `${modeTxt}, ${gettext('Pre-defined:')} ${tags}`;
427 header
: gettext('User Tag Access'),
429 xtype
: 'pveUserTagAccessEdit',
433 me
.rows
['registered-tags'] = {
435 renderer
: (value
) => {
436 if (value
=== undefined) {
437 return gettext('No Registered Tags');
439 let overrides
= PVE
.Utils
.tagOverrides
;
440 return PVE
.Utils
.renderTags(value
.join(','), overrides
);
442 header
: gettext('Registered Tags'),
444 xtype
: 'pveRegisteredTagEdit',
448 me
.selModel
= Ext
.create('Ext.selection.RowModel', {});
452 text
: gettext('Edit'),
453 xtype
: 'proxmoxButton',
455 handler: function() { me
.run_editor(); },
456 selModel
: me
.selModel
,
458 url
: "/api2/json/cluster/options",
460 url
: "/api2/extjs/cluster/options",
465 itemdblclick
: me
.run_editor
,
471 // set the new value for the default console
472 me
.mon(me
.rstore
, 'load', function(store
, records
, success
) {
477 var rec
= store
.getById('console');
478 PVE
.UIOptions
.console
= rec
.data
.value
;
479 if (rec
.data
.value
=== '__default__') {
480 delete PVE
.UIOptions
.console
;
483 PVE
.UIOptions
['tag-style'] = store
.getById('tag-style')?.data
?.value
;
484 PVE
.Utils
.updateTagSettings(PVE
.UIOptions
['tag-style']);
487 me
.on('activate', me
.rstore
.startUpdate
);
488 me
.on('destroy', me
.rstore
.stopUpdate
);
489 me
.on('deactivate', me
.rstore
.stopUpdate
);