add optional icon to InfoWidget

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak
2018-02-22 14:32:38 +01:00
committed by Thomas Lamprecht
parent cc3bcee00a
commit 60fb2b99b4

View File

@ -16,9 +16,16 @@ Ext.define('PVE.widget.Info',{
itemId: 'label',
data: {
title: '',
usage: ''
usage: '',
iconCls: undefined
},
tpl: '<div class="left-aligned">{title}</div><div class="right-aligned">{usage}</div>'
tpl: [
'<div class="left-aligned">',
'<tpl if="iconCls">',
'<i class="{iconCls}"></i> ',
'</tpl>',
'{title}</div>&nbsp;<div class="right-aligned">{usage}</div>'
]
},
{
height: 2,
@ -42,6 +49,11 @@ Ext.define('PVE.widget.Info',{
me.getComponent('progress').setVisible(enable);
},
setIconCls: function(iconCls) {
var me = this;
me.getComponent('label').data.iconCls = iconCls;
},
updateValue: function(text, usage) {
var me = this;
var label = me.getComponent('label');
@ -78,6 +90,7 @@ Ext.define('PVE.widget.Info',{
me.getComponent('progress').setVisible(me.printBar);
me.updateValue(me.text, me.value);
me.setIconCls(me.iconCls);
}
});