/**
 * Project   : AMDA-NG
 * Name      : PlotTabPanel.js
 * @class   amdaPlotComp.PlotTabPanel
 * @extends Ext.tab.Panel
 * @brief   Component use to show Plot tabs definition
 * @author  Benjamin Renard
 * @version $Id: PlotTabPanel.js benjamin $
 */

Ext.define('amdaPlotComp.PlotTabPanel', {
	extend: 'Ext.tab.Panel',
	
	requires: [
	           'amdaPlotComp.PlotTabContent'
	],
	
	//Link to the Plot Element Panel
    plotElementPanel: null,

    
    //Link to the Plot UI
    plotUI : null,

	
	//Request object
	object: null,
	
	constructor: function(config) {
		this.init(config);	    
		this.callParent(arguments);
	},
	
	setRequestObject: function(object)
	{
		this.object = object;

		this.removeAll();

		var isFirstTab = true;

		this.object.tabs().each(function (rec) {

			this.addPlotTab(rec, isFirstTab);
			isFirstTab = false;

		}, this);
	},
	

	addPlotTab: function(tabObject, selectTab)

	{

		var tabNumber = this.getTabBar().items.getCount();

		var tabContent = new amdaPlotComp.PlotTabContent({plotElementPanel: this.plotElementPanel, plotTabPanel : this, tabId : tabObject.get('id')});

		tabContent.setTabObject(tabObject);

    	var tabComp = this.add({

    		title: 'Plot '+tabNumber,

    		closable: true,
    		layout: 'fit',
    		bodyStyle: 'background: none',
    		defaults: {
				border: false
			},
    		items: [
    		        tabContent

    		],
    		listeners : {
    			scope : this,
    			beforeclose: function( tab, eOpts ) {
    				if (this.items.getCount() == 1)
    				{
    					myDesktopApp.warningMsg('You need to keep at least one plot definition');
    					return false;
    				}
    				return true;
    			},
    			close: function( tab, eOpts ) {

    				if (tab.items.getAt(0).object)
    					this.object.removeTabById(tab.items.getAt(0).object.get('id'));

    			},
    			destroy: function(tab, eOpts) {
    				this.updatePlotTabs();
    			}
    		}

    	});
    	
    	if (selectTab)
    		this.setActiveTab(tabComp);

    	
    	return tabContent;
	},
	

	updatePlotTabs: function()
	{

		var i = 0;
		for (i = 0; i < this.items.getCount(); ++i)
		{
			var tabNumber =  i+1;
			this.items.getAt(i).setTitle('Plot '+tabNumber);

			this.items.getAt(i).items.getAt(0).setTabObject(this.object.tabs().getAt(i));

		}
	},
	

	updateLinkedToMultiPlotMode : function(isLinkedToMultiPlotMode) {
		this.plotUI.updateLinkedToMultiPlotMode(isLinkedToMultiPlotMode);
	},
	
	updateTimeObject : function() {
		for (i = 0; i < this.items.getCount(); ++i)
		{
			this.items.getAt(i).items.getAt(0).updateTimeObject();
		}
	},
	

	getTreeFromPlotTab: function(plotTab)
	{
		return plotTab.child().treePlot;
	},
	

	getSelectedTabId: function()
	{
		if (this.getActiveTab())
			return this.getActiveTab().child().tabId;
		return 0;
	},
	

	init : function(config) {
		var me = this;
		
		this.plotElementPanel = config.plotElementPanel;

		this.plotUI = config.plotUI;

		
		var myConf = {
				plain: true,
				bodyStyle: { background : '#dfe8f6' },  
				defaults: {
					border: false
				},
				
				tabBar:{
					items:[
					       {
					    text:'+',
					    closable: false,
					    handler:function(btn,e){

					    	var tabContent = me.addPlotTab(me.object.createNewTab(), true);

					    }
					}]
				},
				
				listeners: {
					tabchange: function(tabPanel, newCard, oldCard, eOpts ) {

						var newCardTree = this.getTreeFromPlotTab(newCard);
						var selectedNode = newCardTree.getSelectedNode();

						if (selectedNode == null)
							me.plotElementPanel.resetElement();
						else

							me.plotElementPanel.setElement(selectedNode.type,selectedNode.object, newCardTree);

						newCardTree.updateLinkedToMultiPlotMode();

					},
					scope: me
				}
		};
		
		Ext.apply (this , Ext.apply (arguments, myConf));
	}
});