Ext.define('treps.view.Application.Footer.FooterToolbar' ,{
    extend: 'Ext.toolbar.Toolbar',
	
	alias: 'widget.footer_toolbar',
	
	initComponent: function() {
		this.callParent(arguments);
	},

	layout:{
		pack: 'center',
		type: 'hbox'
	},
	
	items: [
		{
			xtype: 'button',
			id: 'resetOpButton',
			scale: 'large',
			text: 'Reset',
			iconCls: 'icons-24x24-erase',
			width: 120
        	},
		{
			xtype: 'tbspacer',
			width: 120
		},
		{
			xtype: 'button',
			id: 'prevStepButton',
			scale: 'large',
			text: 'Previous',
			iconCls: 'icons-24x24-back',
			width: 120
		},
		{
			xtype: 'button',
			id: 'nextStepButton',
			scale: 'large',
			text: 'Next',
			iconAlign: 'right',
			iconCls: 'icons-24x24-forward',
			width: 120
		},
		{
			xtype: 'tbspacer',
			width: 120
		},
		{
			xtype: 'button',
			id: 'aboutButton',
			scale: 'large',
			text: 'About',
			iconCls: 'icons-24x24-question'
		}
	]
});