LoadObject in StatisticsUI

Elena.Budnik
1 parent f7af2e64
Showing 1 changed file with 247 additions and 237 deletions Show diff stats
js/app/views/StatisticsUI.js
@@ -7,18 +7,20 @@
  * @author 	 elena
  */
-Ext.define('amdaUI.StatisticsUI', {
+Ext.define('amdaUI.StatisticsUI', 
+{
 	extend: 'Ext.container.Container',
 	alias: 'widget.panelStatistics',
 	requires : [	
-	//	  'amdaModel.Function'
+			//'amdaModel.Function'
 			'amdaUI.TimeSelectorUI',
 			'amdaUI.ParamArgumentsPlug',
 			'amdaModel.DownloadParam'
 	],
-	statics : {	 
+	statics : 
+	{	 
 	//	  functionStore : null
 	},
@@ -26,13 +28,22 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 	{
 		this.init(config); 
 		this.callParent(arguments);
-	//	if (this.object) this.loadObject();
-		//
+		this.loadObject();
+				 
 		var paramArgsPlug = this.getPlugin('statistics-param-arguments-plugin');
 		if (paramArgsPlug)
 			paramArgsPlug.onApply = this.onApplyParameterArgs;
 	},
-	 
+	
+	loadObject : function()
+	{
+		// load object into form	
+		var basicForm = this.formPanel.items.items[0].getForm();
+		
+		basicForm.loadRecord(this.object);
+		
+	},
+	
 	onApplyParameterArgs : function(parentUI, paramObject) 
 	{
 		parentUI.paramGrid.getView().refresh();
@@ -69,7 +80,7 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 		var r = Ext.create('amdaModel.DownloadParam', paramObj);		
 		this.paramGrid.getStore().add(r);
-	   this.paramGrid.getSelectionModel().select(this.paramGrid.getStore().getCount()-1);  
+		this.paramGrid.getSelectionModel().select(this.paramGrid.getStore().getCount()-1);  
 	//	var pos = this.paramGrid.store.getCount();
 	//	this.paramGrid.store.insert(pos,r); 
 		this.paramGrid.getView().refresh();
@@ -78,7 +89,8 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 			this.editParameterArgs(r);
 	},
-	editParameterArgs: function(record) {
+	editParameterArgs: function(record) 
+	{
 		var paramArgsPlug = this.getPlugin('statistics-param-arguments-plugin');
 		if (paramArgsPlug)
@@ -87,27 +99,28 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 	addTT : function(TTname,TTid)
 	{ 
-	    this.timeSelector.addTT(TTname, TTid); ; 
-	 
+		this.timeSelector.addTT(TTname, TTid); ; 	 
 	},
-	generateCatalog : function(){	     
-	  var module = myDesktopApp.getLoadedModule(myDesktopApp.dynamicModules.statistics.id);
-	  if (module) 
-		module.linkedNode.execute();	     
+	generateCatalog : function()
+	{	     
+		var module = myDesktopApp.getLoadedModule(myDesktopApp.dynamicModules.statistics.id);
+		if (module) 
+			module.linkedNode.execute();	     
 	},
-	/*
-	 * Update this.object from form
-	 */	
-	updateObject : function(){    
+/*
+* Update this.object from form
+*/	
+	updateObject : function()
+	{    
 		// get the basic form of the left 
 		var basicForm = this.formPanel.items.items[0].getForm();
 		var updateStatus = true;
 		var formValues = basicForm.getValues();
-//    this.object.set('name',formValues.name);
-      this.object.set('description',formValues.description);
+		//this.object.set('name',formValues.name);
+		this.object.set('description',formValues.description);
 		var recs = this.paramGrid.getStore().getNewRecords();
 		var paramArr = new Array();
@@ -151,7 +164,8 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 	 * Check if changes were made before closing window 
 	 * @return true if changes
 	 */	
-	fclose : function() {
+	fclose : function() 
+	{
 		if (this.status == null)
 			return false;
@@ -162,8 +176,8 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 	/**
 	 * View configuration
 	 */
-	init : function (config) {
-	  
+	init : function (config) 
+	{	  
 // 	  var functions = Ext.create('Ext.data.Store', {
 // 	    fields: ['id', 'name'],
 // 	    data : [
@@ -200,231 +214,227 @@ Ext.define(&#39;amdaUI.StatisticsUI&#39;, {
 					fields: ['name', 'function'] 
 			});
-		this.paramGrid = Ext.create('Ext.grid.Panel', { 
-	      title: 'Select Parameter & Apply Function',
-	      selType : 'rowmodel',
-//	      flex: 2,
-	      height :250,
-	      store : store, 
-	      columns: [
-			{ xtype: 'rownumberer' },
+		this.paramGrid = Ext.create('Ext.grid.Panel', 
 			{ 
-				header: "Parameter Name", 
-				dataIndex: 'name', 
-				flex:1, 
-				sortable: false, 
-				menuDisabled : true ,
-				renderer: function (val, meta, rec) {
-					return rec.getParamFullName();
-				}
-			},
-	//	{ header: 'parameter',  dataIndex: 'name', menuDisabled : true, sortable : false },
-			{ header: 'function',  dataIndex: 'function', menuDisabled : true, sortable : false,
-				editor: {
-					xtype: 'combo', queryMode : 'local',		    
-		//		    emptyText : 'please click to select function',
-					store: [ 'min', 'max', 'mean' ],
-					triggerAction: 'all',  		         
-		//		    lazyInit: false,
-					listeners: {
-						focus: function(obj) {
-							obj.expand();
+				title: 'Select Parameter & Apply Function',
+				selType : 'rowmodel',
+	//	      flex: 2,
+				height :250,
+				store : store, 
+				columns: [
+					{ xtype: 'rownumberer' },
+					{ 
+						header: "Parameter Name", 
+						dataIndex: 'name', 
+						flex:1, 
+						sortable: false, 
+						menuDisabled : true ,
+						renderer: function (val, meta, rec) {
+							return rec.getParamFullName();
+						}
+					},
+					//	{ header: 'parameter',  dataIndex: 'name', menuDisabled : true, sortable : false },
+					{ header: 'function',  dataIndex: 'function', menuDisabled : true, sortable : false,
+						editor: 
+						{
+							xtype: 'combo', queryMode : 'local',		    
+							//emptyText : 'please click to select function',
+							store: [ 'min', 'max', 'mean' ],
+							triggerAction: 'all',  		         
+							//lazyInit: false,
+							listeners: {
+								focus: function(obj) {
+									obj.expand();
+								}
+							}
+						},
+						renderer: function(v)
+						{
+							if(v != null && v.length > 0 )
+									return v;
+							else
+									return 'click to select';                    
+						} 	  
+					},
+					{ menuDisabled : true, width: 30, renderer: function(){
+							return '<div class="icon-remover" style="width: 15px; height: 15px;"></div>';
 						}
 					}
-				},
-				renderer: function(v)
+				], 
+				plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 })],
+				listeners :
 				{
-					if(v != null && v.length > 0 )
-							return v;
-					else
-							return 'click to select';                    
-				} 	  
-			},
-			{ menuDisabled : true, width: 30, renderer: function(){
-					return '<div class="icon-remover" style="width: 15px; height: 15px;"></div>';
-				}
-			}
-	      ], 
-	      plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 })],
-			listeners :
-	      {
-		render : function(o,op)
-		{
-		  var me = this;
-		  var el = me.body.dom;
-		  var dropTarget = Ext.create('Ext.dd.DropTarget', el, {
-		      ddGroup: 'explorerTree',		    
-		      notifyOver  : function(ddSource, e, data)
-		      {                                    
-			  if (data.records[0].data.nodeType == 'localParam' && data.records[0].get('notyet')) {
-			      this.valid = false;
-			      return this.dropNotAllowed;   
-			  }	
-			  if (((data.records[0].data.nodeType == 'localParam')   ||
-				      (data.records[0].data.nodeType == 'remoteParam') || 
-				      (data.records[0].data.nodeType == 'remoteSimuParam') ||
-				      (data.records[0].data.nodeType == 'derivedParam') || 
-				      (data.records[0].data.nodeType == 'myDataParam') ||
-				      (data.records[0].data.nodeType == 'alias'))&&
-				      (data.records[0].isLeaf() || data.records[0].data.isParameter) &&
-				      !data.records[0].data.disable)
-			  {
-			      this.valid = true;
-			      return this.dropAllowed;
-			  }
-			  
-			  this.valid = false;
-			  return this.dropNotAllowed;
-		      },
-		      notifyDrop  : function(ddSource, e, data)
-		      {
-					if (!this.valid)
-					return false;
-					var nameToSent;
-					var components = null;
-					
-					switch (data.records[0].data.nodeType)
+					render : function(o,op)
 					{
-						case 'localParam' :
-						case 'remoteParam':
-						case 'remoteSimuParam':                                           
-							nameToSent = data.records[0].get('id');
-							if (data.records[0].get('alias')!= "" )
-								var nameToSent = "#"+data.records[0].get('alias');
-							var component_info = data.records[0].get('component_info');
-							if (component_info && component_info.parentId) 
-							{													
-								if ( component_info.index1 && component_info.index2 )
-								{															 
-									nameToSent = component_info.parentId;
-									components = [];												
-									if (component_info.index1)
-										components['index1'] = component_info.index1;
-									if (component_info.index2)
-										components['index2'] = component_info.index2;
+						var me = this;
+						var el = me.body.dom;
+						var dropTarget = Ext.create('Ext.dd.DropTarget', el, {
+							ddGroup: 'explorerTree',		    
+							notifyOver  : function(ddSource, e, data)
+							{                                    
+								if (data.records[0].data.nodeType == 'localParam' && data.records[0].get('notyet')) {
+										this.valid = false;
+										return this.dropNotAllowed;   
 								}	
-								if ( data.records[0].get('needsArgs') )
-								{															
-									nameToSent = component_info.parentId;	
-									if (component_info.index1)
-									{
-										components = [];	
-										components['index1'] = component_info.index1;
-									}
-								}													
+								if (((data.records[0].data.nodeType == 'localParam')   ||
+											(data.records[0].data.nodeType == 'remoteParam') || 
+											(data.records[0].data.nodeType == 'remoteSimuParam') ||
+											(data.records[0].data.nodeType == 'derivedParam') || 
+											(data.records[0].data.nodeType == 'myDataParam') ||
+											(data.records[0].data.nodeType == 'alias'))&&
+											(data.records[0].isLeaf() || data.records[0].data.isParameter) &&
+											!data.records[0].data.disable)
+								{
+										this.valid = true;
+										return this.dropAllowed;
+								}
+					
+								this.valid = false;
+								return this.dropNotAllowed;
+							},
+							notifyDrop  : function(ddSource, e, data)
+							{
+								if (!this.valid)
+								return false;
+								var nameToSent;
+								var components = null;
+						
+								switch (data.records[0].data.nodeType)
+								{
+									case 'localParam' :
+									case 'remoteParam':
+									case 'remoteSimuParam':                                           
+										nameToSent = data.records[0].get('id');
+										if (data.records[0].get('alias')!= "" )
+											var nameToSent = "#"+data.records[0].get('alias');
+										var component_info = data.records[0].get('component_info');
+										if (component_info && component_info.parentId) 
+										{													
+											if ( component_info.index1 && component_info.index2 )
+											{															 
+												nameToSent = component_info.parentId;
+												components = [];												
+												if (component_info.index1)
+													components['index1'] = component_info.index1;
+												if (component_info.index2)
+													components['index2'] = component_info.index2;
+											}	
+											if ( data.records[0].get('needsArgs') )
+											{															
+												nameToSent = component_info.parentId;	
+												if (component_info.index1)
+												{
+													components = [];	
+													components['index1'] = component_info.index1;
+												}
+											}													
+										}
+										break;
+									case 'alias' :
+										nameToSent = "#"+data.records[0].get('text');
+										break;
+									case 'derivedParam' :
+										nameToSent = "ws_"+data.records[0].get('text');
+										break;
+									case 'myDataParam' :
+										nameToSent = "wsd_"+data.records[0].get('text');
+										break;
+									default :
+										return false;
+								}
+								var module = myDesktopApp.getLoadedModule(myDesktopApp.dynamicModules.statistics.id);
+								if (module)
+								{			     
+									module.addParam(nameToSent, data.records[0].get('leaf'), data.records[0].get('needsArgs'), components);   			    				     
+								}
+								return true;
 							}
-							break;
-						case 'alias' :
-							nameToSent = "#"+data.records[0].get('text');
-							break;
-						case 'derivedParam' :
-							nameToSent = "ws_"+data.records[0].get('text');
-							break;
-						case 'myDataParam' :
-							nameToSent = "wsd_"+data.records[0].get('text');
-							break;
-						default :
-							return false;
+						});
+					},	
+					cellclick : function(grid, cell, cellIndex, record){		     
+							if (cellIndex == 3) 
+							grid.getStore().remove(record);
 					}
-					var module = myDesktopApp.getLoadedModule(myDesktopApp.dynamicModules.statistics.id);
-					if (module)
-					{			     
-						module.addParam(nameToSent, data.records[0].get('leaf'), data.records[0].get('needsArgs'), components);   			    				     
-					}
-					return true;
-						}
-		  });
-		},	
-		cellclick : function(grid, cell, cellIndex, record){		     
-		      if (cellIndex == 3) 
-			    grid.getStore().remove(record);
-		}
-	      }    
-	}); 
+				}    
+			}); 
-	  this.formPanel =  Ext.create('Ext.form.Panel', { 
-	      region: 'center',	     
-	      layout:  'hbox',
-//	      bodyStyle: {background : '#dfe8f6'},
-	      defaults: { bodyStyle: {background : '#dfe8f6'}, padding : '3'},
-	      fieldDefaults: { labelWidth: 80, labelAlign : 'top' },
-	      items: [ 	  		    
-		{  
-		    xtype: 'form',
-		    flex : 1,			    
-		    layout: {type: 'vbox', pack: 'start', align: 'stretch'},
-		    items : [
-		      this.paramGrid,
-		      this.timeSelector
-		    ]
-		},
-		{            
-		    xtype: 'form', 
-		    title: 'Additional Information', 
-		    flex : 1,
-		    layout: {type: 'vbox', pack: 'start', align: 'stretch', padding : '3'},
-		    items : [
-		      this.fieldName,
-		      {
-			xtype: 'textarea',
-			name: 'description',
-			fieldLabel: 'Description', 			
-			height: 200
-		      }   
-		    ],
-		    fbar:
-		        [
-			{   
-			    type: 'button',			   
-			    text: 'Generate Catalog',
-			    scope : this,
-			    handler: function(){
-                            // update object with user's values
-                            // if the return is true (object had been updated)
-				if(this.updateObject()){ 
-					this.updateObject();
-					this.generateCatalog();			   			 
-				}
-                        }
+		this.formPanel =  Ext.create('Ext.form.Panel', 
+		{ 
+			region: 'center',	     
+			layout:  'hbox',
+			//bodyStyle: {background : '#dfe8f6'},
+			defaults: { bodyStyle: {background : '#dfe8f6'}, padding : '3'},
+			fieldDefaults: { labelWidth: 80, labelAlign : 'top' },
+			items: [ 	  		    
+			{  
+				xtype: 'form',
+				flex : 1,			    
+				layout: {type: 'vbox', pack: 'start', align: 'stretch'},
+				items : [
+					this.paramGrid,
+					this.timeSelector
+				]
 			},
-			{   
-			    type: 'button',
-			    text: 'Reset',
-			    scope : this,
-			    handler: function() {
-			    }
-			} 
-		      ]
-		}
-	    ]  
-	  }); 
-	 
+			{            
+				xtype: 'form', 
+				title: 'Additional Information', 
+				flex : 1,
+				layout: {type: 'vbox', pack: 'start', align: 'stretch', padding : '3'},
+				items : [
+					this.fieldName,
+					{
+						xtype: 'textarea',
+						name: 'description',
+						fieldLabel: 'Description', 			
+						height: 200
+					}   
+				],
+				fbar:[
+					{   
+						type: 'button',			   
+						text: 'Generate Catalog',
+						scope : this,
+						handler: function()
+						{
+							// update object with user's values
+							// if the return is true (object had been updated)
+							if(this.updateObject()){ 
+								this.updateObject();
+								this.generateCatalog();			   			 
+							}
+						}
+					},
+					{   
+						type: 'button',
+						text: 'Reset',
+						scope : this,
+						handler: function() {}
+					}]
+			}]  
+		}); 
-	
-	var myConf = {
-		    layout: 'border',
-		    items: [		   
-			  this.formPanel, 		     
-			  {
-			    xtype: 'panel', 
-			    region: 'south',
-			    title: 'Information',
-			    collapsible: true,
-			    height: 100,
-			    autoHide: false,
-			    bodyStyle: 'padding:5px',
-			    iconCls: 'icon-information',
-			      loader: {
-				autoLoad: true,
-				url: helpDir+'statisticsHOWTO'
-			      } 
-			  }
-		    ],
-			plugins: [ {ptype: 'paramArgumentsPlugin', pluginId: 'statistics-param-arguments-plugin'}]
-		};
+		var myConf = {
+					layout: 'border',
+					items: [		   
+					this.formPanel, 		     
+					{
+						xtype: 'panel', 
+						region: 'south',
+						title: 'Information',
+						collapsible: true,
+						height: 100,
+						autoHide: false,
+						bodyStyle: 'padding:5px',
+						iconCls: 'icon-information',
+						loader: {
+							autoLoad: true,
+							url: helpDir+'statisticsHOWTO'
+						} 
+					}],
+					plugins: [ {ptype: 'paramArgumentsPlugin', pluginId: 'statistics-param-arguments-plugin'}]
+				};
-	    Ext.apply (this, Ext.apply(arguments, myConf));	
-    }
-	 
+		Ext.apply (this, Ext.apply(arguments, myConf));	
+	} 
 });