saas-platform/frontend/saas-web/app/view/home/MsgCard.js

Ext.define('saas.view.home.MsgCard', {
    extend: 'Ext.panel.Panel',
    xtype: 'msgcard',

    cls: 'info-card-item info-card-large-wrap shadow',

    containerColor: '',

    height: 200,

    data: {
        count: 0,
        title: '',
        icon: ''
    },

    tpl: '<div><span class="x-fa fa-{icon}"></span><h2>{count}</h2><div class="infodiv">{title}</div></div>',

    initComponent: function(){
        var me = this;

        Ext.apply(me, {
            cls: me.config.containerColor
        });

        me.callParent(arguments);
    }
});