Add text legend definition

Benjamin Renard
1 parent 94abdb37
Showing 9 changed files with 220 additions and 10 deletions Show diff stats
js/app/models/PlotObjects/PlotLegendTextObject.js
js/app/models/PlotObjects/PlotObjectConfig.js
js/app/models/PlotObjects/PlotPanelObject.js
js/app/models/PlotObjects/PlotTreeNode.js
js/app/views/PlotComponents/PlotElementPanel.js
js/app/views/PlotComponents/PlotLegendTextForm.js
js/app/views/PlotComponents/PlotLegendsTextForm.js
js/app/views/PlotComponents/PlotTree.js
js/resources/images/16x16/plot_legends.png
@@ -0,0 +1,61 @@
+/**
+ * Project      : AMDA-NG
+ * Name         : PlotLegendTextObject.js
+ * @class   amdaPlotObj.PlotLegendTextObject
+ * @extends Ext.data.Model
+ * @brief   Plot Text Legend Business Object Definition 
+ * @author  Benjamin Renard
+ * @version $Id: PlotLegendTextObject.js benjamin $
+ ******************************************************************************
+ *    FT Id     :   Date   : Name - Description
+ ******************************************************************************
+ *	:           :01/09/2015: BRE  - file creation
+ */
+ 
+ 		
+Ext.define('amdaPlotObj.PlotLegendTextObject', {
+	extend: 'Ext.data.Model',
+	
+	requires: [
+	           'amdaPlotObj.PlotObjectConfig'
+	],
+	
+	fields : [
+	          {name: 'legend-text-value', type: 'string'},
+	          {name: 'legend-text-position', type: 'string'},
+	          {name: 'legend-text-color', type: 'string'},
+	          {name: 'legend-text-font-activated', type: 'boolean'},
+              {name: 'legend-text-font-name', type: 'string'},
+              {name: 'legend-text-font-size', type: 'int'},
+              {name: 'legend-text-font-bold', type: 'boolean'},
+              {name: 'legend-text-font-italic', type: 'boolean'}
+    ],
+    
+    setDefaultValues: function()
+    {
+    	this.set('legend-text-value', '');
+    	this.set('legend-text-position', amdaPlotObj.PlotObjectConfig.defaultValues.legends.text.position);
+    	this.set('legend-text-color', amdaPlotObj.PlotObjectConfig.defaultValues.legends.text.color);
+    	this.set('legend-text-font-activated', false);
+    	this.set('legend-text-font-name', amdaPlotObj.PlotObjectConfig.defaultValues.legends.text.font.name);
+    	this.set('legend-text-font-size', amdaPlotObj.PlotObjectConfig.defaultValues.legends.text.font.size);
+    	this.set('legend-text-font-bold', false);
+    	this.set('legend-text-font-italic', false);
+    },
+    
+    getJsonValues : function() 
+    {
+    	var legendValues  = new Object();
+    	
+    	legendValues['legend-text-value'] = this.get('legend-text-value');
+    	legendValues['legend-text-position'] = this.get('legend-text-position');
+    	legendValues['legend-text-color'] = this.get('legend-text-color');
+    	legendValues['legend-text-font-activated'] = this.get('legend-text-font-activated');
+    	legendValues['legend-text-font-name'] = this.get('legend-text-font-name');
+    	legendValues['legend-text-font-size'] = this.get('legend-text-font-size');
+    	legendValues['legend-text-font-bold'] = this.get('legend-text-font-bold');
+    	legendValues['legend-text-font-italic'] = this.get('legend-text-font-italic');
+    	
+    	return legendValues;
+    }
+});
 \ No newline at end of file
@@ -131,6 +131,14 @@ Ext.define(&#39;amdaPlotObj.PlotObjectConfig&#39;, {
 					name : 'sans-serif',
 					size: '12'
 				}
+			},
+			text : {
+				position : 'left',
+				color : '#000000',
+				font : {
+					name : 'sans-serif',
+					size: '12'
+				}
 			}
 		}
 	},
@@ -308,5 +316,12 @@ Ext.define(&#39;amdaPlotObj.PlotObjectConfig&#39;, {
     availableLegendSeriesIntervalInfoTypes : [
                    {'key' : 'index', 'value' : 'Interval Index'},
                    {'key' : 'start-stop', 'value' : 'Interval Start/Stop'}
+	],
+	
+	availableLegendTextPositions : [
+                   {'key' : 'right', 'value' : 'Right'},
+                   {'key' : 'left', 'value' : 'Left'},
+                   {'key' : 'top', 'value' : 'Top'},
+                   {'key' : 'bottom', 'value' : 'Bottom'}
 	]
 });
 \ No newline at end of file
@@ -17,12 +17,14 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
 	extend: 'Ext.data.Model',
  
 	lastParamId : 0,
