New maps in progress... (new ajax and class files for nodes)

This commit is contained in:
Arturo Gonzalez 2016-02-24 10:00:01 +01:00
parent 2b89d5d7e0
commit fcc42ce5a3
5 changed files with 112 additions and 50 deletions

View File

@ -20,10 +20,16 @@ if (is_ajax ()) {
// Login check // Login check
check_login (); check_login ();
$getNodeData = (bool) get_parameter('getNodeData', 0); require_once($config['homedir'] . "/include/class/Node.class.php");
$getNodeData = (bool)get_parameter('getNodeData', 0);
if ($getNodeData) { if ($getNodeData) {
$id_node = (int)get_parameter('id_node');
$type = (int)get_parameter('type');
$id_map = (int)get_parameter('id_map');
$node = new Node($id_node);
} }
} }

View File

@ -0,0 +1,30 @@
<?php
// Pandora FMS - http://pandorafms.com
// ==================================================
// Copyright (c) 2005-2011 Artica Soluciones Tecnologicas
// Please see http://pandorafms.org for full contribution list
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU Lesser General Public License
// as published by the Free Software Foundation; version 2
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
/**
* @package Include
* @subpackage Maps
*/
abstract class Node {
private $id_node = null;
public function __construct($id) {
$this->$id_node = $id;
}
?>

View File

@ -0,0 +1,31 @@
<?php
// Pandora FMS - http://pandorafms.com
// ==================================================
// Copyright (c) 2005-2011 Artica Soluciones Tecnologicas
// Please see http://pandorafms.org for full contribution list
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU Lesser General Public License
// as published by the Free Software Foundation; version 2
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
/**
* @package Include
* @subpackage Networkmap
*/
require_once("include/class/Node.class.php");
class Node_Networkmap extends Node {
public function __construct($id) {
parent::__construct($id);
}
}
?>

View File

@ -14,8 +14,6 @@
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details. // GNU General Public License for more details.
/** /**
* @package Include * @package Include
* @subpackage Maps * @subpackage Maps

View File

@ -22,7 +22,7 @@ var MAX_ZOOM_LEVEL = 50;
/*-----------------------------------------------*/ /*-----------------------------------------------*/
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._tooltipsID = []; this._tooltipsID = [];
} }
@ -46,12 +46,12 @@ This function init the map
*/ */
MapController.prototype.init_map = function() { MapController.prototype.init_map = function() {
var self = this; var self = this;
var svg = d3.select(this._target + " svg"); var svg = d3.select(this._target + " svg");
self._zoomManager = self._zoomManager =
d3.behavior.zoom().scaleExtent([1/MAX_ZOOM_LEVEL, MAX_ZOOM_LEVEL]).on("zoom", zoom); d3.behavior.zoom().scaleExtent([1/MAX_ZOOM_LEVEL, MAX_ZOOM_LEVEL]).on("zoom", zoom);
self._viewport = svg self._viewport = svg
.call(self._zoomManager) .call(self._zoomManager)
.append("g") .append("g")
@ -64,11 +64,11 @@ MapController.prototype.init_map = function() {
*/ */
function zoom() { function zoom() {
self.tooltip_map_close(); self.tooltip_map_close();
var zoom_level = d3.event.scale; var zoom_level = d3.event.scale;
self._slider.property("value", Math.log(zoom_level)); self._slider.property("value", Math.log(zoom_level));
self._viewport self._viewport
.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")"); .attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
} }
@ -81,11 +81,11 @@ MapController.prototype.init_map = function() {
function zoom_in(d) { function zoom_in(d) {
var step = parseFloat(self._slider.property("step")); var step = parseFloat(self._slider.property("step"));
var slider_value = parseFloat(self._slider.property("value")); var slider_value = parseFloat(self._slider.property("value"));
slider_value += step; slider_value += step;
var zoom_level = Math.exp(slider_value); var zoom_level = Math.exp(slider_value);
self._slider.property("value", Math.log(zoom_level)); self._slider.property("value", Math.log(zoom_level));
self._slider.on("input")(); self._slider.on("input")();
} }
@ -98,11 +98,11 @@ MapController.prototype.init_map = function() {
function zoom_out(d) { function zoom_out(d) {
var step = parseFloat(self._slider.property("step")); var step = parseFloat(self._slider.property("step"));
var slider_value = parseFloat(self._slider.property("value")); var slider_value = parseFloat(self._slider.property("value"));
slider_value -= step; slider_value -= step;
var zoom_level = Math.exp(slider_value); var zoom_level = Math.exp(slider_value);
self._slider.property("value", Math.log(zoom_level)); self._slider.property("value", Math.log(zoom_level));
self._slider.on("input")(); self._slider.on("input")();
} }
@ -123,7 +123,7 @@ MapController.prototype.init_map = function() {
*/ */
function slided(d) { function slided(d) {
var slider_value = parseFloat(self._slider.property("value")) var slider_value = parseFloat(self._slider.property("value"))
zoom_level = Math.exp(slider_value); zoom_level = Math.exp(slider_value);
/*----------------------------------------------------------------*/ /*----------------------------------------------------------------*/
@ -132,16 +132,16 @@ MapController.prototype.init_map = function() {
var center = [ var center = [
parseFloat(d3.select("#map").style('width')) / 2, parseFloat(d3.select("#map").style('width')) / 2,
parseFloat(d3.select("#map").style('height')) / 2]; parseFloat(d3.select("#map").style('height')) / 2];
var old_translate = self._zoomManager.translate(); var old_translate = self._zoomManager.translate();
var old_scale = self._zoomManager.scale(); var old_scale = self._zoomManager.scale();
var temp1 = [(center[0] - old_translate[0]) / old_scale, var temp1 = [(center[0] - old_translate[0]) / old_scale,
(center[1] - old_translate[1]) / old_scale]; (center[1] - old_translate[1]) / old_scale];
var temp2 = [temp1[0] * zoom_level + old_translate[0], var temp2 = [temp1[0] * zoom_level + old_translate[0],
temp1[1] * zoom_level + old_translate[1]]; temp1[1] * zoom_level + old_translate[1]];
var new_translation = [ var new_translation = [
old_translate[0] + center[0] - temp2[0], old_translate[0] + center[0] - temp2[0],
old_translate[1] + center[1] - temp2[1]] old_translate[1] + center[1] - temp2[1]]
@ -157,20 +157,20 @@ MapController.prototype.init_map = function() {
.property("max", Math.log(MAX_ZOOM_LEVEL)) .property("max", Math.log(MAX_ZOOM_LEVEL))
.property("step", Math.log(MAX_ZOOM_LEVEL) * 2 / MAX_ZOOM_LEVEL) .property("step", Math.log(MAX_ZOOM_LEVEL) * 2 / MAX_ZOOM_LEVEL)
.on("input", slided); .on("input", slided);
d3.select("#map .zoom_box .home_zoom") d3.select("#map .zoom_box .home_zoom")
.on("click", home_zoom); .on("click", home_zoom);
d3.select("#map .zoom_box .zoom_in") d3.select("#map .zoom_box .zoom_in")
.on("click", zoom_in); .on("click", zoom_in);
d3.select("#map .zoom_box .zoom_out") d3.select("#map .zoom_box .zoom_out")
.on("click", zoom_out); .on("click", zoom_out);
self.paint_nodes(); self.paint_nodes();
this.init_events(); this.init_events();
}; };
@ -180,7 +180,7 @@ Return void
This function paint the nodes This function paint the nodes
*/ */
MapController.prototype.paint_nodes = function() { MapController.prototype.paint_nodes = function() {
this._viewport.selectAll(".node") this._viewport.selectAll(".node")
.data(nodes) .data(nodes)
.enter() .enter()
@ -241,8 +241,8 @@ MapController.prototype.tooltip_map_create = function(self, event) {
var node_id = $(event.currentTarget).attr("id"); var node_id = $(event.currentTarget).attr("id");
//Always changes the content because this may be change //Always changes the content because this may be change
var nodeContent = this.nodeData(); var nodeContent = this.nodeData(node_id/*, type, id_map*/);
/*----------------------FOR TEST--------------------*/ /*----------------------FOR TEST--------------------*/
nodeContent = '<span>I\'M A FUCKING TOOLTIP!!</span>'; nodeContent = '<span>I\'M A FUCKING TOOLTIP!!</span>';
/*--------------------------------------------------*/ /*--------------------------------------------------*/
@ -300,24 +300,21 @@ Function nodeData
Return array(data) Return array(data)
This function returns the data of the node This function returns the data of the node
*/ */
MapController.prototype.nodeData = function() { MapController.prototype.nodeData = function(id/*, type, id_map*/) {
/* var params = {};
$.ajax({ params["getNodeData"] = 1;
url: , params["id_node"] = id;
type: 'POST', /*params["type"] = type;
dataType: 'json', params["id_map"] = id_map;*/
data: { params["page"] = "include/ajax/map.ajax";
getNodeData: 1,
},
complete: function(xhr, textStatus) {
},
success: function(data, textStatus, xhr) {
},
error: function(xhr, textStatus, errorThrown) {
jQuery.ajax ({
data: params,
dataType: "json",
type: "POST",
url: "ajax.php",
success: function (data) {
return data;
} }
}); });
*/
} }