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
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) {
$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
// GNU General Public License for more details.
/**
* @package Include
* @subpackage Maps

View File

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