TabPlotUI.js 3.12 KB
/**
 * Project   : AMDA-NG
 * Name      : TabPlotUI.js
 * @class 	 amdaUI.TabPlotUI
 * @extends  Ext. 
 * @brief	 Plot Formular  Module UI definition (View)
 * @author 	  
 * @version  $Id: TabPlotUI.js 2622 2014-11-07 14:50:09Z elena $
 ********************************************************************************
 *    FT Id     :   Date   : Name - Description
 *******************************************************************************
 *              
 */

Ext.define('amdaUI.TabPlotUI', {
    extend: 'Ext.container.Container',
    alias: 'widget.tabPlot',
    
   requires: [
        'amdaUI.PlotUI',
        'amdaModel.PlotParam',
        'amdaModel.PlotPanel'    
    ],  

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

    addTT : function(newTTName,newTTid){
        this.tabPanel.getActiveTab().addTT(newTTName,newTTid);
    },
    
    addTTs : function(TTarray) {
        // set TTTab
        this.tabPanel.getActiveTab().addTTs(TTarray);
    },
    
    /**
    * Set Start-Stop from parameter info (Local & MyData)
    */ 
    setTimeFromData : function(obj) 
    {                                                               
        var dateStart = new Date(obj.start.replace(/[T|Z]/g,' ').replace(/\-/g,'\/')); 
        var dateStop = new Date(obj.stop.replace(/[T|Z]/g,' ').replace(/\-/g,'\/')); 
        
        this.tabPanel.getActiveTab().down('form').getForm().setValues({ startDate : dateStart, stopDate : dateStop });
        this.tabPanel.getActiveTab().timeSelector.intervalSel.updateDuration();        
    },
        
    setObject: function(obj){      
       this.tabPanel.getActiveTab().object = obj;
       this.tabPanel.getActiveTab().loadObject();
    },
    
     updateConstruct : function(oldval,newval) 
     { 
       Ext.Array.each(this.tabPanel.items.items, function(item){
	  item.updateConstruct(oldval, newval);
       }, this);
   
     },
    
    init : function(config)	
    {
       this.tabPanel = Ext.create('Ext.tab.Panel',{
	    region: 'center',
	    layout: { type :'vbox' },        
            activeTab: 0,
	    items : [
	      Ext.create(amdaUI.PlotUI,{title: 'Plot 1', id : 'plot1'}),
	      Ext.create(amdaUI.PlotUI,{title: 'Plot 2', id : 'plot2'}),
	      Ext.create(amdaUI.PlotUI,{title: 'Plot 3', id : 'plot3'}),
	      Ext.create(amdaUI.PlotUI,{title: 'Plot 4', id : 'plot4'}),
	      Ext.create(amdaUI.PlotUI,{title: 'Plot 5', id : 'plot5'})		   
	    ]            
        });
	 
	
        var myConf = {
            layout: 'border',
            defaults: { layout: 'fit', border: false },   
            items: [                 
		    this.tabPanel,
		    {
		      xtype: 'panel', region: 'south',
		      title: 'Information',
		      bodyStyle: 'padding:5px',
		      collapsible: true,
		      height: 100,
		      autoHide: false,
		      iconCls: 'icon-information',		     
		      loader: {
			autoLoad: true,
			url: helpDir+'plotHOWTO'
		      }
		  }                        
            ] 
        };

        Ext.apply (this , Ext.apply (arguments, myConf));		
    }
    
});