Code:
Ext.define('Atix.view.Param', {
extend: 'Ext.Container',
xtype : 'paramView',
requires: ['Ext.Toolbar','Ext.Label','Ext.Button','Ext.field.Select', 'Ext.form.Panel', 'Ext.field.Checkbox'],
config:{
layout:'vbox',
items:
[
{
xtype: 'panel',
layout:'vbox',
items: [
{
xtype: 'label',
docked:'top',
html: 'Notifications'
},
{
xtype: 'fieldset',
docked:'top',
title: 'Choisissez le type de notification souhaité',
id: 'paramBox',
items: [
{
xtype: 'checkboxfield',
name : 'jobs',
label: 'Offres d\'emplois',
labelAlign : 'right',
labelWidth:'70%'
},
{
xtype: 'checkboxfield',
name : 'actu',
label: 'Actualités',
labelAlign : 'right',
labelWidth:'70%'
},
{
xtype: 'checkboxfield',
name : 'event',
label: 'Evènements',
labelAlign : 'right',
labelWidth:'70%'
}
]
},
{
xtype: 'label',
docked:'top',
html: 'Localisation'
},
{
xtype: 'fieldset',
id:'localizOffre',
docked:'top',
title: 'Localisez les offres d\'emploi a proximité de chez vous',
items: [
{
xtype: 'selectfield',
options: [
{text: "5km", value: "5"},
{text: "10km", value: "10"},
{text: "15km", value: "15"}
],
labelWidth:'50%',
style: 'font-size: 75%'
}
]
}
]
},
{
xtype: 'panel',
layout:'vbox',
items: [
]
},
{
xtype: 'label',
html: 'Atix sur le Web'
} ,
{
xtype: 'itemReseau',
flex:1,
style: 'font-size: 75%'
} ]}
});