

Ext.apply(Ext.util.Format, {
	nickname: function(v) {
		return String.format('<span style="font-weight: bold" class="nickname">{0}</span>', v);
	},
	
	percentage: function(v) {
        v = Ext.util.Format.number(v, '0.00');
        
        var color;
        
        if (v > 0) {
            color = 'green';
        } else if (v < 0) {
            color = 'red';
        } else {
            color = 'inherit';
            v = '-';
        }
        
        return String.format('<span style="color: {0}">{1}</span>', color, v);
	},
    
    change: function(v) {
        var color;
        
        if (v > 0) {
            color = 'green';
        } else if (v < 0) {
            color = 'red';
        } else {
            color = 'inherit';
            v = '-';
        }
        
        return String.format('<span style="color: {0}">{1}</span>', color, v);
    },
    
    temperature: function(v) {
        return Ext.util.Format.defaultValue(v, '-');
    }
});