extjs-gpl
Version:
GPL licensed version of Sencha Ext JS
81 lines (75 loc) • 1.84 kB
JavaScript
Ext.define('Admin.view.profile.Social', {
extend: 'Ext.panel.Panel',
xtype: 'profilesocial',
requires: [
'Ext.Button',
'Ext.Container'
],
layout: {
type: 'vbox',
align: 'middle'
},
height: 320,
bodyPadding: 20,
items: [
{
xtype: 'image',
cls: 'userProfilePic',
height: 120,
width: 120,
alt: 'profile-picture',
src: 'resources/images/user-profile/20.png'
},
{
xtype: 'component',
cls: 'userProfileName',
height: '',
html: 'Jessica Warren'
},
{
xtype: 'component',
cls: 'userProfileDesc',
html: 'CO-FOUNDER, CEO'
},
{
xtype: 'container',
layout: 'hbox',
defaults: {
xtype: 'button',
margin: 5
},
margin: 5,
items: [
{
ui: 'facebook',
iconCls: 'x-fa fa-facebook'
},
{
ui: 'soft-cyan',
iconCls: 'x-fa fa-twitter'
},
{
ui: 'soft-red',
iconCls: 'x-fa fa-google-plus'
},
{
ui: 'soft-purple',
iconCls: 'x-fa fa-envelope'
}
]
},
{
xtype: 'button',
width: 220,
text: 'Follow',
platformConfig: {
classic: {
scale: 'large'
},
modern: {
ui: 'action'
}
}
}
]
});