ui: datastore selector: move maintenance mode inline with icon

else it's a lot of wasted space for the ordinary case, that hasn't
permanent maintenance modes activated, and even if, their admins
should be used to it, so not the best space/usability ROI there
either.

Just use the icon as visual clue and add a tooltip for the
maintenance mode info.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2022-05-17 10:49:30 +02:00
parent c15b058db7
commit e7ddae292a

View File

@ -19,7 +19,14 @@ Ext.define('PBS.form.DataStoreSelector', {
header: gettext('Datastore'),
sortable: true,
dataIndex: 'store',
renderer: Ext.String.htmlEncode,
renderer: (v, metaData, rec) => {
let icon = '';
if (rec.data?.maintenance) {
let tip = Ext.String.htmlEncode(PBS.Utils.renderMaintenance(rec.data?.maintenance));
icon = ` <i data-qtip="${tip}" class="fa fa-wrench"></i>`;
}
return Ext.String.htmlEncode(v) + icon;
},
flex: 1,
},
{
@ -29,15 +36,6 @@ Ext.define('PBS.form.DataStoreSelector', {
renderer: Ext.String.htmlEncode,
flex: 1,
},
{
header: gettext('Maintenance'),
sortable: true,
dataIndex: 'maintenance',
renderer: (value) => {
return PBS.Utils.renderMaintenance(value);
},
flex: 1,
}
],
},
});