* [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames @ 2025-02-05 13:22 Dominik Csapak 2025-03-04 13:05 ` Fiona Ebner 2025-03-04 14:15 ` Dominik Csapak 0 siblings, 2 replies; 5+ messages in thread From: Dominik Csapak @ 2025-02-05 13:22 UTC (permalink / raw) To: pve-devel by using 'localeCompare'. Assume the files 'a', 'B' and 'c'. The current default sorting results in : 'B' 'a' 'c' (C collation) With this patch we use locale dependent sorting, so the browser/client setting controls how it's sorted. For example with english, the list becomes: 'a' 'B' 'c' Which makes it easier to visually search for specific entries. Using the default settings here makes sense (so no explicit 'sensitivity' setting for example.), since that is whats most expected per locale. Interestingly, the initial sorter (via the 'sorters' property of the store), cannot seem to reuse the sorter defined in the columns, so we have to specify it twice, once for the initial sort and once when the user clicks the column header. Previously the default sorter was by 'volid' which was sometimes not even fully visible (i.e. 'local:100/vm-100...' becomes 'vm-100...') which lead to confusing sorting results, as 'base' volumes were interspersed with the normal vm volumes, but the list was sorted by vmid alphabetically (not numerical). Now the result is sorted by what the user can see, which is IMO a better experience. Signed-off-by: Dominik Csapak <d.csapak@proxmox.com> --- www/manager6/storage/ContentView.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/www/manager6/storage/ContentView.js b/www/manager6/storage/ContentView.js index daefaf4f..a40880de 100644 --- a/www/manager6/storage/ContentView.js +++ b/www/manager6/storage/ContentView.js @@ -43,10 +43,9 @@ Ext.define('PVE.storage.ContentView', { content: content, }, }, - sorters: { - property: 'volid', - direction: 'ASC', - }, + sorters: [ + (a, b) => a.data.text.toString().localeCompare(b.data.text.toString()), + ], }); if (!me.sm) { @@ -153,6 +152,7 @@ Ext.define('PVE.storage.ContentView', { flex: 2, sortable: true, renderer: PVE.Utils.render_storage_content, + sorter: (a, b) => a.data.text.toString().localeCompare(b.data.text.toString()), dataIndex: 'text', }, 'notes': { -- 2.39.5 _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel ^ permalink raw reply [flat|nested] 5+ messages in thread
* Re: [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames 2025-02-05 13:22 [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames Dominik Csapak @ 2025-03-04 13:05 ` Fiona Ebner 2025-03-04 13:14 ` Dominik Csapak 2025-03-04 14:15 ` Dominik Csapak 1 sibling, 1 reply; 5+ messages in thread From: Fiona Ebner @ 2025-03-04 13:05 UTC (permalink / raw) To: Proxmox VE development discussion, Dominik Csapak Am 05.02.25 um 14:22 schrieb Dominik Csapak: > by using 'localeCompare'. > > Assume the files 'a', 'B' and 'c'. The current default sorting results > in : > > 'B' > 'a' > 'c' > > (C collation) > > With this patch we use locale dependent sorting, so the browser/client > setting controls how it's sorted. For example with english, the list > becomes: > > 'a' > 'B' > 'c' > > Which makes it easier to visually search for specific entries. Using the > default settings here makes sense (so no explicit 'sensitivity' setting > for example.), since that is whats most expected per locale. > > Interestingly, the initial sorter (via the 'sorters' property of the > store), cannot seem to reuse the sorter defined in the columns, so we > have to specify it twice, once for the initial sort and once when the > user clicks the column header. > > Previously the default sorter was by 'volid' which was sometimes not > even fully visible (i.e. 'local:100/vm-100...' becomes 'vm-100...') > which lead to confusing sorting results, as 'base' volumes were > interspersed with the normal vm volumes, but the list was sorted by vmid > alphabetically (not numerical). > > Now the result is sorted by what the user can see, which is IMO a better > experience. > While we're at it, should/can we make sorting numerically work too? There is a 'numeric' option we could set, not sure if that's better or not here and if that is intended to work for mixed strings like soemthing9.yaml, something10.yaml or only for purely numeric ones. > Signed-off-by: Dominik Csapak <d.csapak@proxmox.com> Had to use utf8::decode() in the storage backend's get_subdir_files() to be able to test with a path with special character 'ä' (to compare Swedish and German ordering). Because the returned path from the API is garbled otherwise. But that is orthogonal to the fix here, so Reviewed-by: Fiona Ebner <f.ebner@proxmox.com> Tested-by: Fiona Ebner <f.ebner@proxmox.com> > --- > www/manager6/storage/ContentView.js | 8 ++++---- > 1 file changed, 4 insertions(+), 4 deletions(-) > > diff --git a/www/manager6/storage/ContentView.js b/www/manager6/storage/ContentView.js > index daefaf4f..a40880de 100644 > --- a/www/manager6/storage/ContentView.js > +++ b/www/manager6/storage/ContentView.js > @@ -43,10 +43,9 @@ Ext.define('PVE.storage.ContentView', { > content: content, > }, > }, > - sorters: { > - property: 'volid', > - direction: 'ASC', > - }, > + sorters: [ > + (a, b) => a.data.text.toString().localeCompare(b.data.text.toString()), > + ], > }); > > if (!me.sm) { > @@ -153,6 +152,7 @@ Ext.define('PVE.storage.ContentView', { > flex: 2, > sortable: true, > renderer: PVE.Utils.render_storage_content, > + sorter: (a, b) => a.data.text.toString().localeCompare(b.data.text.toString()), > dataIndex: 'text', > }, > 'notes': { _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel ^ permalink raw reply [flat|nested] 5+ messages in thread
* Re: [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames 2025-03-04 13:05 ` Fiona Ebner @ 2025-03-04 13:14 ` Dominik Csapak 2025-03-04 13:30 ` Thomas Lamprecht 0 siblings, 1 reply; 5+ messages in thread From: Dominik Csapak @ 2025-03-04 13:14 UTC (permalink / raw) To: Fiona Ebner, Proxmox VE development discussion On 3/4/25 14:05, Fiona Ebner wrote: > Am 05.02.25 um 14:22 schrieb Dominik Csapak: >> by using 'localeCompare'. >> >> Assume the files 'a', 'B' and 'c'. The current default sorting results >> in : >> >> 'B' >> 'a' >> 'c' >> >> (C collation) >> >> With this patch we use locale dependent sorting, so the browser/client >> setting controls how it's sorted. For example with english, the list >> becomes: >> >> 'a' >> 'B' >> 'c' >> >> Which makes it easier to visually search for specific entries. Using the >> default settings here makes sense (so no explicit 'sensitivity' setting >> for example.), since that is whats most expected per locale. >> >> Interestingly, the initial sorter (via the 'sorters' property of the >> store), cannot seem to reuse the sorter defined in the columns, so we >> have to specify it twice, once for the initial sort and once when the >> user clicks the column header. >> >> Previously the default sorter was by 'volid' which was sometimes not >> even fully visible (i.e. 'local:100/vm-100...' becomes 'vm-100...') >> which lead to confusing sorting results, as 'base' volumes were >> interspersed with the normal vm volumes, but the list was sorted by vmid >> alphabetically (not numerical). >> >> Now the result is sorted by what the user can see, which is IMO a better >> experience. >> > > While we're at it, should/can we make sorting numerically work too? > There is a 'numeric' option we could set, not sure if that's better or > not here and if that is intended to work for mixed strings like > soemthing9.yaml, something10.yaml or only for purely numeric ones. > good catch, from my short testing, yes this seems to work as intended, e.g. (copied & adapted from mdn): console.log("foo2".localeCompare("foo10")); // 1 console.log("foo2".localeCompare("foo10", undefined, { numeric: true })); // -1 i think using numeric sort here is more "natural", even many users already expect it to be sorted lexical i guess any other opinions on that? >> Signed-off-by: Dominik Csapak <d.csapak@proxmox.com> > > Had to use utf8::decode() in the storage backend's get_subdir_files() to > be able to test with a path with special character 'ä' (to compare > Swedish and German ordering). Because the returned path from the API is > garbled otherwise. But that is orthogonal to the fix here, so > > Reviewed-by: Fiona Ebner <f.ebner@proxmox.com> > Tested-by: Fiona Ebner <f.ebner@proxmox.com> > >> --- >> www/manager6/storage/ContentView.js | 8 ++++---- >> 1 file changed, 4 insertions(+), 4 deletions(-) >> >> diff --git a/www/manager6/storage/ContentView.js b/www/manager6/storage/ContentView.js >> index daefaf4f..a40880de 100644 >> --- a/www/manager6/storage/ContentView.js >> +++ b/www/manager6/storage/ContentView.js >> @@ -43,10 +43,9 @@ Ext.define('PVE.storage.ContentView', { >> content: content, >> }, >> }, >> - sorters: { >> - property: 'volid', >> - direction: 'ASC', >> - }, >> + sorters: [ >> + (a, b) => a.data.text.toString().localeCompare(b.data.text.toString()), >> + ], >> }); >> >> if (!me.sm) { >> @@ -153,6 +152,7 @@ Ext.define('PVE.storage.ContentView', { >> flex: 2, >> sortable: true, >> renderer: PVE.Utils.render_storage_content, >> + sorter: (a, b) => a.data.text.toString().localeCompare(b.data.text.toString()), >> dataIndex: 'text', >> }, >> 'notes': { > _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel ^ permalink raw reply [flat|nested] 5+ messages in thread
* Re: [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames 2025-03-04 13:14 ` Dominik Csapak @ 2025-03-04 13:30 ` Thomas Lamprecht 0 siblings, 0 replies; 5+ messages in thread From: Thomas Lamprecht @ 2025-03-04 13:30 UTC (permalink / raw) To: Proxmox VE development discussion, Dominik Csapak, Fiona Ebner Am 04.03.25 um 14:14 schrieb Dominik Csapak: >> While we're at it, should/can we make sorting numerically work too? >> There is a 'numeric' option we could set, not sure if that's better or >> not here and if that is intended to work for mixed strings like >> soemthing9.yaml, something10.yaml or only for purely numeric ones. >> > good catch, from my short testing, yes this seems to work as intended, e.g. > (copied & adapted from mdn): > > console.log("foo2".localeCompare("foo10")); // 1 > console.log("foo2".localeCompare("foo10", undefined, { numeric: true })); // -1 > > i think using numeric sort here is more "natural", > even many users already expect it to be sorted lexical i guess > > any other opinions on that? I agree with you and would enable that option too, as it's frontend only we can always change this if doing so really causes some reasonable complaints. _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel ^ permalink raw reply [flat|nested] 5+ messages in thread
* Re: [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames 2025-02-05 13:22 [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames Dominik Csapak 2025-03-04 13:05 ` Fiona Ebner @ 2025-03-04 14:15 ` Dominik Csapak 1 sibling, 0 replies; 5+ messages in thread From: Dominik Csapak @ 2025-03-04 14:15 UTC (permalink / raw) To: pve-devel superseded by v2: https://lore.proxmox.com/pve-devel/20250304141452.2594160-1-d.csapak@proxmox.com/ _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel ^ permalink raw reply [flat|nested] 5+ messages in thread
end of thread, other threads:[~2025-03-04 14:15 UTC | newest] Thread overview: 5+ messages (download: mbox.gz / follow: Atom feed) -- links below jump to the message on this page -- 2025-02-05 13:22 [pve-devel] [PATCH manager] fix #6138: ui: storage content: use locale for sorting filenames Dominik Csapak 2025-03-04 13:05 ` Fiona Ebner 2025-03-04 13:14 ` Dominik Csapak 2025-03-04 13:30 ` Thomas Lamprecht 2025-03-04 14:15 ` Dominik Csapak
This is an external index of several public inboxes, see mirroring instructions on how to clone and mirror all data and code used by this external index.Service provided by Proxmox Server Solutions GmbH | Privacy | Legal