From 1a3b977224376aa491f2431e7a2a49f0d6ddfdf5 Mon Sep 17 00:00:00 2001
From: mdtrooper <tres.14159@gmail.com>
Date: Tue, 10 May 2016 12:48:55 +0200
Subject: [PATCH] Show a tooltip to help when there is a relationship action.

---
 .../include/javascript/map/MapController.js   | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/pandora_console/include/javascript/map/MapController.js b/pandora_console/include/javascript/map/MapController.js
index e7ff8c0755..ec03a1e585 100644
--- a/pandora_console/include/javascript/map/MapController.js
+++ b/pandora_console/include/javascript/map/MapController.js
@@ -2018,6 +2018,8 @@ MapController.prototype.events = function() {
 						
 						
 						self.last_event = "relationship";
+						
+						self.hide_help_text_in_pointer();
 					}
 					
 					self.remove_selection_nodes();
@@ -2064,6 +2066,7 @@ MapController.prototype.events = function() {
 					self._relationship_in_progress = true;
 					self.move_temp_arrows(node,
 						self._relationship_in_progress_type);
+					self.show_help_text_in_pointer();
 				});
 			}
 		});
@@ -2223,6 +2226,55 @@ MapController.prototype.move_temp_arrows = function(node, type) {
 	self.arrow_by_pieces(self._target + " svg", temp_arrow, 0);
 }
 
+MapController.prototype.hide_help_text_in_pointer = function() {
+	var self = this;
+	
+	d3.select(self._target + " .help_text_pointer").remove();
+}
+
+MapController.prototype.show_help_text_in_pointer = function() {
+	var self = this;
+	
+	var zoom = d3.transform(
+		d3.select(self._target + " .viewport").attr("transform"));
+	
+	var x = self._last_mouse_position[0]/ zoom.scale[0]
+		- zoom.translate[0] / zoom.scale[0];
+		
+	var y = self._last_mouse_position[1]/ zoom.scale[1]
+		- zoom.translate[1] / zoom.scale[1];
+	
+	var help_text_pointer = d3.select(self._target + " .help_text_pointer");
+	
+	if (help_text_pointer.node() == null) {
+		help_text_pointer = d3.select(self._target + " svg").append("g")
+			.attr("class", "help_text_pointer");
+			
+		
+		var rect_background_help=
+			help_text_pointer.append("rect").attr("class", ".rect_background_help");
+		
+		help_text_pointer.append("text")
+			.text("Click in anynode to link")
+			.attr("x", 3).attr("y", 12);
+		
+		var bbox = help_text_pointer.node().getBBox()
+		
+		rect_background_help.attr("x", 0).attr("y", 0)
+			.attr("height", bbox.height)
+			.attr("width", bbox.width + 5)
+			.attr("style", "opacity:1;fill:#feffb4;fill-opacity:1;stroke:#808080;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1");
+	}
+	
+	
+	var transform = d3.transform();
+	
+	transform.translate[0] = x;
+	transform.translate[1] = y + 20; // Under the mouse pointer
+	
+	help_text_pointer.attr("transform", transform.toString());
+}
+
 /**
 * Function remove_temp_arrows
 * Return void