+	lastTextLegendId : 0,
  
 	requires: [
 	           'amdaPlotObj.PlotObjectConfig',
 	           'amdaPlotObj.PlotAxisObject',
 	           'amdaPlotObj.PlotParamObject',
-	           'amdaPlotObj.PlotLegendSeriesObject'
+	           'amdaPlotObj.PlotLegendSeriesObject',
+	           'amdaPlotObj.PlotLegendTextObject'
 	],
  
 	fields : [
@@ -90,6 +92,11 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
             	  name  : 'params'
               },
               {
+            	  type : 'hasMany', 
+            	  model : 'amdaPlotObj.PlotLegendTextObject',
+            	  name  : 'textLegends'
+              },
+              {
             	  type  : 'belongsTo',
                   model : 'amdaPlotObj.PlotTabObject'
               }
@@ -104,6 +111,8 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
         		me.loadAxes(arguments[0].axes);
         	if (arguments[0].params)
         		me.loadParams(arguments[0].params);
+        	if (arguments[0].textLegends)
+        		me.loadTextLegends(arguments[0].textLegends);
         }
         else
         {
@@ -122,6 +131,11 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
        this.params().loadData(params);
     },
  
+    loadTextLegends: function(textLegends)
+    {
+       this.textLegends().loadData(textLegends);
+    },
+    
     initAxes : function()
     {
     	this.axes().removeAll();
@@ -206,6 +220,22 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
     	return true;
     },
  
+    createNewTextLegend: function() {
+    	var recs = this.textLegends().add({id : this.get('id')+'-legend-text-'+this.lastTextLegendId});
+    	++this.lastTextLegendId;
+    	recs[0].setDefaultValues();
+    	return recs[0];
+    },
+    
+    removeTextLegendById: function(legendId) {
+    	//Retrieve text legend record
+    	var textLegendRecord = this.textLegends().getById(legendId);
+    	if (textLegendRecord == null)
+    		return false;
+    	this.textLegends().remove(textLegendRecord);
+    	return true;
+    },
+    
     updatePlotType: function(plotType, forceUpdate) {
     	forceUpdate = (typeof forceUpdate !== 'undefined') ? forceUpdate : false;
  
@@ -238,7 +268,10 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
     		}
     	}
     	else
+    	{
     		this.set('panel-legend-series', null);
+    		this.textLegends().removeAll();
+    	}
     },
  
     setDefaultValues: function()
