Ext.define('treps.view.Steps.TransformationDefinition.FramesPanel' ,{
	extend: 'Ext.form.Panel',

	alias: 'widget.frames_panel',

	requires: [
		'treps.view.Frames.FramesCombo'
	],

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

	tools: [
		{
			type: 'help',
			pageId: '3dview'
		}
	],

	title: 'Coordinate systems selection',

	layout: {
		type: 'hbox',
		padding: 5,
		margin: 5
	},

	items: [
		{
			xtype: 'frames_combo',
			id: 'srcSysFrame',
			fieldLabel: 'Source system',
			labelWidth: 150,
			padding: 5,
			flex: 1
		},
		{
                        xtype: 'frames_combo',
			id: 'destSysFrame',
                        fieldLabel: 'Destination system',
			labelWidth: 150,
			padding: 5,
			flex: 1
                }
	]
});