/**
 * Project   : AMDA-NG
 * Name      : PlotElementPanel.js
 * @class   amdaPlotComp.PlotElementPanel
 * @extends Ext.form.Panel
 * @brief   Element of a plot request definition
 * @author  Benjamin Renard
 * @version $Id: PlotElementPanel.js benjamin $
 */

Ext.define('amdaPlotComp.PlotElementPanel', {
	extend: 'Ext.form.Panel',
	

	elementFormsManager : new Ext.AbstractManager(),
	

	crtTree   : null,
	

	constructor: function(config) {
		this.init(config);	    
		this.callParent(arguments);
	},
	

	destroy: function() {
		this.elementFormsManager.each(function (key, value, length) {
			this.elementFormsManager.unregister(value);
    	}, this);
		this.callParent();
	},
	

	setElement: function(type, object, tree) {
		this.removeAll(false);

		this.crtTree   = tree;

		var me =this;
		this.getElementForm(type, function (elementForm) {
			me.add(elementForm);
			elementForm.crtTree = tree;
			if (elementForm.setObject)
				elementForm.setObject(object);
		});

	},
	
	resetElement: function() {

		this.setElement('',null,null);

	},
	

	getElementForm: function(type, onFormReady) {

		var formId = type;
		if (type == '')
			formId = 'none';

		formId += '-element-form';

		
		if (this.rendered)
			this.getEl().mask();

		var me = this;

		if (!this.elementFormsManager.get(formId))
		{
			//Create element form

			var element_name = '';
			var element_text = '';

			switch (type)
			{
			case 'page' :

				element_name = 'amdaPlotComp.PlotPageForm';

				break;
			case 'panel' :

				element_name = 'amdaPlotComp.PlotPanelForm';

				break;
			case 'time-axis' :

				element_name = 'amdaPlotComp.PlotTimeAxisForm';

				break;
			case 'epoch-axis' :

				element_name = 'amdaPlotComp.PlotEpochAxisForm';

				break;
			case 'color-axis' :

				element_name = 'amdaPlotComp.PlotColorAxisForm';

				break;
			case 'x-axis' :
			case 'y-left-axis' :
			case 'y-right-axis' :

				element_name = 'amdaPlotComp.PlotBaseAxisForm';

				break;

			case 'param' :

				element_name = 'amdaPlotComp.PlotParamForm';

				break;

			case 'layout' :

				element_name = 'amdaPlotComp.PlotLayoutForm';

				break;

			case 'series-legend' :

				element_name = 'amdaPlotComp.PlotLegendSeriesForm';

				break;

			case 'text-legend' :

				element_name = 'amdaPlotComp.PlotLegendTextForm';

				break;
			case 'text-legends' :

				element_name = 'amdaPlotComp.PlotLegendsTextForm';

				break;

			case 'drawing-objects' :

				element_name = 'amdaPlotComp.PlotDrawingObjectForm';

				break;
			case 'constant' :

				element_name = 'amdaPlotComp.PlotConstantForm';

				break;

			case 'text-obj' :

				element_name = 'amdaPlotComp.PlotTextForm';

				break;
			case 'curve' :

				element_name = 'amdaPlotComp.PlotCurveForm';

				break;

			case 'fills' :

				element_name = 'amdaPlotComp.PlotFillsForm';

				break;
			case 'fill' :

				element_name = 'amdaPlotComp.PlotFillForm';

				break;

			case '' :

				element_name = 'Ext.form.Label';
				element_text = 'Select an element in the tree to show options';

				break;
			default :

				element_name = 'Ext.form.Label';
				element_text = 'No available options for this element';
			}
			
			var create_func = function() {
				var formArgs = {
						id: formId
				};
				
				if (element_text != '')
					formArgs.text = element_text;
				
				var new_element_form = Ext.create(element_name, formArgs);
				me.elementFormsManager.register(new_element_form);
				
				if (new_element_form.updateElement) {
					new_element_form.updateElement(function () {
						if (onFormReady != null)
							onFormReady(me.elementFormsManager.get(formId));
						if (me.rendered)
							me.getEl().unmask();
					});
				}
				else {
					if (onFormReady != null)
						onFormReady(me.elementFormsManager.get(formId));
					if (me.rendered)
						me.getEl().unmask();
				}
			};
			
			if (!Ext.ClassManager.get(element_name)) {
				var me = this;
				//Load class source code
				Ext.require(element_name, function() {
					//Create element
					create_func();
				});

			}

			else
				//Create element
				create_func();
				

			return;

		}

		
		if (this.rendered)
			this.getEl().unmask();
		
		if (onFormReady != null)
			onFormReady(this.elementFormsManager.get(formId));

	},
	
	init : function(config) {
		var me = this;
		
		var myConf = {
				title : 'Selected element options',
	        	bodyStyle: { background : '#dfe8f6' },
	        	autoScroll: true,
				defaults: {
					border: false
				}
		};
		
		Ext.apply (this , Ext.apply (arguments, myConf));
	}
});