mirror of
https://github.com/pandorafms/pandorafms.git
synced 2025-07-30 01:05:39 +02:00
Fixes minor issues
This commit is contained in:
parent
5b40a4f700
commit
7bfe699802
@ -107,4 +107,8 @@ enterprise/godmode/alerts/alert_events_list.php
|
|||||||
enterprise/godmode/alerts/alert_events_rules.php
|
enterprise/godmode/alerts/alert_events_rules.php
|
||||||
enterprise/godmode/alerts/configure_alert_rule.php
|
enterprise/godmode/alerts/configure_alert_rule.php
|
||||||
enterprise/include/functions_networkmap.php
|
enterprise/include/functions_networkmap.php
|
||||||
enterprise/operation/agentes/pandora_networkmap.view.php
|
enterprise/operation/agentes/pandora_networkmap.view.php
|
||||||
|
enterprise/include/ajax/map_enterprise.ajax.php
|
||||||
|
enterprise/include/javascript/SimpleMapController.js
|
||||||
|
enterprise/include/javascript/tooltipster.bundle.min.js
|
||||||
|
enterprise/include/styles/tooltipster.bundle.min.css
|
102
pandora_console/include/ajax/map_enterprise.ajax.php
Normal file
102
pandora_console/include/ajax/map_enterprise.ajax.php
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<?php
|
||||||
|
// ______ __ _______ _______ _______
|
||||||
|
// | __ \.---.-.-----.--| |.-----.----.---.-. | ___| | | __|
|
||||||
|
// | __/| _ | | _ || _ | _| _ | | ___| |__ |
|
||||||
|
// |___| |___._|__|__|_____||_____|__| |___._| |___| |__|_|__|_______|
|
||||||
|
//
|
||||||
|
// ============================================================================
|
||||||
|
// Copyright (c) 2007-2021 Artica Soluciones Tecnologicas, http://www.artica.es
|
||||||
|
// This code is NOT free software. This code is NOT licenced under GPL2 licence
|
||||||
|
// You cannnot redistribute it without written permission of copyright holder.
|
||||||
|
// ============================================================================
|
||||||
|
$networkmap = get_parameter('networkmap', false);
|
||||||
|
|
||||||
|
global $config;
|
||||||
|
|
||||||
|
require_once $config['homedir'].'/include/class/NetworkMap.class.php';
|
||||||
|
|
||||||
|
|
||||||
|
if ((bool) is_metaconsole() === true) {
|
||||||
|
$node = get_parameter('node', 0);
|
||||||
|
if ($node > 0) {
|
||||||
|
metaconsole_connect(null, $node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($networkmap) {
|
||||||
|
$networkmap_id = get_parameter('networkmap_id', 0);
|
||||||
|
$x_offset = get_parameter('x_offset', 0);
|
||||||
|
$y_offset = get_parameter('y_offset', 0);
|
||||||
|
$zoom_dash = get_parameter('zoom_dash', 0.5);
|
||||||
|
|
||||||
|
// Dashboard mode.
|
||||||
|
$ignore_acl = (bool) get_parameter('ignore_acl', 0);
|
||||||
|
|
||||||
|
$networkmap = db_get_row_filter('tmap', ['id' => $networkmap_id]);
|
||||||
|
|
||||||
|
if ($ignore_acl === false) {
|
||||||
|
// ACL for the network map.
|
||||||
|
$networkmap_read = check_acl($config['id_user'], $networkmap['id_group'], 'MR');
|
||||||
|
$networkmap_write = check_acl($config['id_user'], $networkmap['id_group'], 'MW');
|
||||||
|
$networkmap_manage = check_acl($config['id_user'], $networkmap['id_group'], 'MM');
|
||||||
|
|
||||||
|
if (!$networkmap_read && !$networkmap_write && !$networkmap_manage) {
|
||||||
|
db_pandora_audit(
|
||||||
|
'ACL Violation',
|
||||||
|
'Trying to access networkmap'
|
||||||
|
);
|
||||||
|
include 'general/noaccess.php';
|
||||||
|
|
||||||
|
if ($node > 0) {
|
||||||
|
metaconsole_restore_db();
|
||||||
|
}
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ob_start();
|
||||||
|
|
||||||
|
if ($networkmap['generation_method'] == LAYOUT_RADIAL_DYNAMIC) {
|
||||||
|
$data['name'] = '<a href="index.php?'.'sec=network&'.'sec2=operation/agentes/networkmap.dinamic&'.'activeTab=radial_dynamic&'.'id_networkmap='.$networkmap['id'].'">'.$networkmap['name'].'</a>';
|
||||||
|
global $id_networkmap;
|
||||||
|
$id_networkmap = $networkmap['id'];
|
||||||
|
$tab = 'radial_dynamic';
|
||||||
|
|
||||||
|
include_once 'operation/agentes/networkmap.dinamic.php';
|
||||||
|
} else {
|
||||||
|
$map = new NetworkMap(
|
||||||
|
[
|
||||||
|
'id_map' => $networkmap_id,
|
||||||
|
'widget' => 1,
|
||||||
|
'pure' => 1,
|
||||||
|
'no_popup' => 1,
|
||||||
|
'map_options' => [
|
||||||
|
'x_offs' => $x_offset,
|
||||||
|
'y_offs' => $y_offset,
|
||||||
|
'z_dash' => $zoom_dash,
|
||||||
|
],
|
||||||
|
|
||||||
|
|
||||||
|
]
|
||||||
|
);
|
||||||
|
|
||||||
|
$map->printMap(false, $ignore_acl);
|
||||||
|
}
|
||||||
|
|
||||||
|
$return = ob_get_clean();
|
||||||
|
|
||||||
|
echo $return;
|
||||||
|
|
||||||
|
|
||||||
|
if ($node > 0) {
|
||||||
|
metaconsole_restore_db();
|
||||||
|
}
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if ($node > 0) {
|
||||||
|
metaconsole_restore_db();
|
||||||
|
}
|
@ -30,7 +30,6 @@
|
|||||||
global $config;
|
global $config;
|
||||||
|
|
||||||
require_once $config['homedir'].'/include/functions_networkmap.php';
|
require_once $config['homedir'].'/include/functions_networkmap.php';
|
||||||
enterprise_include_once('include/functions_networkmap.php');
|
|
||||||
enterprise_include_once('include/functions_discovery.php');
|
enterprise_include_once('include/functions_discovery.php');
|
||||||
|
|
||||||
// Avoid node overlapping.
|
// Avoid node overlapping.
|
||||||
@ -723,13 +722,7 @@ class NetworkMap
|
|||||||
}
|
}
|
||||||
|
|
||||||
if ($this->idMap !== false) {
|
if ($this->idMap !== false) {
|
||||||
if (enterprise_installed()) {
|
$this->nodes = get_nodes_from_db($this->idMap);
|
||||||
// Enterprise environment: LOAD.
|
|
||||||
$this->nodes = enterprise_hook(
|
|
||||||
'get_nodes_from_db',
|
|
||||||
[$this->idMap]
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return $this->nodes;
|
return $this->nodes;
|
||||||
@ -762,12 +755,7 @@ class NetworkMap
|
|||||||
}
|
}
|
||||||
|
|
||||||
if ($this->idMap !== false) {
|
if ($this->idMap !== false) {
|
||||||
if (enterprise_installed()) {
|
$this->relations = get_relations_from_db($this->idMap);
|
||||||
$this->relations = enterprise_hook(
|
|
||||||
'get_relations_from_db',
|
|
||||||
[$this->idMap]
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return $this->relations;
|
return $this->relations;
|
||||||
@ -786,12 +774,9 @@ class NetworkMap
|
|||||||
|
|
||||||
// Calculate.
|
// Calculate.
|
||||||
// Search.
|
// Search.
|
||||||
if (enterprise_installed() && $this->idTask) {
|
if ($this->idTask) {
|
||||||
// Network map, based on discovery task.
|
// Network map, based on discovery task.
|
||||||
return enterprise_hook(
|
return get_discovery_agents($this->idTask);
|
||||||
'get_discovery_agents',
|
|
||||||
[$this->idTask]
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($this->network) {
|
if ($this->network) {
|
||||||
@ -1101,18 +1086,14 @@ class NetworkMap
|
|||||||
$relations = $this->relations;
|
$relations = $this->relations;
|
||||||
|
|
||||||
// Generate if there's no data in DB about nodes or relations.
|
// Generate if there's no data in DB about nodes or relations.
|
||||||
if (empty($nodes) && empty($relations)) {
|
if (empty($nodes) === true && empty($relations) === true) {
|
||||||
$this->generateNetworkMap();
|
$this->generateNetworkMap();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
$graph = enterprise_hook(
|
$graph = networkmap_load_map($this);
|
||||||
'networkmap_load_map',
|
|
||||||
[$this]
|
|
||||||
);
|
|
||||||
|
|
||||||
if ($graph === ENTERPRISE_NOT_HOOK) {
|
if (empty($graph) === true) {
|
||||||
// Method not available, regenerate.
|
|
||||||
$this->generateNetworkMap();
|
$this->generateNetworkMap();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -2607,15 +2588,7 @@ class NetworkMap
|
|||||||
|
|
||||||
// Save data.
|
// Save data.
|
||||||
if ($this->idMap > 0 && (isset($this->map['__simulated']) === false)) {
|
if ($this->idMap > 0 && (isset($this->map['__simulated']) === false)) {
|
||||||
if (enterprise_installed()) {
|
$graph = save_generate_nodes($this->idMap, $graph);
|
||||||
$graph = enterprise_hook(
|
|
||||||
'save_generate_nodes',
|
|
||||||
[
|
|
||||||
$this->idMap,
|
|
||||||
$graph,
|
|
||||||
]
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
db_process_sql_update(
|
db_process_sql_update(
|
||||||
'tmap',
|
'tmap',
|
||||||
@ -2733,7 +2706,6 @@ class NetworkMap
|
|||||||
$output .= 'var networkmap_refresh_time = 1000 * '.$networkmap['source_period'].";\n";
|
$output .= 'var networkmap_refresh_time = 1000 * '.$networkmap['source_period'].";\n";
|
||||||
$output .= 'var networkmap_center = [ '.$networkmap['center_x'].', '.$networkmap['center_y']."];\n";
|
$output .= 'var networkmap_center = [ '.$networkmap['center_x'].', '.$networkmap['center_y']."];\n";
|
||||||
$output .= 'var networkmap_dimensions = [ '.$networkmap['width'].', '.$networkmap['height']."];\n";
|
$output .= 'var networkmap_dimensions = [ '.$networkmap['width'].', '.$networkmap['height']."];\n";
|
||||||
$output .= 'var enterprise_installed = '.((int) enterprise_installed()).";\n";
|
|
||||||
$output .= 'var networkmap_write = '.$networkmap_write.";\n";
|
$output .= 'var networkmap_write = '.$networkmap_write.";\n";
|
||||||
$output .= 'var node_radius = '.$networkmap['filter']['node_radius'].";\n";
|
$output .= 'var node_radius = '.$networkmap['filter']['node_radius'].";\n";
|
||||||
$output .= 'var networkmap_holding_area_dimensions = '.json_encode($networkmap['filter']['holding_area']).";\n";
|
$output .= 'var networkmap_holding_area_dimensions = '.json_encode($networkmap['filter']['holding_area']).";\n";
|
||||||
@ -2883,22 +2855,14 @@ class NetworkMap
|
|||||||
public function loadAdvancedInterface()
|
public function loadAdvancedInterface()
|
||||||
{
|
{
|
||||||
$list_networkmaps = get_networkmaps($this->idMap);
|
$list_networkmaps = get_networkmaps($this->idMap);
|
||||||
if (empty($list_networkmaps)) {
|
hd($list_networkmaps);
|
||||||
|
if (empty($list_networkmaps) === true) {
|
||||||
$list_networkmaps = [];
|
$list_networkmaps = [];
|
||||||
}
|
}
|
||||||
|
|
||||||
$id = 'dialog_node_edit';
|
$id = 'dialog_node_edit';
|
||||||
if (!enterprise_installed()) {
|
|
||||||
$id = 'open_version_dialog';
|
|
||||||
$output = '<div id="open_version" style="display: none" title="'.__('Warning').'">';
|
|
||||||
$output .= '<div class="center mrgn_top_20px w90p font_13px">'.__(
|
|
||||||
'In the Open version of %s can not be edited nodes or map',
|
|
||||||
get_product_name()
|
|
||||||
);
|
|
||||||
$output .= '</div></div>';
|
|
||||||
}
|
|
||||||
|
|
||||||
$output .= '<div id="'.$id.'" class="invisible" title="';
|
$output = '<div id="'.$id.'" class="invisible" title="';
|
||||||
$output .= __('Edit node').'">';
|
$output .= __('Edit node').'">';
|
||||||
$output .= '<div class="left w100p">';
|
$output .= '<div class="left w100p">';
|
||||||
|
|
||||||
@ -3017,16 +2981,14 @@ class NetworkMap
|
|||||||
true
|
true
|
||||||
);
|
);
|
||||||
|
|
||||||
if (enterprise_installed()) {
|
$output .= ui_toggle(
|
||||||
$output .= ui_toggle(
|
html_print_table($table, true),
|
||||||
html_print_table($table, true),
|
__('Node options'),
|
||||||
__('Node options'),
|
__('Node options'),
|
||||||
__('Node options'),
|
'',
|
||||||
'',
|
true,
|
||||||
true,
|
true
|
||||||
true
|
);
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
$table = new StdClass();
|
$table = new StdClass();
|
||||||
$table->id = 'relations_table';
|
$table->id = 'relations_table';
|
||||||
@ -3109,16 +3071,14 @@ class NetworkMap
|
|||||||
true
|
true
|
||||||
);
|
);
|
||||||
|
|
||||||
if (enterprise_installed()) {
|
$output .= ui_toggle(
|
||||||
$output .= ui_toggle(
|
html_print_table($table, true),
|
||||||
html_print_table($table, true),
|
__('Relations'),
|
||||||
__('Relations'),
|
__('Relations'),
|
||||||
__('Relations'),
|
'',
|
||||||
'',
|
true,
|
||||||
true,
|
true
|
||||||
true
|
);
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
$output .= '</div></div>';
|
$output .= '</div></div>';
|
||||||
|
|
||||||
@ -3340,8 +3300,7 @@ class NetworkMap
|
|||||||
{
|
{
|
||||||
$output = '';
|
$output = '';
|
||||||
|
|
||||||
if (enterprise_installed()
|
if ($this->useTooltipster
|
||||||
&& $this->useTooltipster
|
|
||||||
) {
|
) {
|
||||||
$output .= '<script type="text/javascript">
|
$output .= '<script type="text/javascript">
|
||||||
$(function() {
|
$(function() {
|
||||||
@ -3376,7 +3335,7 @@ class NetworkMap
|
|||||||
graph: networkmap,
|
graph: networkmap,
|
||||||
networkmap_center: networkmap_center,
|
networkmap_center: networkmap_center,
|
||||||
networkmap_dimensions: networkmap_dimensions,
|
networkmap_dimensions: networkmap_dimensions,
|
||||||
enterprise_installed: enterprise_installed,
|
enterprise_installed: 1,
|
||||||
node_radius: node_radius,
|
node_radius: node_radius,
|
||||||
holding_area_dimensions: networkmap_holding_area_dimensions,
|
holding_area_dimensions: networkmap_holding_area_dimensions,
|
||||||
url_background_grid: url_background_grid,
|
url_background_grid: url_background_grid,
|
||||||
@ -3419,18 +3378,17 @@ class NetworkMap
|
|||||||
{
|
{
|
||||||
global $config;
|
global $config;
|
||||||
|
|
||||||
if (enterprise_installed()
|
if (isset($this->useTooltipster) === true
|
||||||
&& isset($this->useTooltipster)
|
&& (bool) $this->useTooltipster === true
|
||||||
&& $this->useTooltipster == true
|
|
||||||
) {
|
) {
|
||||||
$output = '<script type="text/javascript" src="'.ui_get_full_url(
|
$output = '<script type="text/javascript" src="'.ui_get_full_url(
|
||||||
'include/javascript/d3.3.5.14.js'
|
'include/javascript/d3.3.5.14.js'
|
||||||
).'" charset="utf-8"></script>';
|
).'" charset="utf-8"></script>';
|
||||||
$output .= '<script type="text/javascript" src="'.ui_get_full_url(
|
$output .= '<script type="text/javascript" src="'.ui_get_full_url(
|
||||||
'enterprise/include/javascript/SimpleMapController.js'
|
'include/javascript/SimpleMapController.js'
|
||||||
).'"></script>';
|
).'"></script>';
|
||||||
$output .= '<script type="text/javascript" src="'.ui_get_full_url(
|
$output .= '<script type="text/javascript" src="'.ui_get_full_url(
|
||||||
'enterprise/include/javascript/tooltipster.bundle.min.js'
|
'include/javascript/tooltipster.bundle.min.js'
|
||||||
).'"></script>';
|
).'"></script>';
|
||||||
$output .= '<script type="text/javascript" src="'.ui_get_full_url(
|
$output .= '<script type="text/javascript" src="'.ui_get_full_url(
|
||||||
'include/javascript/jquery.svg.js'
|
'include/javascript/jquery.svg.js'
|
||||||
@ -3439,7 +3397,7 @@ class NetworkMap
|
|||||||
'include/javascript/jquery.svgdom.js'
|
'include/javascript/jquery.svgdom.js'
|
||||||
).'"></script>';
|
).'"></script>';
|
||||||
$output .= '<link rel="stylesheet" type="text/css" href="'.ui_get_full_url(
|
$output .= '<link rel="stylesheet" type="text/css" href="'.ui_get_full_url(
|
||||||
'/enterprise/include/styles/tooltipster.bundle.min.css'
|
'include/styles/tooltipster.bundle.min.css'
|
||||||
).'" />'."\n";
|
).'" />'."\n";
|
||||||
|
|
||||||
$output .= '<div id="simple_map" data-id="'.$this->idMap.'" ';
|
$output .= '<div id="simple_map" data-id="'.$this->idMap.'" ';
|
||||||
|
459
pandora_console/include/javascript/SimpleMapController.js
Normal file
459
pandora_console/include/javascript/SimpleMapController.js
Normal file
@ -0,0 +1,459 @@
|
|||||||
|
// Pandora FMS - http://pandorafms.com
|
||||||
|
// ==================================================
|
||||||
|
// Copyright (c) 2005-2021 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.
|
||||||
|
|
||||||
|
/* globals d3 */
|
||||||
|
/* globals jQuery */
|
||||||
|
/* globals $ */
|
||||||
|
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
/*-------------------Constants-------------------*/
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
var MAX_ZOOM_LEVEL = 5;
|
||||||
|
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
/*------------------Constructor------------------*/
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
var SimpleMapController = function(params) {
|
||||||
|
if (!params) {
|
||||||
|
console.log("[SimpleMapController]: No params received");
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
this._target = params["target"];
|
||||||
|
|
||||||
|
if (typeof params["map_width"] == "undefined") {
|
||||||
|
this.map_width = 0;
|
||||||
|
} else {
|
||||||
|
this.map_width = params["map_width"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["map_height"] == "undefined") {
|
||||||
|
this.map_height = 0;
|
||||||
|
} else {
|
||||||
|
this.map_height = params["map_height"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["font_size"] == "undefined") {
|
||||||
|
this.font_size = 20;
|
||||||
|
} else {
|
||||||
|
this.font_size = params["font_size"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["homedir"] == "undefined") {
|
||||||
|
this.homedir = "";
|
||||||
|
} else {
|
||||||
|
this.homedir = params["homedir"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["custom_params"] == "undefined") {
|
||||||
|
this.custom_params = "";
|
||||||
|
} else {
|
||||||
|
this.custom_params = params["custom_params"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["center_x"] == "undefined") {
|
||||||
|
this.center_x = 0;
|
||||||
|
} else {
|
||||||
|
this.center_x = params["center_x"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["center_y"] == "undefined") {
|
||||||
|
this.center_y = 0;
|
||||||
|
} else {
|
||||||
|
this.center_y = params["center_y"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["z_dash"] == "undefined") {
|
||||||
|
this.z_dash = 0.5;
|
||||||
|
} else {
|
||||||
|
this.z_dash = params["z_dash"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["nodes"] == "undefined") {
|
||||||
|
this.nodes = [];
|
||||||
|
} else {
|
||||||
|
this.nodes = params["nodes"];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof params["arrows"] == "undefined") {
|
||||||
|
this.arrows = [];
|
||||||
|
} else {
|
||||||
|
this.arrows = params["arrows"];
|
||||||
|
}
|
||||||
|
|
||||||
|
var factor = $(this._target).width() / $(this._target).height();
|
||||||
|
|
||||||
|
// Center is about complete SVG map not only central node.
|
||||||
|
// Calculus is to leave same space on left-right (width)
|
||||||
|
// and top-bottom (height).
|
||||||
|
this.center_x = ($(this._target).width() - this.map_width * factor) / 2;
|
||||||
|
this.center_y = ($(this._target).height() - this.map_height * factor) / 2;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
/*------------------Atributes--------------------*/
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
SimpleMapController.prototype._viewport = null;
|
||||||
|
SimpleMapController.prototype._zoomManager = null;
|
||||||
|
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
/*--------------------Methods--------------------*/
|
||||||
|
/*-----------------------------------------------*/
|
||||||
|
/**
|
||||||
|
* Function init_trans_map
|
||||||
|
* Return void
|
||||||
|
* This function init the transactional map
|
||||||
|
*/
|
||||||
|
SimpleMapController.prototype.init_map = function() {
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
var svg = d3.select(self._target + " svg");
|
||||||
|
|
||||||
|
self._zoomManager = d3.behavior
|
||||||
|
.zoom()
|
||||||
|
.scale(self.z_dash)
|
||||||
|
.scaleExtent([1 / MAX_ZOOM_LEVEL, MAX_ZOOM_LEVEL])
|
||||||
|
.on("zoom", zoom);
|
||||||
|
|
||||||
|
self._viewport = svg
|
||||||
|
.call(self._zoomManager)
|
||||||
|
.append("g")
|
||||||
|
.attr("class", "viewport")
|
||||||
|
.attr("transform", "translate(0, 0) scale(" + self.z_dash + ")");
|
||||||
|
|
||||||
|
self._slider = d3
|
||||||
|
.select(self._target + " .zoom_controller .vertical_range")
|
||||||
|
.property("value", 0)
|
||||||
|
.property("min", -Math.log(MAX_ZOOM_LEVEL))
|
||||||
|
.property("max", Math.log(MAX_ZOOM_LEVEL))
|
||||||
|
.property("step", (Math.log(MAX_ZOOM_LEVEL) * 2) / MAX_ZOOM_LEVEL)
|
||||||
|
.on("input", slided);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Function zoom
|
||||||
|
* Return void
|
||||||
|
* This function manages the zoom
|
||||||
|
*/
|
||||||
|
function zoom() {
|
||||||
|
self.last_event = "zoom";
|
||||||
|
|
||||||
|
var zoom_level = d3.event.scale;
|
||||||
|
|
||||||
|
self._slider.property("value", Math.log(zoom_level));
|
||||||
|
|
||||||
|
self._viewport.attr(
|
||||||
|
"transform",
|
||||||
|
"translate(" + d3.event.translate + ") scale(" + zoom_level + ")"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Function slided
|
||||||
|
* Return void
|
||||||
|
* This function manages the slide (zoom system)
|
||||||
|
*/
|
||||||
|
function slided() {
|
||||||
|
var slider_value = parseFloat(self._slider.property("value"));
|
||||||
|
|
||||||
|
var zoom_level = Math.exp(slider_value);
|
||||||
|
|
||||||
|
/*----------------------------------------------------------------*/
|
||||||
|
/*-Code to translate the map with the zoom for to hold the center-*/
|
||||||
|
/*----------------------------------------------------------------*/
|
||||||
|
var center = [
|
||||||
|
parseFloat(d3.select(self._target).style("width")) / 2,
|
||||||
|
parseFloat(d3.select(self._target).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]
|
||||||
|
];
|
||||||
|
|
||||||
|
self._zoomManager
|
||||||
|
.scale(zoom_level)
|
||||||
|
.translate(new_translation)
|
||||||
|
.event(self._viewport);
|
||||||
|
}
|
||||||
|
|
||||||
|
self.paint_arrows();
|
||||||
|
self.paint_nodes();
|
||||||
|
};
|
||||||
|
|
||||||
|
SimpleMapController.prototype.paint_nodes = function() {
|
||||||
|
var self = this;
|
||||||
|
if (self.nodes != null) {
|
||||||
|
// Initialize objects.
|
||||||
|
var circle_elem = self._viewport
|
||||||
|
.selectAll(".node")
|
||||||
|
.data(self.nodes)
|
||||||
|
.enter()
|
||||||
|
.append("g")
|
||||||
|
.attr("id", function(d) {
|
||||||
|
return "node_" + d["id"];
|
||||||
|
})
|
||||||
|
.attr("transform", function(d) {
|
||||||
|
return "translate(" + d["x"] + ", " + d["y"] + ")";
|
||||||
|
})
|
||||||
|
.attr("class", "draggable node")
|
||||||
|
.attr("image", function(d) {
|
||||||
|
return d["image"];
|
||||||
|
})
|
||||||
|
.attr("style", function(d) {
|
||||||
|
return (
|
||||||
|
"fill: " + d["color"] + "; " + "stroke: " + d["stroke-color"] + ";"
|
||||||
|
);
|
||||||
|
})
|
||||||
|
.attr("stroke-width", function(d) {
|
||||||
|
return d["stroke-width"];
|
||||||
|
})
|
||||||
|
.style("cursor", function(d) {
|
||||||
|
if (d["id"] === "0") {
|
||||||
|
return "default";
|
||||||
|
} else {
|
||||||
|
return "pointer";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Node size in map.
|
||||||
|
circle_elem
|
||||||
|
.append("circle")
|
||||||
|
.attr("cx", self.center_x)
|
||||||
|
.attr("cy", function(d) {
|
||||||
|
return self.center_y + d["radius"];
|
||||||
|
})
|
||||||
|
.attr("r", function(d) {
|
||||||
|
return d["radius"];
|
||||||
|
});
|
||||||
|
|
||||||
|
circle_elem.each(function(node, index) {
|
||||||
|
if (Array.isArray(node["label"])) {
|
||||||
|
node["label"].forEach(function(value, index2) {
|
||||||
|
d3.selectAll("#node_" + index)
|
||||||
|
.append("text")
|
||||||
|
.attr("dx", function(d) {
|
||||||
|
if (typeof d["label_x_offset"] == "undefined") {
|
||||||
|
d["label_x_offset"] = 0;
|
||||||
|
}
|
||||||
|
return self.center_x + d["label_x_offset"];
|
||||||
|
})
|
||||||
|
.attr("dy", function(d) {
|
||||||
|
if (typeof d["font_size"] == "undefined") {
|
||||||
|
d["font_size"] = self.font_size;
|
||||||
|
}
|
||||||
|
if (typeof d["label_y_offset"] == "undefined") {
|
||||||
|
d["label_y_offset"] = d["radius"] + d["font_size"];
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
self.center_y +
|
||||||
|
d["radius"] +
|
||||||
|
d["label_y_offset"] +
|
||||||
|
index2 * d["font_size"]
|
||||||
|
);
|
||||||
|
})
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.style("font-size", function(d) {
|
||||||
|
if (typeof d["font_size"] == "undefined") {
|
||||||
|
d["font_size"] = self.font_size;
|
||||||
|
}
|
||||||
|
return d["font_size"] + "px";
|
||||||
|
})
|
||||||
|
.style("stroke-width", 0)
|
||||||
|
.attr("fill", "black")
|
||||||
|
.text(value);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
circle_elem
|
||||||
|
.append("text")
|
||||||
|
.attr("dx", function(d) {
|
||||||
|
if (typeof d["label_x_offset"] == "undefined") {
|
||||||
|
d["label_x_offset"] = 0;
|
||||||
|
}
|
||||||
|
return self.center_x + d["label_x_offset"];
|
||||||
|
})
|
||||||
|
.attr("dy", function(d) {
|
||||||
|
if (typeof d["font_size"] == "undefined") {
|
||||||
|
d["font_size"] = self.font_size;
|
||||||
|
}
|
||||||
|
if (typeof d["label_y_offset"] == "undefined") {
|
||||||
|
d["label_y_offset"] = d["radius"] + d["font_size"];
|
||||||
|
}
|
||||||
|
return self.center_y + d["radius"] + d["label_y_offset"];
|
||||||
|
})
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.style("font-size", function(d) {
|
||||||
|
if (typeof d["font_size"] == "undefined") {
|
||||||
|
d["font_size"] = self.font_size;
|
||||||
|
}
|
||||||
|
return d["font_size"] + "px";
|
||||||
|
})
|
||||||
|
.style("stroke-width", 0)
|
||||||
|
.attr("fill", "black")
|
||||||
|
.text(function(d) {
|
||||||
|
return d["label"];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Node image.
|
||||||
|
circle_elem
|
||||||
|
.append("svg:image")
|
||||||
|
.attr("class", "node_image")
|
||||||
|
.attr("xlink:href", function(d) {
|
||||||
|
return d["image"];
|
||||||
|
})
|
||||||
|
.attr("x", function(d) {
|
||||||
|
if (typeof d["size_image"] != "undefined") {
|
||||||
|
return self.center_x - d["size_image"] / 2;
|
||||||
|
} else {
|
||||||
|
return self.center_x - 52 / 2;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.attr("y", function(d) {
|
||||||
|
if (typeof size_image != "undefined") {
|
||||||
|
return self.center_y + d["radius"] - d["size_image"] / 2;
|
||||||
|
} else {
|
||||||
|
return self.center_y + d["radius"] - 52 / 2;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.attr("width", function(d) {
|
||||||
|
return d["image_width"];
|
||||||
|
})
|
||||||
|
.attr("height", function(d) {
|
||||||
|
return d["image_height"];
|
||||||
|
});
|
||||||
|
|
||||||
|
// Tooltipster. This could be dynamic.
|
||||||
|
self.nodes.forEach(function(node) {
|
||||||
|
if (node["id_agent"] != 0) {
|
||||||
|
$("#node_" + node["id"]).tooltipster({
|
||||||
|
contentAsHTML: true,
|
||||||
|
onlyOne: true,
|
||||||
|
updateAnimation: null,
|
||||||
|
interactive: true,
|
||||||
|
trigger: "click",
|
||||||
|
content: $('<img src="' + self.homedir + '/images/spinner.gif"/>'),
|
||||||
|
functionReady: function() {
|
||||||
|
$("#node_" + node["id"]).tooltipster("open");
|
||||||
|
$(".tooltipster-content").css("background", "#FFF");
|
||||||
|
$(".tooltipster-content").css("color", "#000");
|
||||||
|
|
||||||
|
var params = self.custom_params;
|
||||||
|
|
||||||
|
// Add data node click.
|
||||||
|
params.node_data = node;
|
||||||
|
|
||||||
|
params["id_agent"] = node["id_agent"];
|
||||||
|
jQuery.ajax({
|
||||||
|
data: params,
|
||||||
|
dataType: "html",
|
||||||
|
type: "POST",
|
||||||
|
url: self.homedir + "/ajax.php",
|
||||||
|
success: function(data) {
|
||||||
|
$(".tooltipster-content").css("min-height", "330px");
|
||||||
|
$(".tooltipster-content").css("max-height", "500px");
|
||||||
|
$("#node_" + node["id"]).tooltipster("content", data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
SimpleMapController.prototype.paint_arrows = function() {
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
if (self.arrows != null) {
|
||||||
|
self._viewport
|
||||||
|
.selectAll(".arrow")
|
||||||
|
.data(self.arrows)
|
||||||
|
.enter()
|
||||||
|
.append("g")
|
||||||
|
.attr("class", "arrow")
|
||||||
|
.attr("to", function(d) {
|
||||||
|
return d["dest"];
|
||||||
|
})
|
||||||
|
.attr("from", function(d) {
|
||||||
|
return d["orig"];
|
||||||
|
})
|
||||||
|
.attr("style", "fill: rgb(50, 50, 128);")
|
||||||
|
.append("line")
|
||||||
|
.attr("stroke", "#373737")
|
||||||
|
.attr("stroke-width", 3)
|
||||||
|
.attr("x1", function(d) {
|
||||||
|
return self.center_x + self.getFirstPoint(d["orig"], "x");
|
||||||
|
})
|
||||||
|
.attr("y1", function(d) {
|
||||||
|
return self.center_y + self.getFirstPoint(d["orig"], "y");
|
||||||
|
})
|
||||||
|
.attr("x2", function(d) {
|
||||||
|
return self.center_x + self.getSecondPoint(d["dest"], "x");
|
||||||
|
})
|
||||||
|
.attr("y2", function(d) {
|
||||||
|
return self.center_y + self.getSecondPoint(d["dest"], "y");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
SimpleMapController.prototype.getFirstPoint = function(orig, coord) {
|
||||||
|
var self = this;
|
||||||
|
var point = 0;
|
||||||
|
|
||||||
|
self.nodes.forEach(function(node) {
|
||||||
|
if (node["id"] === orig) {
|
||||||
|
if (coord == "x") {
|
||||||
|
point = parseFloat(node["x"]);
|
||||||
|
return;
|
||||||
|
} else {
|
||||||
|
point = parseFloat(node["y"]) + node["radius"];
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return point;
|
||||||
|
};
|
||||||
|
|
||||||
|
SimpleMapController.prototype.getSecondPoint = function(dest, coord) {
|
||||||
|
var self = this;
|
||||||
|
var point = 0;
|
||||||
|
|
||||||
|
self.nodes.forEach(function(node) {
|
||||||
|
if (node["id"] === dest) {
|
||||||
|
if (coord == "x") {
|
||||||
|
point = parseFloat(node["x"]);
|
||||||
|
return;
|
||||||
|
} else {
|
||||||
|
point = parseFloat(node["y"]) + node["radius"];
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return point;
|
||||||
|
};
|
File diff suppressed because it is too large
Load Diff
2
pandora_console/include/javascript/tooltipster.bundle.min.js
vendored
Normal file
2
pandora_console/include/javascript/tooltipster.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -437,7 +437,7 @@ class NetworkMapWidget extends Widget
|
|||||||
$settings = \json_encode(
|
$settings = \json_encode(
|
||||||
[
|
[
|
||||||
'cellId' => $this->cellId,
|
'cellId' => $this->cellId,
|
||||||
'page' => 'enterprise/include/ajax/map_enterprise.ajax',
|
'page' => 'include/ajax/map_enterprise.ajax',
|
||||||
'url' => ui_get_full_url('ajax.php'),
|
'url' => ui_get_full_url('ajax.php'),
|
||||||
'networkmap_id' => $id_networkmap,
|
'networkmap_id' => $id_networkmap,
|
||||||
'x_offset' => $x_offset,
|
'x_offset' => $x_offset,
|
||||||
|
1
pandora_console/include/styles/tooltipster.bundle.min.css
vendored
Normal file
1
pandora_console/include/styles/tooltipster.bundle.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user