Rename plot name in PlotUI

Benjamin Renard
1 parent 6e2fdb1f
Showing 1 changed file with 26 additions and 8 deletions Show diff stats
js/app/views/PlotComponents/PlotTabPanel.js
@@ -53,6 +53,7 @@ Ext.define(&#39;amdaPlotComp.PlotTabPanel&#39;, {
 		var tabNumber = this.getTabBar().items.getCount();
 		var tabContent = new amdaPlotComp.PlotTabContent({plotElementPanel: this.plotElementPanel, plotTabPanel : this, tabId : tabObject.get('id')});
 		tabContent.setTabObject(tabObject);
+		var me = this;
     	var tabComp = this.add({
     		title: (tabObject.get('tab-name') != '') ? tabObject.get('tab-name') : 'Plot '+tabNumber,
     		closable: true,
@@ -79,8 +80,31 @@ Ext.define(&#39;amdaPlotComp.PlotTabPanel&#39;, {
     					this.object.removeTabById(tab.items.getAt(0).object.get('id'));
     			},
     			destroy: function(tab, eOpts) {
+				
     				this.updatePlotTabs();
-    			}
+    			},
+			afterrender: function(tab, e0pts) {
+				tab.tab.el.on('contextmenu', function(e, t, eOpts) {
+					var menu = new Ext.menu.Menu({
+						items: [
+							{
+								text: 'Rename',
+								handler: function() {
+									Ext.Msg.prompt('Rename', 'Please enter new plot tab name:', function(btn, text){
+										if (btn == 'ok'){
+											tabObject.set('tab-name',text);
+											me.updatePlotTabs();
+										}
+									}, me);
+								}
+							}
+						]
+					});
+					var position = e.getXY();
+					e.stopEvent();
+					menu.showAt(position);
+				},this);
+			}
     		}
     	});
@@ -165,13 +189,7 @@ Ext.define(&#39;amdaPlotComp.PlotTabPanel&#39;, {
 					    handler:function(btn,e){
 					    	var tabContent = me.addPlotTab(me.object.createNewTab(), true);
 					    }
-					}],
-					listeners: {
-						click: function(tabBar, e, eOpts) {
-							console.log('click');
-						},
-						scope: me
-					}
+					}]
 				},
 				listeners: {