Ext.define('treps.view.Application.Help.HelpPanel' ,{
	extend: 'Ext.panel.Panel',

	alias: 'widget.app_help',

	title: 'Help',

	width: 500,

	collapsible: true,

	collapsed: false,

	split: true,

	autoScroll: true,

	initComponent: function() {
		this.callParent(arguments);
	},

	layout: {
		type: 'vbox',
		padding: 5,
		margin: 5,
		align: 'stretch'
	},

	items: [
		{
			xtype: 'combo',
			editable: false,
			store: 'Helps',
			displayField: 'title',
			valueField : 'id'
		},
		{
			xtype: 'panel',
			loader: {
				renderer: 'html'
			},
			layout: 'fit'
		}
	]
});