#10098 - Modifications including links

Erdogan Furkan
1 parent 2cd12bf9
Showing 3 changed files with 244 additions and 14 deletions Show diff stats
js/app/views/PlotComponents/PlotContextManager.js
js/app/views/PlotComponents/PlotIntervalRefPlug.js
js/app/views/PlotTabResultUI.js
@@ -51,15 +51,71 @@ Ext.define(&#39;amdaPlotComp.PlotContextManager&#39;, {
 		return resPanel;
 	},
  
-	getInterval: function (context, panel, crtTimestamp) {
-		resInterval = null;
+	getIntervalCoordInfo: function (context, panel, crtTimestamp) {
+		var intervalName = new Array();
+		var intervalId = new Array();
+		var intervalText = "";
 		Ext.each(panel.intervals, function (interval) {
 			if (crtTimestamp > interval.startTime && crtTimestamp < interval.stopTime) {
-				resInterval = interval.name + ', id : ' + interval.id;
+				intervalName.push(interval.name);
+				intervalId.push(interval.id);
 			}
 			return;
 		});
-		return resInterval;
+		if (intervalName.length > 0) {
+			intervalText = 'TT: ' + intervalName[0] + ', id: [' + intervalId[0];
+			for (i = 1; i < intervalName.length; i++) {
+				if (intervalName[i] == intervalName[i - 1]) {
+					intervalText += ', ' + intervalId[i];
+				}
+				else {
+					intervalText += '] | TT: ' + intervalName[i] + ', id: [' + intervalId[i];
+				}
+			}
+			intervalText += ']'
+		}
+		return intervalText;
+	},
+
+	getAllIntervalParams(context, panel, crtTimestamp) {
+		var allParams = new Array();
+
+		Ext.each(panel.intervals, function (interval) {
+			if (crtTimestamp > interval.startTime && crtTimestamp < interval.stopTime && interval.params != "") {
+				allParams.push(interval.params);
+			}
+			return;
+
+		});
+		return allParams;
+	},
+
+	getIntervalLinks(allintervalParams) {
+		var links = new Array();
+		Ext.each(allintervalParams, function (allParams) {
+
+			var params = allParams.split('|');
+
+			Ext.each(params, function (param) {
+				if (param.toLowerCase().startsWith("http://") || param.toLowerCase().startsWith("https://")) {
+					links.push(param);
+				}
+				return;
+			});
+			return;
+		});
+		return links;
+	},
+
+	isInterval: function (context, panel, crtTimestamp) {
+		isInterval = false;
+		Ext.each(panel.intervals, function (interval) {
+			if (crtTimestamp > interval.startTime && crtTimestamp < interval.stopTime) {
+				isInterval = true;
+			}
+			return;
+		});
+		return isInterval;
 	},
  
  
@@ -0,0 +1,141 @@
+/**
+  * Project      :  AMDA-NG
+  * Name         : PlotIntervalRefPlug.js
+  * @plugin 	  amdaPlotComp.PlotIntervalRefPlug
+  * @extends 	  Ext.util.Observable 
+  * @ptype 	 	  plotIntervalRefPlugin
+  * @brief		 Shows references for Interval
+  * @author Furkan
+  * @version $Id: PlotIntervalRefPlug.js
+  ********************************************************************************
+  *    FT Id     :   Date   : Name - Description
+  *******************************************************************************
+  *  :          
+  */
+
+
+Ext.define('amdaPlotComp.PlotIntervalRefPlug', {
+	extend: 'Ext.util.Observable',
+	alias: 'plugin.plotIntervalRefPlugin',
+
+	id: 'plot-intervalref-plug',
+	win: null,
+	form: null,
+	interactiveId: '',
+	actionDone: '',
+	durationDone: 0,
+
+	constructor: function (config) {
+		Ext.apply(this, config);
+		this.callParent(arguments);
+	},
+
+	onDestroy: function () {
+		this.win = null;
+	},
+
+	init: function (cmp) {
+		this.hostCmp = cmp;
+	},
+
+	/**
+	 *  creation of the window
+	 */
+	show: function (interactiveId, links, xPos, yPos) {
+		if (!this.win) {
+			this.win = new Ext.Window({
+				id: 'plot-intervalref-win-' + this.hostCmp.ownerCt.getId(), // Plot window ID                                                   
+				width: 265,
+				x: 0, y: 0,
+				baseCls: 'x-panel',
+				title: 'Catalogue references',
+				layout: 'fit',
+				constrain: true,
+				collapsible: true,
+				resizable: false,
+				ghost: false,
+				renderTo: this.hostCmp.ownerCt.body,
+				items: this.getFormConfig(links),
+				listeners: {
+					scope: this,
+					beforeclose: function () {
+						this.hostCmp.panelImage.stopZoom();
+						Ext.PluginManager.unregister(this);
+					}
+				},
+				getConstrainVector: function (constrainTo) {
+					var me = this;
+					if (me.constrain || me.constrainHeader) {
+						constrainTo = constrainTo || (me.floatParent && me.floatParent.getTargetEl()) || me.container || me.el.getScopeParent();
+						return (me.constrainHeader ? me.header.el : me.el).getConstrainVector(constrainTo);
+					}
+				}
+			});
+
+			this.win.on('destroy', this.onDestroy, this);
+
+			Ext.PluginManager.register(this);
+		}
+
+		this.interactiveId = interactiveId;
+		this.win.show();
+		this.win.setPosition(xPos, yPos - 250);
+	},
+
+	close: function () {
+		if (this.win == null)
+			return;
+		this.win.close();
+	},
+	/**
+	 *        Main form
+	 */
+	getFormConfig: function (links) {
+		this.form = new Ext.form.FormPanel({
+			frame: true,
+			width: 265,
+			height: 80,
+			layout: {
+				type: 'vbox',
+				pack: 'start',
+				align: 'stretch'
+			},
+			fieldDefaults: {
+				labelWidth: 60
+			},
+			items: [
+				{
+					xtype: 'fieldcontainer',
+					layout: 'hbox',
+					fieldLabel: 'Select the reference from the list',
+					labelAlign: 'top',
+					bodyStyle: { background: '#dfe8f6' },
+					border: false,
+					items: [
+						{
+							xtype: 'combo',
+							name: 'referencelink',
+							store: links,
+							editable: false,
+							width: 250,
+							value: 'References',
+							triggerAction: 'all'
+						}
+					],
+				}],
+			buttons: [
+
+				{
+					text: 'Open in new tab',
+					scope: this,
+					handler: function () {
+						var referencelink = this.form.getForm().findField('referencelink');
+						window.open(referencelink.getValue(), "_blank");
+					}
+				}
+			]
+
+		});
+		return this.form;
+	}
+});
@@ -16,6 +16,7 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 	requires: [
 		'amdaPlotComp.PlotZoomPlug',
 		'amdaPlotComp.PlotExtendShiftPlug',
+		'amdaPlotComp.PlotIntervalRefPlug',
 		'amdaPlotComp.PlotContextManager',
 		'amdaPlotComp.PlotResultImage'
 	],
@@ -258,12 +259,8 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 									case 'timeAxis':
 										var crtTimestamp = amdaPlotComp.PlotContextManager.toAxisValue(axis, panel.plotArea.x, panel.plotArea.x + panel.plotArea.width, sourceXPos);
 										var crtTime = new Date(crtTimestamp * 1000);
-										var interval = amdaPlotComp.PlotContextManager.getInterval(me.crtContext, panel, crtTimestamp);
+										intervalText = amdaPlotComp.PlotContextManager.getIntervalCoordInfo(me.crtContext, panel, crtTimestamp);
 										xText = crtTime.toJSON();
-
-										if (interval != null) {
-											intervalText = interval;
-										}
 										break;
 									case 'y-left':
 										yLeftText = me.getAxisValue(axis, panel.plotArea.y + panel.plotArea.height, panel.plotArea.y, sourceYPos);
@@ -288,7 +285,7 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 							if (yRightText != '')
 								text += (', Y Right : ' + yRightText);
 							if (intervalText != '')
-								text += (', TT : ' + intervalText);
+								text += (', ' + intervalText);
 						}
 						else
 							me.panelImage.resetCursor();
