mirror of
https://git.proxmox.com/git/pve-manager
synced 2025-08-03 21:42:14 +00:00
8e9267f309
Considers the newly added options from browser local storage. We have to save the last sorting mechanism there, so we can detect if it changes and trigger the movement/text changes (otherwise the tree nodes won't be updated/moved) Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
108 lines
3.0 KiB
JavaScript
108 lines
3.0 KiB
JavaScript
Ext.define('PVE.UIOptions', {
|
|
singleton: true,
|
|
|
|
options: {
|
|
'allowed-tags': [],
|
|
},
|
|
|
|
update: function() {
|
|
Proxmox.Utils.API2Request({
|
|
url: '/cluster/options',
|
|
method: 'GET',
|
|
success: function(response) {
|
|
for (const option of ['allowed-tags', 'console', 'tag-style']) {
|
|
PVE.UIOptions.options[option] = response?.result?.data?.[option];
|
|
}
|
|
|
|
PVE.UIOptions.updateTagList(PVE.UIOptions.options['allowed-tags']);
|
|
PVE.UIOptions.updateTagSettings(PVE.UIOptions.options['tag-style']);
|
|
PVE.UIOptions.fireUIConfigChanged();
|
|
},
|
|
});
|
|
},
|
|
|
|
tagList: [],
|
|
|
|
updateTagList: function(tags) {
|
|
PVE.UIOptions.tagList = [...new Set([...tags])].sort();
|
|
},
|
|
|
|
parseTagOverrides: function(overrides) {
|
|
let colors = {};
|
|
(overrides || "").split(';').forEach(color => {
|
|
if (!color) {
|
|
return;
|
|
}
|
|
let [tag, color_hex, font_hex] = color.split(':');
|
|
let r = parseInt(color_hex.slice(0, 2), 16);
|
|
let g = parseInt(color_hex.slice(2, 4), 16);
|
|
let b = parseInt(color_hex.slice(4, 6), 16);
|
|
colors[tag] = [r, g, b];
|
|
if (font_hex) {
|
|
colors[tag].push(parseInt(font_hex.slice(0, 2), 16));
|
|
colors[tag].push(parseInt(font_hex.slice(2, 4), 16));
|
|
colors[tag].push(parseInt(font_hex.slice(4, 6), 16));
|
|
}
|
|
});
|
|
return colors;
|
|
},
|
|
|
|
tagOverrides: {},
|
|
|
|
updateTagOverrides: function(colors) {
|
|
let sp = Ext.state.Manager.getProvider();
|
|
let color_state = sp.get('colors', '');
|
|
let browser_colors = PVE.UIOptions.parseTagOverrides(color_state);
|
|
PVE.UIOptions.tagOverrides = Ext.apply({}, browser_colors, colors);
|
|
},
|
|
|
|
updateTagSettings: function(style) {
|
|
let overrides = style?.['color-map'];
|
|
PVE.UIOptions.updateTagOverrides(PVE.UIOptions.parseTagOverrides(overrides ?? ""));
|
|
|
|
let shape = style?.shape ?? 'circle';
|
|
if (shape === '__default__') {
|
|
style = 'circle';
|
|
}
|
|
|
|
Ext.ComponentQuery.query('pveResourceTree')[0].setUserCls(`proxmox-tags-${shape}`);
|
|
},
|
|
|
|
tagTreeStyles: {
|
|
'__default__': `${Proxmox.Utils.defaultText} (${gettext('Circle')})`,
|
|
'full': gettext('Full'),
|
|
'circle': gettext('Circle'),
|
|
'dense': gettext('Dense'),
|
|
'none': Proxmox.Utils.NoneText,
|
|
},
|
|
|
|
tagOrderOptions: {
|
|
'__default__': `${Proxmox.Utils.defaultText} (${gettext('Alphabetical')})`,
|
|
'config': gettext('Configuration'),
|
|
'alphabetical': gettext('Alphabetical'),
|
|
},
|
|
|
|
shouldSortTags: function() {
|
|
return !(PVE.UIOptions.options['tag-style']?.ordering === 'config');
|
|
},
|
|
|
|
getTreeSortingValue: function(key) {
|
|
let localStorage = Ext.state.Manager.getProvider();
|
|
let browserValues = localStorage.get('pve-tree-sorting');
|
|
let defaults = {
|
|
'sort-field': 'vmid',
|
|
'group-templates': true,
|
|
'group-guest-types': true,
|
|
};
|
|
|
|
return browserValues?.[key] ?? defaults[key];
|
|
},
|
|
|
|
fireUIConfigChanged: function() {
|
|
if (!PVE.data.ResourceStore.isLoading() && PVE.data.ResourceStore.isLoaded()) {
|
|
PVE.data.ResourceStore.fireEvent('load');
|
|
}
|
|
Ext.GlobalEvents.fireEvent('loadedUiOptions');
|
|
},
|
|
});
|