TG.RuleDetail = Ext.extend(Ext.FormPanel, {
	id : 'rule-detail',
	title: 'Details',
	frame: false,
	labelAlign: 'top',
	bodyStyle: 'padding: 5px',
	autoScroll: true,
	initComponent: function() {
		Ext.apply(this, {
			items: [{
				xtype: 'textarea',
				name: 'oorzaak',
				readOnly: true,
				fieldLabel: 'Oorzaak',
				anchor: '-18'
			},{
				xtype: 'textarea',
				name: 'gebeurtenis',
				readOnly: true,
				fieldLabel: 'Gebeurtenis',
				anchor: '-18'
			},{
				xtype: 'textarea',
				name: 'gevolg',
				readOnly: true,
				fieldLabel: 'Gevolg',
				anchor: '-18'
			},{
				xtype: 'management-measure',
				height: 250,
				title: 'Beheersmaatregelen',
				anchor: '-18'
			}]
		});
		TG.RuleDetail.superclass.initComponent.apply(this, arguments);
	}
});

Ext.reg('rule-detail', TG.RuleDetail);