';
$access_graph .= graphic_agentaccess($id_agente, 290, 110, 86400, true);
$access_graph .= '
'; ui_toggle($access_graph, __('Agent access rate (24h)')); } - $events_graph = '
';
+ $events_graph = '
'; + $events_graph .= '
';
$events_graph .= graph_graphic_agentevents ($id_agente, 290, 15, 86400, '', true);
- $events_graph .= '
'; + $events_graph .= '
'; ui_toggle($events_graph, __('Events (24h)')); - - echo '
'; return; } diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php index 986a0ec065..5d5b23d768 100755 --- a/pandora_console/include/functions_ui.php +++ b/pandora_console/include/functions_ui.php @@ -588,7 +588,12 @@ function ui_print_group_icon_path ($id_group, $return = false, $path = "images/g * * @return string HTML with icon of the OS */ -function ui_print_os_icon ($id_os, $name = true, $return = false, $apply_skin = true, $networkmap = false, $only_src = false, $relative = false, $options = false) { +function ui_print_os_icon ($id_os, $name = true, $return = false, + $apply_skin = true, $networkmap = false, $only_src = false, + $relative = false, $options = false) { + + + $subfolter = 'os_icons'; if ($networkmap) { $subfolter = 'networkmap'; @@ -598,7 +603,8 @@ function ui_print_os_icon ($id_os, $name = true, $return = false, $apply_skin = $os_name = get_os_name ($id_os); if (empty ($icon)) { if ($only_src) { - $output = html_print_image("images/" . $subfolter . "/unknown.png", false, $options, true, $relative); + $output = html_print_image("images/" . $subfolter . "/unknown.png", + true, $options, true, $relative); } else { return "-"; diff --git a/pandora_console/include/javascript/jquery.pandora.js b/pandora_console/include/javascript/jquery.pandora.js index 97d8f69b98..8179d3780d 100644 --- a/pandora_console/include/javascript/jquery.pandora.js +++ b/pandora_console/include/javascript/jquery.pandora.js @@ -181,7 +181,16 @@ function forced_title_callback() { // Put title in the layer /////////////////////////////////////////// - var title = $('#forced_title_'+img_id).html(); + // If the '.forced_title' element has 'use_title_for_force_title' = 1 + // into their 'data' prop, the element title will be used for the + // content. + if ($(this).data("use_title_for_force_title")) { + var title = $(this).prop("title"); + } + else { + var title = $('#forced_title_'+img_id).html(); + } + $('#forced_title_layer').html(title); /////////////////////////////////////////// diff --git a/pandora_console/include/javascript/tree/TreeController.js b/pandora_console/include/javascript/tree/TreeController.js new file mode 100644 index 0000000000..f32a3c5bd0 --- /dev/null +++ b/pandora_console/include/javascript/tree/TreeController.js @@ -0,0 +1,840 @@ +// Pandora FMS - http://pandorafms.com +// ================================================== +// Copyright (c) 2005-2010 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. + +var TreeController; +var TreeNodeDetailController; + +TreeController = { + controllers: [], + getController: function () { + var controller = { + index: -1, + recipient: '', + tree: [], + emptyMessage: "Empty", + errorMessage: "Error", + baseURL: "", + ajaxURL: "ajax.php", + ajaxPage: "include/ajax/tree.ajax", + detailRecipient: '', + filter: {}, + counterTitles: {}, + reload: function () { + // Bad recipient + if (typeof this.recipient == 'undefined' || this.recipient.length == 0) { + return; + } + + // Load branch + function _processGroup (container, elements, rootGroup) { + var $group = $("
+'images/pandora.ico.gif)
');
+ }
+ // Normal group
+ else {
+ $group
+ .addClass("tree-group")
+ .hide();
+ }
+
+ container.append($group);
+
+ elements.forEach(function(element, index) {
+ element.jqObject = _processNode($group, element);
+ }, $group);
+
+ return $group;
+ }
+
+ // Load leaf counters
+ function _processNodeCounters (container, counters, type) {
+ if (typeof counters != 'undefined') {
+
+ function _processNodeCounterTitle (container, elementType, counterType) {
+ var defaultCounterTitles = {
+ total: {
+ agents: "Total agents",
+ modules: "Total modules",
+ none: "Total"
+ },
+ fired: {
+ agents: "Alert fired",
+ modules: "Alert fired",
+ none: "Alert fired"
+ },
+ critical: {
+ agents: "Critical agents",
+ modules: "Critical modules",
+ none: "Critical"
+ },
+ warning: {
+ agents: "Warning agents",
+ modules: "Warning modules",
+ none: "Warning"
+ },
+ unknown: {
+ agents: "Unknown agents",
+ modules: "Unknown modules",
+ none: "Unknown"
+ },
+ not_init: {
+ agents: "Not init agents",
+ modules: "Not init modules",
+ none: "Not init"
+ },
+ ok: {
+ agents: "Normal agents",
+ modules: "Normal modules",
+ none: "Normal"
+ }
+ }
+
+ try {
+ var title = '';
+ switch (elementType) {
+ case "group":
+ if (typeof controller.counterTitles != 'undefined'
+ && typeof controller.counterTitles[counterType] != 'undefined'
+ && typeof controller.counterTitles[counterType].agents != 'undefined') {
+ title = controller.counterTitles[counterType].agents;
+ }
+ else {
+ title = defaultCounterTitles[counterType].agents;
+ }
+ break;
+ case "agent":
+ if (typeof controller.counterTitles != 'undefined'
+ && typeof controller.counterTitles[counterType] != 'undefined'
+ && typeof controller.counterTitles[counterType].modules != 'undefined') {
+ title = controller.counterTitles[counterType].modules;
+ }
+ else {
+ title = defaultCounterTitles[counterType].modules;
+ }
+ break;
+ default:
+ if (typeof controller.counterTitles != 'undefined'
+ && typeof controller.counterTitles[counterType] != 'undefined'
+ && typeof controller.counterTitles[counterType].none != 'undefined') {
+ title = controller.counterTitles[counterType].none;
+ }
+ else {
+ title = defaultCounterTitles[counterType].none;
+ }
+ break;
+ }
+ if (title.length > 0) {
+ container
+ .prop("title", title)
+ .addClass("forced_title")
+ .data("use_title_for_force_title", 1); // Trick to make easier the 'force title' output
+ }
+ }
+ catch (error) {
+ // console.log(error);
+ }
+ }
+
+ var $counters = $("");
+ $counters.addClass('tree-node-counters');
+
+ if (typeof counters.total != 'undefined'
+ && counters.total > 0) {
+ var $totalCounter = $("");
+ $totalCounter
+ .addClass('tree-node-counter')
+ .addClass('total')
+ .html(counters.total);
+
+ _processNodeCounterTitle($totalCounter, type, "total");
+
+ // Open the parentheses
+ $counters.append(" (");
+
+ $counters.append($totalCounter);
+
+ if (typeof counters.fired != 'undefined'
+ && counters.fired > 0) {
+ var $firedCounter = $("");
+ $firedCounter
+ .addClass('tree-node-counter')
+ .addClass('fired')
+ .addClass('orange')
+ .html(counters.fired);
+
+ _processNodeCounterTitle($firedCounter, type, "fired");
+
+ $counters
+ .append(" : ")
+ .append($firedCounter);
+ }
+ if (typeof counters.critical != 'undefined'
+ && counters.critical > 0) {
+ var $criticalCounter = $("");
+ $criticalCounter
+ .addClass('tree-node-counter')
+ .addClass('critical')
+ .addClass('red')
+ .html(counters.critical);
+
+ _processNodeCounterTitle($criticalCounter, type, "critical");
+
+ $counters
+ .append(" : ")
+ .append($criticalCounter);
+ }
+ if (typeof counters.warning != 'undefined'
+ && counters.warning > 0) {
+ var $warningCounter = $("");
+ $warningCounter
+ .addClass('tree-node-counter')
+ .addClass('warning')
+ .addClass('yellow')
+ .html(counters.warning);
+
+ _processNodeCounterTitle($warningCounter, type, "warning");
+
+ $counters
+ .append(" : ")
+ .append($warningCounter);
+ }
+ if (typeof counters.unknown != 'undefined'
+ && counters.unknown > 0) {
+ var $unknownCounter = $("");
+ $unknownCounter
+ .addClass('tree-node-counter')
+ .addClass('unknown')
+ .addClass('grey')
+ .html(counters.unknown);
+
+ _processNodeCounterTitle($unknownCounter, type, "unknown");
+
+ $counters
+ .append(" : ")
+ .append($unknownCounter);
+ }
+ if (typeof counters.not_init != 'undefined'
+ && counters.not_init > 0) {
+ var $notInitCounter = $("");
+ $notInitCounter
+ .addClass('tree-node-counter')
+ .addClass('not_init')
+ .addClass('blue')
+ .html(counters.not_init);
+
+ _processNodeCounterTitle($notInitCounter, type, "not_init");
+
+ $counters
+ .append(" : ")
+ .append($notInitCounter);
+ }
+ if (typeof counters.ok != 'undefined'
+ && counters.ok > 0) {
+ var $okCounter = $("");
+ $okCounter
+ .addClass('tree-node-counter')
+ .addClass('ok')
+ .addClass('green')
+ .html(counters.ok);
+
+ _processNodeCounterTitle($okCounter, type, "ok");
+
+ $counters
+ .append(" : ")
+ .append($okCounter);
+ }
+
+ // Close the parentheses
+ $counters.append(")");
+ }
+
+ // Add the counters html to the container
+ container.append($counters);
+ }
+ // Load the counters asynchronously
+ // else if (typeof element.searchCounters != 'undefined' && element.searchCounters) {
+ // var $counters = $("");
+ // $counters
+ // .addClass('tree-node-counters')
+ // .append(' (')
+ // .append('+'images/spinner.gif)
')
+ // .append(')');
+
+ // $content.append($counters);
+ // }
+ }
+
+ // Load leaf
+ function _processNode (container, element) {
+ var $node = $("");
+ var $leafIcon = $("");
+ var $content = $("");
+
+ // Leaf icon
+ $leafIcon.addClass("leaf-icon");
+
+ // Content
+ $content.addClass("node-content");
+ switch (element.type) {
+ case 'group':
+ if (typeof element.icon != 'undefined' && element.icon.length > 0) {
+ $content.append('
+ +'images/chart_curve.png)
');
+ $graphImage
+ .addClass('module-graph')
+ .click(function (e) {
+ e.preventDefault();
+
+ try {
+ winopeng(element.moduleGraph.url, element.moduleGraph.handle);
+ }
+ catch (error) {
+ console.log(error);
+ }
+ });
+
+ // Data pop-up
+ var $dataImage = $('
+ +'images/binary.png)
');
+ $dataImage
+ .addClass('module-data')
+ .click(function (e) {
+ e.preventDefault();
+
+ try {
+ if ($("#module_details_window").length > 0)
+ show_module_detail_dialog(element.id, '', '', 0, 86400);
+ }
+ catch (error) {
+ console.log(error);
+ }
+ });
+
+ $content
+ .append($graphImage)
+ .append($dataImage)
+ .append(element.name);
+ break;
+ case 'os':
+ if (typeof element.icon != 'undefined' && element.icon.length > 0) {
+ $content.append('
+ +'images/tag_red.png)
');
+ }
+ $content.append(element.name);
+ break;
+ default:
+ $content.append(element.name);
+ break;
+ }
+
+ // Load the status counters
+ _processNodeCounters($content, element.counters, element.type);
+
+ // If exist the detail container, show the data
+ if (typeof controller.detailRecipient != 'undefined' && controller.detailRecipient.length > 0) {
+ $content.click(function (e) {
+ TreeNodeDetailController.getController().init({
+ recipient: controller.detailRecipient,
+ type: element.type,
+ id: element.id,
+ baseURL: controller.baseURL,
+ ajaxURL: controller.ajaxURL,
+ ajaxPage: controller.ajaxPage
+ });
+ });
+ }
+
+ $node
+ .addClass("tree-node")
+ .append($leafIcon)
+ .append($content);
+
+ container.append($node);
+
+ $node.addClass("leaf-empty");
+
+ if (typeof element.children != 'undefined' && element.children.length > 0) {
+ $node
+ .removeClass("leaf-empty")
+ .addClass("leaf-closed");
+
+ // Add children
+ var $children = _processGroup($node, element.children);
+ $node.data('children', $children);
+
+ if (typeof element.searchChildren == 'undefined' || !element.searchChildren) {
+ $leafIcon.click(function (e) {
+ e.preventDefault();
+
+ if ($node.hasClass("leaf-open")) {
+ $node
+ .removeClass("leaf-open")
+ .addClass("leaf-closed")
+ .data('children')
+ .slideUp();
+ }
+ else {
+ $node
+ .removeClass("leaf-closed")
+ .addClass("leaf-open")
+ .data('children')
+ .slideDown();
+ }
+ });
+ }
+ }
+ if (typeof element.searchChildren != 'undefined' && element.searchChildren) {
+ $node
+ .removeClass("leaf-empty")
+ .addClass("leaf-closed");
+
+ $leafIcon.click(function (e) {
+ e.preventDefault();
+
+ if (!$node.hasClass("children-loaded") && !$node.hasClass("leaf-empty")) {
+ $node
+ .removeClass("leaf-closed")
+ .removeClass("leaf-error")
+ .addClass("leaf-loading");
+
+ $.ajax({
+ url: controller.ajaxURL,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ page: controller.ajaxPage,
+ getChildren: 1,
+ id: element.id,
+ type: element.type,
+ filter: controller.filter,
+ childrenMethod: 'live',
+ countModuleStatusMethod: 'live',
+ countAgentStatusMethod: 'live'
+ },
+ complete: function(xhr, textStatus) {
+ $node.removeClass("leaf-loading");
+ $node.addClass("children-loaded");
+ },
+ success: function(data, textStatus, xhr) {
+ if (data.success) {
+ if (typeof data.tree != 'undefined' && data.tree.length > 0) {
+ $node.addClass("leaf-open");
+
+ var $group = $node.find("ul.tree-group");
+
+ if ($group.length <= 0) {
+ $group = $("" + controller.emptyMessage + "
");
+ return;
+ }
+
+ controller.recipient.empty();
+
+ var $children = _processGroup(this.recipient, this.tree, true);
+ $children.show();
+
+ controller.recipient.data('children', $children);
+
+ // Add again the hover event to the 'force_callback' elements
+ forced_title_callback();
+ },
+ load: function () {
+ this.reload();
+ },
+ changeTree: function (tree) {
+ this.tree = tree;
+ this.reload();
+ },
+ init: function (data) {
+ if (typeof data.recipient != 'undefined' && data.recipient.length > 0) {
+ this.recipient = data.recipient;
+ }
+ if (typeof data.detailRecipient != 'undefined' && data.detailRecipient.length > 0) {
+ this.detailRecipient = data.detailRecipient;
+ }
+ if (typeof data.tree != 'undefined' && data.tree.length > 0) {
+ this.tree = data.tree;
+ }
+ if (typeof data.emptyMessage != 'undefined' && data.emptyMessage.length > 0) {
+ this.emptyMessage = data.emptyMessage;
+ }
+ if (typeof data.errorMessage != 'undefined' && data.errorMessage.length > 0) {
+ this.errorMessage = data.errorMessage;
+ }
+ if (typeof data.baseURL != 'undefined' && data.baseURL.length > 0) {
+ this.baseURL = data.baseURL;
+ }
+ if (typeof data.ajaxURL != 'undefined' && data.ajaxURL.length > 0) {
+ this.ajaxURL = data.ajaxURL;
+ }
+ if (typeof data.ajaxPage != 'undefined' && data.ajaxPage.length > 0) {
+ this.ajaxPage = data.ajaxPage;
+ }
+ if (typeof data.filter != 'undefined') {
+ this.filter = data.filter;
+ }
+
+ this.load();
+ },
+ remove: function () {
+ if (typeof this.recipient != 'undefined' && this.recipient.length > 0) {
+ this.recipient.empty();
+ }
+
+ if (this.index > -1) {
+ TreeController.controllers.splice(this.index, 1);
+ }
+ }
+ }
+ controller.index = TreeController.controllers.push(controller) - 1;
+
+ return controller;
+ }
+}
+
+// The controllers will be inside the 'controllers' object,
+// ordered by ['type']['id']
+TreeNodeDetailController = {
+ controllers: {},
+ controllerExist: function (type, id) {
+ if (typeof this.controllers[type][id] != 'undefined') {
+ return true;
+ }
+ else {
+ return false;
+ }
+ },
+ removeControllers: function () {
+ if (TreeNodeDetailController.controllers.length > 0) {
+ TreeNodeDetailController.controllers.forEach(function(elements, type) {
+ if (elements.length > 0) {
+ elements.forEach(function(element, id) {
+ element.remove();
+ });
+ }
+ });
+ }
+ },
+ getController: function () {
+ var controller = {
+ recipient: '',
+ type: 'none',
+ id: -1,
+ emptyMessage: "Empty",
+ errorMessage: "Error",
+ baseURL: "",
+ ajaxURL: "ajax.php",
+ ajaxPage: "include/ajax/tree.ajax",
+ container: '',
+ reload: function () {
+ // Label
+ var $label = $("");
+ $label
+ .addClass("tree-element-detail-label")
+ .click(function (e) {
+ if ($label.hasClass('tree-element-detail-loaded'))
+ controller.toggle();
+ });
+
+ // Content
+ var $content = $("");
+ $content.addClass("tree-element-detail-content");
+
+ // Container
+ this.container = $("");
+ this.container
+ .addClass("tree-element-detail")
+ .append($label)
+ .data('label', $label)
+ .append($content)
+ .data('content', $content)
+ .hide();
+
+ $label.addClass('tree-element-detail-loading');
+ $.ajax({
+ url: this.ajaxURL,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ page: this.ajaxPage,
+ getDetail: 1,
+ type: this.type,
+ id: this.id
+ },
+ complete: function(xhr, textStatus) {
+ $label.removeClass('tree-element-detail-loading');
+ },
+ success: function(data, textStatus, xhr) {
+ if (data.success) {
+ $label.addClass('tree-element-detail-loaded');
+ $content.html(data.html);
+
+ controller.open();
+ }
+ else {
+ $label.addClass('tree-element-detail-error');
+ $content.html(controller.errorMessage);
+ }
+ },
+ error: function(xhr, textStatus, errorThrown) {
+ $label.addClass('tree-element-detail-error');
+ $content.html(controller.errorMessage);
+ }
+ });
+
+ this.recipient.append(this.container);
+ this.open();
+ },
+ load: function () {
+ this.reload();
+ },
+ toggle: function () {
+ if (typeof this.container != 'undefined' && this.container.length > 0) {
+ return false;
+ }
+ if (this.container.isClosed) {
+ this.open();
+ }
+ else {
+ this.close();
+ }
+ },
+ open: function () {
+ if (typeof this.container != 'undefined' && this.container.length > 0) {
+ return false;
+ }
+ if (this.container.isClosed) {
+ this.container.data('content').slideLeft();
+ this.container.isClosed = false;
+ }
+ },
+ close: function () {
+ if (typeof this.container != 'undefined' && this.container.length > 0) {
+ return false;
+ }
+ if (!this.container.isClosed) {
+ this.container.data('content').slideRight();
+ this.container.isClosed = true;
+ }
+ },
+ init: function (data) {
+ // Remove the other controllers
+ TreeNodeDetailController.removeControllers();
+
+ // Required
+ if (typeof data.recipient != 'undefined' && data.recipient.length > 0) {
+ this.recipient = data.recipient;
+ }
+ else {
+ return false;
+ }
+ // Required
+ if (typeof data.type != 'undefined' && data.type.length > 0) {
+ this.type = data.type;
+ }
+ else {
+ return false;
+ }
+ // Required
+ if (typeof data.id != 'undefined' && (data.id.length > 0 || !isNaN(data.id))) {
+ this.id = data.id;
+ }
+ else {
+ return false;
+ }
+ if (typeof data.emptyMessage != 'undefined' && data.emptyMessage.length > 0) {
+ this.emptyMessage = data.emptyMessage;
+ }
+ if (typeof data.errorMessage != 'undefined' && data.errorMessage.length > 0) {
+ this.errorMessage = data.errorMessage;
+ }
+ if (typeof data.baseURL != 'undefined' && data.baseURL.length > 0) {
+ this.baseURL = data.baseURL;
+ }
+ if (typeof data.ajaxURL != 'undefined' && data.ajaxURL.length > 0) {
+ this.ajaxURL = data.ajaxURL;
+ }
+ if (typeof data.ajaxPage != 'undefined' && data.ajaxPage.length > 0) {
+ this.ajaxPage = data.ajaxPage;
+ }
+ if (typeof data.counterTitles != 'undefined') {
+ this.counterTitles = data.counterTitles;
+ }
+
+ if (typeof TreeNodeDetailController.controllers[this.type] == 'undefined')
+ TreeNodeDetailController.controllers[this.type] = {};
+ TreeNodeDetailController.controllers[this.type][this.id] = this;
+ this.load();
+ },
+ remove: function () {
+ if (typeof this.recipient != 'undefined' && this.recipient.length > 0) {
+ this.recipient.empty();
+ }
+ if (this.type != 'none' && this.id > -1) {
+ try {
+ delete TreeNodeDetailController.controllers[this.type][this.id];
+ }
+ catch (error) {
+ // console.log('Item not deleted');
+ }
+ }
+ },
+ closeOther: function () {
+ if (TreeNodeDetailController.controllers.length > 0) {
+ TreeNodeDetailController.controllers.forEach(function(elements, type) {
+ if (elements.length > 0) {
+ elements.forEach(function(element, id) {
+ if (this.type != type && this.id != id)
+ element.close();
+ }, this);
+ }
+ }, this);
+ }
+ },
+ removeOther: function () {
+ if (TreeNodeDetailController.controllers.length > 0) {
+ TreeNodeDetailController.controllers.forEach(function(elements, type) {
+ if (elements.length > 0) {
+ elements.forEach(function(element, id) {
+ if (this.type != type && this.id != id)
+ element.remove();
+ }, this);
+ }
+ }, this);
+ }
+ }
+ }
+ return controller;
+ }
+}
\ No newline at end of file
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index 596da5ec98..ea715e7df1 100755
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -2833,4 +2833,161 @@ table#policy_modules td * {
.left_align {
text-align: left;
+}
+
+/* Tree view styles */
+.tree-root {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+.tree-group {
+ margin-left: 16px;
+ padding-top: 4px;
+}
+
+.tree-node {
+ white-space: nowrap;
+
+ background-image: url(../../images/tree/branch.png);
+ background-position: 0px 0px;
+ background-repeat: repeat-y;
+
+ min-height: 26px;
+}
+
+.tree-node:last-child {
+ background: 0 0;
+}
+.node-content {
+ height: 21px;
+}
+
+.node-content:hover {
+ background-color: #9AB8DF;
+
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+.leaf-icon {
+ width: 18px;
+ height: 20px;
+}
+
+.node-content, .leaf-icon {
+ display: inline-block;
+}
+
+.node-content>img, .node-content>div {
+ display: inline;
+}
+
+.tree-node.leaf-open>.leaf-icon {
+ background-image: url(../../images/tree/last_expanded.png);
+ cursor: pointer;
+}
+
+.tree-node.tree-first.leaf-open>.leaf-icon {
+ background-image: url(../../images/tree/first_expanded.png);
+ cursor: pointer;
+}
+
+.tree-node.leaf-closed>.leaf-icon {
+ background-image: url(../../images/tree/last_closed.png);
+ cursor: pointer;
+}
+
+.tree-node.tree-first.leaf-closed>.leaf-icon {
+ background-image: url(../../images/tree/first_closed.png);
+ cursor: pointer;
+}
+
+.tree-node.leaf-loading>.leaf-icon {
+ background-image: url(../../images/tree/last_expanded.png);
+}
+
+.tree-node.leaf-empty>.leaf-icon {
+ background-image: url(../../images/tree/last_leaf.png);
+}
+
+.tree-node.tree-first.leaf-empty>.leaf-icon {
+ background-image: url(../../images/tree/first_leaf.png);
+}
+
+.tree-node.leaf-error>.leaf-icon {
+ background-image: url(../../images/tree/last_leaf.png);
+}
+
+.tree-node>.leaf-icon {
+ background-position: 0px 0px;
+ background-repeat: no-repeat;
+}
+
+.tree-node>.node-content>img {
+ max-height: 20px;
+ /*max-width: 20px;*/
+}
+
+.tree-node>.node-content>img.module-data,
+.tree-node>.node-content>img.module-graph {
+ cursor: pointer;
+ padding-right: 3px;
+}
+
+.tree-node>.node-content>img.module-server-type,
+.tree-node>.node-content>img.agent-status,
+.tree-node>.node-content>img.agent-alerts-fired,
+.tree-node>.node-content>img.module-status {
+ padding-right: 3px;
+}
+
+.tree-node>.node-content>.tree-node-counters,
+.tree-node>.node-content>.tree-node-counters>.tree-node-counter {
+ display: inline;
+}
+
+.tree-node>.node-content>.tree-node-counters {
+
+}
+
+.tree-node>.node-content>img {
+ vertical-align: middle;
+}
+
+.tree-node>.node-content>.tree-node-counters>.tree-node-counter {
+ font-weight: bold;
+ font-size: 7pt;
+ cursor: default;
+}
+
+
+/* The items with the class 'spinner' will rotate */
+/* Not supported on IE9 and below */
+.spinner {
+ -webkit-animation: spinner 2s infinite linear;
+ animation: spinner 2s infinite linear;
+}
+
+@-webkit-keyframes spinner {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes spinner {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
}
\ No newline at end of file
diff --git a/pandora_console/operation/tree.php b/pandora_console/operation/tree.php
index 4c77a2021d..2daade52aa 100755
--- a/pandora_console/operation/tree.php
+++ b/pandora_console/operation/tree.php
@@ -14,6 +14,13 @@
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
+
+
+require_once("tree2.php");
+return;
+////////////////////////////////////////////////////////////////////////
+
+
define('ALL', -1);
define('NORMAL', 0);
define('WARNING', 2);
@@ -96,7 +103,6 @@ if (is_ajax ()) {
metaconsole_connect($server);
}
- treeview_printTable($id_agent, $server);
treeview_printModuleTable($id_module, $server);
diff --git a/pandora_console/operation/tree2.php b/pandora_console/operation/tree2.php
new file mode 100644
index 0000000000..3b270a505b
--- /dev/null
+++ b/pandora_console/operation/tree2.php
@@ -0,0 +1,328 @@
+ "" .
+ html_print_image("images/operating_system.png", true,
+ array("title" => __('OS'))) . "",
+ 'active' => ($tab == "os"));
+
+$tabs['group'] = array(
+ 'text' => "" .
+ html_print_image("images/group.png", true,
+ array("title" => __('Groups'))) . "",
+ 'active' => ($tab == "group"));
+
+$tabs['module_group'] = array(
+ 'text' => "" .
+ html_print_image("images/module_group.png", true,
+ array("title" => __('Module groups'))) . "",
+ 'active' => ($tab == "module_group"));
+
+$tabs['module'] = array(
+ 'text' => "" .
+ html_print_image("images/brick.png", true,
+ array("title" => __('Modules'))) . "",
+ 'active' => ($tab == "module"));
+
+$tabs['tag'] = array(
+ 'text' => "" .
+ html_print_image("images/tag.png", true,
+ array("title" => __('Tags'))) . "",
+ 'active' => ($tab == "tag"));
+
+if ($enterpriseEnable) {
+ $tabs['policies'] = array(
+ 'text' => "" .
+ html_print_image("images/policies_mc.png", true,
+ array("title" => __('Policies'))) . "",
+ 'active' => ($tab == "policies"));
+}
+
+$header_title = "";
+switch ($tab) {
+ case 'os':
+ $header_title =
+ __('Tree view - Sort the agents by OS');
+ break;
+ case 'group':
+ $header_title =
+ __('Tree view - Sort the agents by groups');
+ break;
+ case 'module_group':
+ $header_title =
+ __('Tree view - Sort the agents by module groups');
+ break;
+ case 'module':
+ $header_title =
+ __('Tree view - Sort the agents by modules');
+ break;
+ case 'tag':
+ $header_title =
+ __('Tree view - Sort the agents by tags');
+ break;
+}
+
+ui_print_page_header(
+ $header_title, "images/extensions.png", false, "", false, $tabs);
+// ---------------------Tabs -------------------------------------------
+
+
+// --------------------- form filter -----------------------------------
+$table = null;
+$table->width = "100%";
+
+$table->data[0][0] = __('Agent status');
+$fields = array ();
+$fields[AGENT_STATUS_ALL] = __('All'); //default
+$fields[AGENT_STATUS_NORMAL] = __('Normal');
+$fields[AGENT_STATUS_WARNING] = __('Warning');
+$fields[AGENT_STATUS_CRITICAL] = __('Critical');
+$fields[AGENT_STATUS_UNKNOWN] = __('Unknown');
+$fields[AGENT_STATUS_NOT_INIT] = __('Not init');
+$table->data[0][1] = html_print_select($fields,
+ "status",
+ $status,
+ '',
+ '',
+ 0,
+ true);
+$table->data[0][2] = __('Search agent');
+$table->data[0][3] = html_print_input_text(
+ "search", $search, '', 40, 30, true);
+$table->data[0][4] = html_print_submit_button(
+ __('Filter'), "uptbutton", false, 'class="sub search"', true);
+
+echo '';
+
+// --------------------- form filter -----------------------------------
+ui_include_time_picker();
+ui_require_jquery_file("ui.datepicker-" . get_user_language(), "include/javascript/i18n/");
+
+ui_require_javascript_file("TreeController", "include/javascript/tree/");
+html_print_image('images/spinner.gif', false,
+ array('class' => "loading_tree",
+ 'style' => 'display: none;'));
+echo "";
+echo "
";
+echo "";
+echo "
";
+?>
+
\ No newline at end of file