tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-28 08:14:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

New maps in progress... (tooltips)

Browse Source
This commit is contained in:
Arturo Gonzalez 2016-02-22 09:55:32 +01:00
parent 0afd6e3eb6
commit 2da733e8b5
1 changed files with 50 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pandora_console/include/javascript/map/MapController.js
View File

@ -18,18 +18,16 @@ var MapController = function(target) {
this._target = target; this._target = target;
this._id = $(target).data('id'); this._id = $(target).data('id');
this._dialogNodeMargin = 10; this._tooltipsID = [];
this._marginConstant = 50;
} }
/*--------------------Atributes--------------------*/ /*--------------------Atributes--------------------*/
MapController.prototype._id = null; MapController.prototype._id = null;
MapController.prototype._dialogNodeMargin = 0; //To be beauty MapController.prototype._tooltipsID = null;
MapController.prototype._marginConstant = 0; //To be beauty
/*--------------------Methods----------------------*/ /*--------------------Methods----------------------*/
var svg; var svg;
function zoom() { function zoom() {
svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")"); svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
@ -111,9 +109,6 @@ MapController.prototype.init_map = function() {
.attr("style", "fill: rgb(50, 50, 128);") .attr("style", "fill: rgb(50, 50, 128);")
.attr("r", "6"); .attr("r", "6");
this.init_events(); this.init_events();
}; };
@ -138,10 +133,11 @@ MapController.prototype.click_event = function(event) {
switch (event.which) { switch (event.which) {
case 1: case 1:
if ($(event.currentTarget).attr("class") == "node") { if ($(event.currentTarget).attr("class") == "node") {
self.tooltip_map(self, event); self.tooltip_map_create(self, event);
} }
break; break;
case 2: case 2:
self.tooltip_map_close(self, event);
break; break;
case 3: case 3:
break; break;
@ -151,23 +147,55 @@ MapController.prototype.click_event = function(event) {
} }
/* /*
Function popup_map Function tooltip_map_create
Return void Return void
This function manages nodes tooltips This function manages nodes tooltips
*/ */
MapController.prototype.tooltip_map = function(self, event) { MapController.prototype.tooltip_map_create = function(self, event, close) {
var nodeR = parseInt($(event.currentTarget).attr("r"));
nodeR = parseInt($(event.currentTarget).attr("r")); var node_id = $(event.currentTarget).attr("id");
if (this.containsTooltipId(node_id)) {
$(event.currentTarget).tooltipster("show");
}
else {
$(event.currentTarget).tooltipster({ $(event.currentTarget).tooltipster({
arrow: true, arrow: true,
trigger: 'click', trigger: 'click',
autoClose: false, autoClose: false,
offsetX: nodeR,
theme: 'tooltipster-noir',
multiple: true, multiple: true,
content: $('<span>I\'M A FUCKING TOOLTIP!!</span>') content: $('<span>I\'M A FUCKING TOOLTIP!!</span>')
}); });
this._tooltipsID.push(node_id);
$(event.currentTarget).tooltipster("show"); $(event.currentTarget).tooltipster("show");
}
}
/*
Function tooltip_map_close
Return void
This function eliminates nodes tooltips
*/
MapController.prototype.tooltip_map_close = function(self, event) {
for (i = 0; i < this._tooltipsID.length; i++) {
$('#' + this._tooltipsID[i]).tooltipster("hide");
}
}
/*
Function containsTooltipId
Return boolean
This function returns true if the element is in the array
*/
MapController.prototype.containsTooltipId = function(element) {
for (i = 0; i < this._tooltipsID.length; i++) {
if (this._tooltipsID[i] == element) {
return true;
}
}
return false;
} }