ExtJS 4.2

by winsent

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.2.0-gpl/resources/css/ext-all.css">
<script src="http://grias-ptp.rekod.ru/static/js/lib/md5.js"></script>

JavaScript

Ext.define('UserImg', {
    extend: 'Ext.Img',
    autoEl: 'div',
    gravatarUrl: '//www.gravatar.com/avatar',
    gravatarParams: {
       d: 'identicon'
    },
    size: 20,

    getImageUrl: function(email){
        var hash = hex_md5(email).toLowerCase();
        var url = Ext.urlAppend(this.gravatarUrl, hex_md5(email).toLowerCase())
        return Ext.urlAppend(url, Ext.Object.toQueryString(this.gravatarParams));
    },
    
    initComponent: function() {
        this.src = this.getImageUrl(this.email);
        console.log(this.src);
        this.callParent();
    },
});

Ext.create('UserImg', {
    email: '[email protected]',
    renderTo: Ext.getBody()
});