/** * 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 UI plotUI : null, //Multiplot object multiplot_object: null, tabbar_destroy : false, constructor: function(config) { this.init(config); this.callParent(arguments); }, setMultiplotObject: function(multiplot_object) { var me = this; this.removeAll(); this.multiplot_object = multiplot_object; this.multiplot_object.plots().each(function (rec, index) { this.addPlotNode(rec, index == 0); }, this); }, reloadPlot : function(plotNode) { for (i = 0; i < this.items.getCount(); ++i) { var tabItem = this.items.getAt(i); var tabContent = tabItem.items.getAt(0); if (plotNode == tabContent.plotNode) { tabContent.updateUI(); } } }, addPlotNode: function(plotNode, selectTab) { for (i = 0; i < this.items.getCount(); ++i) { var tabItem = this.items.getAt(i); var tabContent = tabItem.items.getAt(0); if (plotNode == tabContent.plotNode) { //Already opened => select tab this.setActiveTab(tabItem); return; } } var tabNumber = this.getTabBar().items.getCount(); var tabContent = new amdaPlotComp.PlotTabContent({plotNode: plotNode, tabIndex: tabNumber-1, plotTabPanel: this}); var me = this; var tabComp = this.add({ title: tabContent.getPlotTitle(), 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).plotNode) { this.multiplot_object.removePlotByInternalId(tab.items.getAt(0).plotNode.internalId); } }, destroy: function(tab, eOpts) { if (!this.tabbar_destroy) this.updatePlotTabs(); } } }); if (selectTab) this.setActiveTab(tabComp); return tabContent; }, updatePlotTabs: function() { for (i = 0; i < this.items.getCount(); ++i) { var tabItem = this.items.getAt(i); var tabContent = tabItem.items.getAt(0); tabContent.tabIndex = i; var plotNode = tabContent.plotNode; var title = tabContent.getPlotTitle(); tabItem.setTitle(title); if (!this.getActiveTab()) this.setActiveTab(tabItem); } }, updateRequestName: function(renamedNode) { for (i = 0; i < this.items.getCount(); ++i) { var tabItem = this.items.getAt(i); var tabContent = tabItem.items.getAt(0); var plotNode = tabContent.plotNode; if (plotNode == renamedNode) { plotNode.get('object').set('name', renamedNode.get('text')); tabContent.updateUI(); } } }, getCurrentPlotTabContent : function() { if (this.getActiveTab()) return this.getActiveTab().child(); return null; }, updateTimeObjects : function() { for (i = 0; i < this.items.getCount(); ++i) { this.items.getAt(i).items.getAt(0).updateTimeObject(); } }, getTreeFromPlotTab: function(plotTab) { return plotTab.child().treePlot; }, init : function(config) { var me = this; this.plotUI = config.plotUI; var myConf = { plain: true, bodyStyle: { background : '#dfe8f6' }, border : false, defaults: { border: false }, tabBar:{ items:[ { text:'+', closable: false, handler:function(btn,e){ var tabContent = me.addPlotNode(me.multiplot_object.createNewPlot(), true); } } ], listeners: { beforedestroy: function(tabbar, eOpts) { me.tabbar_destroy = true; } } } }; Ext.apply (this , Ext.apply (arguments, myConf)); } });