Add instant plot preview

Benjamin Renard
1 parent f8f533d6
Showing 3 changed files with 210 additions and 16 deletions Show diff stats
js/app/controllers/PlotModule.js
js/app/views/PlotComponents/PlotPreviewUI.js
js/app/views/PlotTabResultUI.js
@@ -15,7 +15,8 @@ Ext.define(&#39;amdaDesktop.PlotModule&#39;, {
 	           'amdaUI.PlotUI',
 	           'amdaPlotObj.PlotRequestObject',
 	           'amdaModel.PlotNode',
-	           'amdaUI.PlotTabResultUI'
+	           'amdaUI.PlotTabResultUI',
+	           'amdaPlotComp.PlotPreviewUI'
 	],
  
 	contentId : 'plotUI',
@@ -26,7 +27,6 @@ Ext.define(&#39;amdaDesktop.PlotModule&#39;, {
      * @required
      */
     nodeDataModel : 'amdaModel.PlotNode',
-    //objectDataModel : 'amdaPlotObj.PlotRequestObject',
  
     /**
      * @cfg {String} window definitions
@@ -39,19 +39,6 @@ Ext.define(&#39;amdaDesktop.PlotModule&#39;, {
  
     plotResultWindowsManager : new Ext.AbstractManager(),
  
-    saveState: function() {
-            /*var uiContent = this.getUiContent();               
-            var form = uiContent.down('form').getForm();
-            var values = form.getValues();                
-            //   Ext.state.Manager.set(this.id + '_form', values);
-            Ext.state.Manager.set('timeinterval', {'startDate' : values.startDate,'stopDate' : values.stopDate });*/
-    },
-       
-    getState : function() {            
-        //   return Ext.state.Manager.get(this.id + '_form'); 
-        return Ext.state.Manager.get('timeinterval'); 
-    },
-    
     computeResultWindowSize : function(panelResult)
 	{
 	    var size = panelResult.getImageSize();
@@ -60,10 +47,34 @@ Ext.define(&#39;amdaDesktop.PlotModule&#39;, {
  
 	    return size;
 	},
+	
+	computePreviewWindowSize : function(previewContent)
+	{
+	    var size = previewContent.getImageSize();
+	    size.width  += 30;
+	    size.height += 65;
+	    
+	    return size;
+	},
  
     updateInteractiveSession : function(session, newplot) {
     	var me = this;
+    	
+    	
+    	
     	Ext.each(session.result, function (tabResult, index) {
+    		if (tabResult.preview)
+        	{
+    			var plotPreviewConfig = {
+    					folder   : session.folder,
+    					plotFile : tabResult.plot,
+    					context  : tabResult.context,
+    					tabId    : tabResult.id		
+    			};
+    			me.updatePreview(plotPreviewConfig);
+        		return;
+        	}
+    		
     		var winResultId = tabResult.id+"-win";
  
     		var winResult = me.getWindowResult(winResultId);
@@ -130,10 +141,55 @@ Ext.define(&#39;amdaDesktop.PlotModule&#39;, {
     	});
     },
  
+    updatePreview : function(plotPreviewConfig) {
+    	var winPreviewId = "plot-preview-win";
+		
+		var winPreview = this.getWindowResult(winPreviewId);
+		
+		if (winPreview == null) {
+			//create new preview win
+			var previewContent = new amdaPlotComp.PlotPreviewUI(plotPreviewConfig);
+		
+			var size = this.computePreviewWindowSize(previewContent);
+			
+			var win = myDesktopApp.getDesktop().createWindow({
+				id    : winPreviewId,
+				title : 'Plot Preview',
+				width : size.width,
+				height: size.height,
+				layout: 'fit',
+				items : [ 
+				         previewContent 
+				],
+				listeners: {
+					scope: this,				  
+					beforeclose: function(win,opt) {
+						this.plotResultWindowsManager.unregister(win);
+					}
+				},
+				getPreviewContent: function() {
+					return previewContent;
+				}
+			});
+			win.show();
+			this.plotResultWindowsManager.register(win);
+		}
+		else
+		{
+			//update result
+			winPreview.getPreviewContent().updatePlotImage(plotPreviewConfig);
+			//update window size
+			var size = this.computePreviewWindowSize(winPreview.getPreviewContent());
+			winPreview.setSize(size.width, size.height);
+			winPreview.toFront();
+		}
+    },
+    
     getInteractiveMultiPlotState : function() {
     	var state = {};
     	this.plotResultWindowsManager.each(function (key, value, length) {
-    		state[value.getPanelResult().tabId] = value.getPanelResult().getInteractiveMultiPlotState();
+    		if (value.getPanelResult)
+    			state[value.getPanelResult().tabId] = value.getPanelResult().getInteractiveMultiPlotState();
     	});
     	return state;
     },
@@ -0,0 +1,118 @@
+/**
+ * Project   : AMDA-NG
+ * Name      : PlotPreviewUI.js
+ * @class    amdaPlotComp.PlotPreviewUI
+ * @extends  Ext. panel.Panel
+ * @brief    Plot Preview UI definition (View)
+ * @author    
+ * @version  $Id: PlotPreviewUI.js benjamin $
+ ********************************************************************************
+ *    FT Id     :   Date   : Name - Description
+ *******************************************************************************
+ *              
+ */
+
+Ext.define('amdaPlotComp.PlotPreviewUI', {
+    extend: 'Ext.panel.Panel',
+ 
+    alias: 'widget.plotPreview',
+
+    requires: [
+        'amdaPlotComp.PlotContextManager'
+    ],
+    
+    panelImage : null,
+    crtContext : null,
+    sliderPage : null,
+
+    constructor: function(config) {
+        this.init(config);	 
+        this.callParent(arguments);	 
+    },  
+    
+    getImageSize : function() {
+    	if (!this.crtContext)
+    		return {
+    			width : 0,
+    			height : 0
+    		};
+    		
+    	return  {
+    			width  : this.crtContext.page.width * this.sliderPage.getValue()/100.,
+    			height : this.crtContext.page.height * this.sliderPage.getValue()/100.
+	    } 
+    },
+    
+    getImageUrl: function(resultFolder, plotFile) {
+    	return 'data/'+sessionID +'/RES/'+resultFolder+ '/' + plotFile;
+    },
+	
+    createPlotImage: function(resultFolder, plotFile) {
+    	var me = this;
+    	var size = this.getImageSize();
+    	this.panelImage = Ext.create('amdaPlotComp.PlotResultImage', {
+            src    : this.getImageUrl(resultFolder, plotFile),
+            width  : size.width,
+            height : size.height
+        });
+
+        return this.panelImage;
+    },
+    
+    updatePlotImage: function(configResult, newPlot) {
+    	this.crtContext = configResult.context;
+
+    	this.panelImage.setSrc(this.getImageUrl(configResult.folder, configResult.plotFile));
+    	
+    	var size = this.getImageSize();
+    	this.panelImage.setSize(size.width, size.height);
+    	
+    	this.panelImage.refreshMe();
+    },
+    
+    init: function(configResult){
+    	this.crtContext = configResult.context;
+    	this.tabId = configResult.tabId;
+    	
+    	this.sliderPage = new Ext.slider.Single({
+            width: 130,
+            value: 75,
+            increment: 5,
+            minValue: 50,
+            maxValue: 100,
+            fieldLabel : 'Resize',
+            labelWidth : 40,
+            listeners: {
+        		scope : this,
+                changecomplete: function(s, v)
+                {
+        			var size = this.getImageSize();	 
+        			this.panelImage.width  = size.width;
+        			this.panelImage.height = size.height;
+        			this.panelImage.doComponentLayout();
+                }
+            }
+        });
+    	
+    	var bottomToolbar = {
+    		xtype: 'toolbar',
+    		height: 25,
+            dock: 'bottom',
+            items:[
+                   '->',
+                   this.sliderPage
+            ]
+    	};
+            
+    	var plotPreviewPanelConfig = {
+    			preventHeader : true,
+                autoScroll: true,       
+                items: [
+                        this.createPlotImage(configResult.folder, configResult.plotFile)
+                ],
+                dockedItems: [bottomToolbar]
+    	};
+            
+    	Ext.apply(this , plotPreviewPanelConfig);	
+    }
+});
 \ No newline at end of file
@@ -285,6 +285,26 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
  
 				if (panel != null)
 				{
+					if (panel.plotArea.hasSpectro)
+					{
+						me.contextualMenu.add([
+						                       {
+						                    	   text:'Instant cut at this position',
+						                    	   handler : function ()
+						                    	   {
+						                    		   var timeAxisContext = amdaPlotComp.PlotContextManager.getPanelAxisById(panel, 'timeAxis');
+						                    		   if (timeAxisContext == null)
+						                    			   return;
+						                    		   var crtTimestamp = amdaPlotComp.PlotContextManager.toAxisValue(timeAxisContext, panel.plotArea.x, panel.plotArea.x+panel.plotArea.width, sourceXPos);
+						                    		   var crtTime = new Date(crtTimestamp*1000);
+						                    		   crtTime = Ext.Date.add(crtTime, Ext.Date.MINUTE, crtTime.getTimezoneOffset());
+						                    		   me.callInteractivePlot({'action' : 'instant', 'tabId' : this.tabId, 'panelId' : panel.id, 'time' : crtTime});
+						                    	   },
+						                    	   scope: me
+						                       },
+						                       '-'             
+						]);
+					}
 					if (amdaPlotComp.PlotContextManager.isInPlotArea(panel, sourceXPos, sourceYPos))
 						me.createZoomItemsForPanel(panel.id);
 				}