ui: ceph/pool: fix minWidths for columns to support 720p without scrolling

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2021-04-21 15:41:03 +02:00
parent 00c0fc4bb5
commit 0e0f861a04

View File

@ -238,14 +238,14 @@ Ext.define('PVE.node.CephPoolList', {
{ {
text: '# of Placement Groups', text: '# of Placement Groups',
flex: 1, flex: 1,
minWidth: 150, minWidth: 100,
align: 'right', align: 'right',
dataIndex: 'pg_num', dataIndex: 'pg_num',
}, },
{ {
text: gettext('Optimal # of PGs'), text: gettext('Optimal # of PGs'),
flex: 1, flex: 1,
minWidth: 140, minWidth: 100,
align: 'right', align: 'right',
dataIndex: 'pg_num_final', dataIndex: 'pg_num_final',
renderer: function(value, metaData) { renderer: function(value, metaData) {
@ -259,15 +259,15 @@ Ext.define('PVE.node.CephPoolList', {
{ {
text: gettext('Min. # of PGs'), text: gettext('Min. # of PGs'),
flex: 1, flex: 1,
minWidth: 140, minWidth: 100,
align: 'right', align: 'right',
dataIndex: 'pg_num_min', dataIndex: 'pg_num_min',
hidden: true, hidden: true,
}, },
{ {
text: gettext('Target Size Ratio'), text: gettext('Target Ratio'),
flex: 1, flex: 1,
minWidth: 140, minWidth: 100,
align: 'right', align: 'right',
dataIndex: 'target_size_ratio', dataIndex: 'target_size_ratio',
renderer: Ext.util.Format.numberRenderer('0.0000'), renderer: Ext.util.Format.numberRenderer('0.0000'),
@ -276,7 +276,7 @@ Ext.define('PVE.node.CephPoolList', {
{ {
text: gettext('Target Size'), text: gettext('Target Size'),
flex: 1, flex: 1,
minWidth: 140, minWidth: 100,
align: 'right', align: 'right',
dataIndex: 'target_size', dataIndex: 'target_size',
hidden: true, hidden: true,
@ -292,7 +292,7 @@ Ext.define('PVE.node.CephPoolList', {
{ {
text: gettext('Autoscale Mode'), text: gettext('Autoscale Mode'),
flex: 1, flex: 1,
minWidth: 140, minWidth: 100,
align: 'right', align: 'right',
dataIndex: 'pg_autoscale_mode', dataIndex: 'pg_autoscale_mode',
}, },
@ -301,15 +301,13 @@ Ext.define('PVE.node.CephPoolList', {
flex: 1, flex: 1,
align: 'right', align: 'right',
minWidth: 150, minWidth: 150,
renderer: function(v, meta, rec) { renderer: (v, meta, rec) => `${v} (${rec.data.crush_rule})`,
return v + ' (' + rec.data.crush_rule + ')';
},
dataIndex: 'crush_rule_name', dataIndex: 'crush_rule_name',
}, },
{ {
text: gettext('Used') + ' (%)', text: gettext('Used') + ' (%)',
flex: 1, flex: 1,
minWidth: 180, minWidth: 150,
sortable: true, sortable: true,
align: 'right', align: 'right',
dataIndex: 'bytes_used', dataIndex: 'bytes_used',