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... (node dialog)

Browse Source
This commit is contained in:
Arturo Gonzalez 2016-02-10 13:49:31 +01:00
parent 717b91d9bf
commit ce1779d2ff
1 changed files with 59 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,12 +15,15 @@
// Constructor // Constructor
var MapController = function(target) { var MapController = function(target) {
this._target = target; this._target = target;
this._id = $(target).data('id'); this._id = $(target).data('id');
this._dialogNodeMargin = 10;
this._marginConstant = 50;
} }
// Atributes // Atributes
MapController.prototype._id = null; MapController.prototype._id = null;
MapController.prototype._dialogNodeMargin = 0; //To be beauty
MapController.prototype._marginConstant = 0; //To be beauty
// Methods // Methods
@ -118,25 +121,39 @@ MapController.prototype.click_event = function(event) {
} }
MapController.prototype.popup_map = function(self, event) { MapController.prototype.popup_map = function(self, event) {
//Node position // Node position and dimension
nodeX = $(event.currentTarget).attr("cx"); nodeX = parseInt($(event.currentTarget).attr("cx"));
nodeY = $(event.currentTarget).attr("cy"); nodeY = parseInt($(event.currentTarget).attr("cy"));
nodeR = parseInt($(event.currentTarget).attr("r"));
if ((nodeX >= 500) && (nodeY < 500)) { // Map dimensions in pixels
var xPos = event.pageX - 300; var map_width_with_px = $(self._target + " svg").attr("width");
var yPos = event.clientY + 20; var map_height_with_px = $(self._target + " svg").attr("height");
// Map dimensions in numbers
var map_width = parseInt(map_width_with_px.slice(0, map_width_with_px.length - 2));
var map_height = parseInt(map_height_with_px.slice(0, map_height_with_px.length - 2));
// Dialog dimensions
var dialog_width = 300;
var dialog_height = 200;
//To know the position of the dialog box
if (self.xOffset(map_width, nodeX, dialog_width) && self.yOffset(map_height, nodeY, dialog_height)) {
var xPos = event.pageX - dialog_width + nodeR;
var yPos = event.clientY - dialog_height - nodeR - self._dialogNodeMargin;
} }
else if ((nodeX < 500) && (nodeY >= 500)) { else if (self.yOffset(map_height, nodeY, dialog_height)) {
var xPos = event.pageX - 10; var xPos = event.pageX - nodeR;
var yPos = event.clientY - 230; var yPos = event.clientY + -dialog_height - nodeR - self._dialogNodeMargin;
} }
else if ((nodeX >= 500) && (nodeY >= 500)) { else if (self.xOffset(map_width, nodeX, dialog_width)) {
var xPos = event.pageX - 300; var xPos = event.pageX - dialog_width + nodeR;
var yPos = event.clientY - 230; var yPos = event.clientY + nodeR + self._dialogNodeMargin;
} }
else { else {
var xPos = event.pageX - 10; var xPos = event.pageX - nodeR;
var yPos = event.clientY + 20; var yPos = event.clientY + nodeR + self._dialogNodeMargin;
} }
$(self._target + " svg").after($("<div>").attr("id", "dialog_popup")); $(self._target + " svg").after($("<div>").attr("id", "dialog_popup"));
@ -144,12 +161,35 @@ MapController.prototype.popup_map = function(self, event) {
modal: false, modal: false,
closeOnEscape: true, closeOnEscape: true,
show: {effect: 'fade', speed: 1000}, show: {effect: 'fade', speed: 1000},
title: "Ventana Modarrrrl!!", title: "Ventana Modarrl!!",
resizable: false, resizable: false,
position: [xPos,yPos], position: [xPos,yPos],
height: 200, height: dialog_height,
width: 300 width: dialog_width
}); });
}
/*
Function xOffset
Return boolean
This function returns true if dialog cuts map's x axis
*/
MapController.prototype.xOffset = function(map_w, node_x, dialog_w) {
if ((map_w - node_x - this._marginConstant) < dialog_w) {
return true;
}
return false;
}
/*
Function yOffset
Return boolean
This function returns true if dialog cuts map's y axis
*/
MapController.prototype.yOffset = function(map_h, node_y, dialog_h) {
if ((map_h - node_y - this._marginConstant) < dialog_h) {
return true;
}
return false;
} }