@@ -305,6 +302,10 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 				var sourceXPos = me.toPixelOnSourceImage(imageX);
 				var sourceYPos = me.toPixelOnSourceImage(imageY);
 				var panel = amdaPlotComp.PlotContextManager.getPanel(me.crtContext, sourceXPos, sourceYPos);
+				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);
  
 				if (panel != null) {
 					if (panel.plotArea.hasSpectro) {
@@ -312,10 +313,7 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 							{
 								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', 'interactiveId': this.interactiveId, 'panelId': panel.id, 'time': crtTime });
@@ -327,6 +325,8 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 					}
 					if (amdaPlotComp.PlotContextManager.isInPlotArea(panel, sourceXPos, sourceYPos))
 						me.createZoomItemsForPanel(panel.id);
+
+
 				}
  
 				if (me.contextualMenu.items.getCount() > 0)
@@ -371,6 +371,32 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 					}
 				]);
  
+				if (amdaPlotComp.PlotContextManager.isInterval(me.crtContext, panel, crtTimestamp)) {
+					var allintervalParams = amdaPlotComp.PlotContextManager.getAllIntervalParams(me.crtContext, panel, crtTimestamp);
+					if (allintervalParams.length > 0) {
+
+						var links = amdaPlotComp.PlotContextManager.getIntervalLinks(allintervalParams);
+						if (links.length > 0) {
+							me.contextualMenu.add('-');
+							me.contextualMenu.add([
+								{
+
+									text: 'Open references',
+									handler: function () {
+										if (links.length == 1) {
+											window.open(links, "_blank");
+										}
+										else {
+											var intervalRefPlugin = this.getPlugin('plot-intervalref-plugin-id');
+											intervalRefPlugin.show(me.interactiveId, links, sourceXPos, sourceYPos);
+										}
+									},
+									scope: me
+								}]);
+						}
+					}
+				}
+
 				me.contextualMenu.showAt(absoluteX, absoluteY);
 			}
 		});
@@ -717,6 +743,10 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 				{
 					ptype: 'plotExtendShiftPlugin',
 					pluginId: 'plot-extendshift-plugin-id'
+				},
+				{
+					ptype: 'plotIntervalRefPlugin',
+					pluginId: 'plot-intervalref-plugin-id'
 				}],
 			listeners: {
 				scope: this,
@@ -727,6 +757,9 @@ Ext.define(&#39;amdaUI.PlotTabResultUI&#39;, {
 					var exttendShiftPlugin = this.getPlugin('plot-extendshift-plugin-id');
 					if (exttendShiftPlugin)
 						exttendShiftPlugin.close();
+					var intervalRefPlugin = this.getPlugin('plot-intervalref-plugin-id');
+					if (intervalRefPlugin)
+						intervalRefPlugin.close();
 				}
 			}
 		};