@@ -339,6 +372,12 @@ Ext.define(&#39;amdaPlotObj.PlotPanelObject&#39;, {
     	if ((this.get('panel-legend-series') != null) && this.get('panel-legend-series').get('legend-series-activated'))
     		panelValues['panel-series-legend'] = this.get('panel-legend-series').getJsonValues();
  
+    	panelValues['text-legends'] = [];
+    	
+    	this.textLegends().each(function (legend, index) {
+    		panelValues['text-legends'][index] = legend.getJsonValues();
+    	});
+    	
     	panelValues['axes'] = [];
  
     	this.axes().each(function (axe, index) {
@@ -285,7 +285,9 @@ Ext.define(&#39;amdaPlotObj.PlotTextLegendTreeNode&#39;, {
  
 	text: 'Text Legend',
  
-	type: 'text-legend'
+	type: 'text-legend',
+	
+	removable: true
 });
  
 /*
@@ -20,7 +20,9 @@ Ext.define(&#39;amdaPlotComp.PlotElementPanel&#39;, {
 	           'amdaPlotComp.PlotColorAxisForm',
 	           'amdaPlotComp.PlotParamForm',
 	           'amdaPlotComp.PlotLayoutForm',
-	           'amdaPlotComp.PlotLegendSeriesForm'
+	           'amdaPlotComp.PlotLegendSeriesForm',
+	           'amdaPlotComp.PlotLegendTextForm',
+	           'amdaPlotComp.PlotLegendsTextForm'
 	],
  
 	elementFormsManager : new Ext.AbstractManager(),
@@ -90,6 +92,12 @@ Ext.define(&#39;amdaPlotComp.PlotElementPanel&#39;, {
 			case 'series-legend' :
 				this.elementFormsManager.register(new amdaPlotComp.PlotLegendSeriesForm({id : formId}));
 				break;
+			case 'text-legend' :
+				this.elementFormsManager.register(new amdaPlotComp.PlotLegendTextForm({id : formId}));
+				break;
+			case 'text-legends' :
+				this.elementFormsManager.register(new amdaPlotComp.PlotLegendsTextForm({id : formId}));
+				break;
 			case '' :
 				this.elementFormsManager.register(new Ext.form.Label({id : formId, text: 'Select an element to the tree to show options'}));
 				break;
@@ -0,0 +1,28 @@
+/**
+ * Project   : AMDA-NG
+ * Name      : PlotLegendTextForm.js
+ * @class   amdaPlotComp.PlotLegendTextForm
+ * @extends amdaPlotComp.PlotStandardForm
+ * @brief   Form to define specifics Text legend options
+ * @author  Benjamin Renard
+ * @version $Id: PlotLegendTextForm.js benjamin $
+ */
+
+Ext.define('amdaPlotComp.PlotLegendTextForm', {
+	extend: 'amdaPlotComp.PlotStandardForm',
+	
+	setObject : function(object) {
+		this.object = object;
+		if (this.object != null)
+			this.loadRecord(this.object);
+	},
+	
+	getFormItems: function() {
+		return [
+		        this.addStandardText('legend-text-value', 'Text'),
+		        this.addStandardColor('legend-text-color', 'Color', amdaPlotObj.PlotObjectConfig.availableColors),
+		        this.addStandardCombo('legend-text-position', 'Position', amdaPlotObj.PlotObjectConfig.availableLegendTextPositions),
+		        this.addStandardFont('legend-text-font')
+        ];
+	}
+});
 \ No newline at end of file
@@ -0,0 +1,34 @@
+/**
+ * Project   : AMDA-NG
+ * Name      : PlotLegendsTextForm.js
+ * @class   amdaPlotComp.PlotLegendsTextForm
+ * @extends amdaPlotComp.PlotStandardForm
+ * @brief   Form to define a list of text legends
+ * @author  Benjamin Renard
+ * @version $Id: PlotLegendsTextForm.js benjamin $
+ */
+
+Ext.define('amdaPlotComp.PlotLegendsTextForm', {
+	extend: 'amdaPlotComp.PlotStandardForm',
+	
+	setObject : function(object) {
+		this.object = object;
+		if (this.object != null)
+			this.loadRecord(this.object);
+	},
+	
+	getFormItems: function() {
+		var me = this;
+		return [
+            {
+            	xtype: 'button',
+            	text: 'Add new text legend',
+            	iconCls: 'icon-add',
+            	handler : function() {
+            		var textLegendObject = me.object.createNewTextLegend();
+            		me.crtTree.buildPanelAdditionalObjectsNode(me.object, textLegendObject.get('id'));
+            	}
+            }
+		];
+	}
+});
 \ No newline at end of file
@@ -162,7 +162,9 @@ Ext.define(&#39;amdaPlotComp.PlotTree&#39;, {
 			this.getSelectionModel().select(selectedParamNode);
 	},
  
-	buildPanelAdditionalObjectsNode: function(panelObject) {
+	buildPanelAdditionalObjectsNode: function(panelObject, selectedObjectId) {
+		selectedObjectId = (typeof selectedObjectId !== 'undefined') ? selectedObjectId : '';
+		
 		var objectsNode = null;
  
 		var me = this;
@@ -176,9 +178,6 @@ Ext.define(&#39;amdaPlotComp.PlotTree&#39;, {
 				{
 					//create additional objects node
 					objectsNode = panelNode.appendChild(new amdaPlotObj.PlotAdditionalObjectsTreeNode({object : panelObject}));
-					
-					//create legends node
-					me.buildPanelLegendsNode(panelObject, objectsNode);
 				}
 				return;
 			}
@@ -187,15 +186,30 @@ Ext.define(&#39;amdaPlotComp.PlotTree&#39;, {
 		if (objectsNode == null)
 			return;
  
-		this.getView().refresh();
+		//Remove old objects nodes
+		objectsNode.removeAll();
+		
+		//create legends node
+		this.buildPanelLegendsNode(panelObject, objectsNode, selectedObjectId);
 	},
  
-	buildPanelLegendsNode: function(panelObject, objectsNode) {
+	buildPanelLegendsNode: function(panelObject, objectsNode, selectedObjectId) {
 		var legendsNode = objectsNode.appendChild(new amdaPlotObj.PlotLegendsTreeNode({object : panelObject}));
  
 		legendsNode.appendChild(new amdaPlotObj.PlotSeriesLegendTreeNode({object : panelObject}));
  
-		legendsNode.appendChild(new amdaPlotObj.PlotTextLegendsTreeNode({object : panelObject}));
+		var textLegendsNode = legendsNode.appendChild(new amdaPlotObj.PlotTextLegendsTreeNode({object : panelObject}));
+		
+		var selectedTextLegendNode = null;
+		panelObject.textLegends().each(function (legendObject) {
+			var textLegendNode = textLegendsNode.appendChild(new amdaPlotObj.PlotTextLegendTreeNode({object : legendObject}));
+			if (legendObject.get('id') == selectedObjectId)
+				selectedTextLegendNode = textLegendNode;
+		});
+		
+		this.getView().refresh();
+		if (selectedTextLegendNode)
+			this.getSelectionModel().select(selectedTextLegendNode);
 	},
  
 	addPanelNode: function(panelObject) {
@@ -312,6 +326,15 @@ Ext.define(&#39;amdaPlotComp.PlotTree&#39;, {
 				if (panelObject.removeParamById(record.object.get('id')))
 					this.buildPanelsNode();
 				break;
+			case 'text-legend' :
+				var panelObject = null;
+				if (!this.isSimplifiedView)
+					panelObject = record.parentNode.parentNode.object;
+				else
+					panelObject = record.parentNode.object;
+				if (panelObject.removeTextLegendById(record.object.get('id')))
+					this.buildPanelAdditionalObjectsNode(panelObject);
+				break;
 			}
 		}
 	},