ui: fix align mode of two column container

[pve-manager.git] / www / manager6 / UIOptions.js

diff --git a/www/manager6/UIOptions.js b/www/manager6/UIOptions.js
index c80a7c85921f8dd146b56543163725c6c6b1110e..057c8f031ca67ee0efc11ab49e0aeca9ea6c5f73 100644 (file)
--- a/www/manager6/UIOptions.js
+++ b/www/manager6/UIOptions.js
@@ -16,6 +16,7 @@ Ext.define('PVE.UIOptions', {
 
                PVE.UIOptions.updateTagList(PVE.UIOptions.options['allowed-tags']);
                PVE.UIOptions.updateTagSettings(PVE.UIOptions.options['tag-style']);
+               PVE.UIOptions.fireUIConfigChanged();
            },
        });
     },
@@ -65,11 +66,6 @@ Ext.define('PVE.UIOptions', {
        }
 
        Ext.ComponentQuery.query('pveResourceTree')[0].setUserCls(`proxmox-tags-${shape}`);
-
-       if (!PVE.data.ResourceStore.isLoading() && PVE.data.ResourceStore.isLoaded()) {
-           PVE.data.ResourceStore.fireEvent('load');
-       }
-       Ext.GlobalEvents.fireEvent('loadedUiOptions');
     },
 
     tagTreeStyles: {
@@ -89,4 +85,21 @@ Ext.define('PVE.UIOptions', {
     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() {
+       PVE.data.ResourceStore.refresh();
+       Ext.GlobalEvents.fireEvent('loadedUiOptions');
+    },
 });