2013-02-26 Ramon Novoa <rnovoa@artica.es>
* godmode/agentes/module_manager_editor_network.php: Always enable de SNMP walk button. * include/javascript/pandora_snmp_browser.js: Added to repository. Javascript code for the SNMP browser. git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@7722 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
This commit is contained in:
Ramon Novoa
parent
bef2a36c3d
commit
6c1c197d22
|
|
@ -1,3 +1,11 @@
|
|||
2013-02-26 Ramon Novoa <rnovoa@artica.es>
|
||||
|
||||
* godmode/agentes/module_manager_editor_network.php: Always enable de
|
||||
SNMP walk button.
|
||||
|
||||
* include/javascript/pandora_snmp_browser.js: Added to repository.
|
||||
Javascript code for the SNMP browser.
|
||||
|
||||
2013-02-26 Sergio Martin <sergio.martin@artica.es>
|
||||
|
||||
* include/functions_html.php
|
||||
|
|
|
|||
|
|
@ -99,15 +99,7 @@ $data[1] .= html_print_select (array (), 'select_snmp_oid', $snmp_oid, '', '', 0
|
|||
$data[1] .= html_print_image("images/edit.png", true, array("class" => "invisible clickable", "id" => "edit_oid"));
|
||||
$data[1] .= '</span>';
|
||||
$data[1] .= '</span><span class="right" style="width: 50%; text-align: right">';
|
||||
if ($disabledBecauseInPolicy)
|
||||
$disableButton = true;
|
||||
else
|
||||
if ($ip_target == '')
|
||||
$disableButton = true;
|
||||
else
|
||||
$disableButton = false;
|
||||
|
||||
$data[1] .= html_print_button (__('SNMP walk'), 'snmp_walk', $disableButton, 'snmpBrowserWindow()',
|
||||
$data[1] .= html_print_button (__('SNMP walk'), 'snmp_walk', false, 'snmpBrowserWindow()',
|
||||
'class="sub next"', true);
|
||||
$data[1] .= ui_print_help_icon ('snmpwalk', true);
|
||||
$data[1] .= '</span>';
|
||||
|
|
|
|||
|
|
@ -0,0 +1,345 @@
|
|||
// Load the SNMP tree via AJAX
|
||||
function snmpBrowse () {
|
||||
|
||||
// Empty the SNMP tree
|
||||
$("#snmp_browser").html('');
|
||||
|
||||
// Hide the data div
|
||||
hideOIDData();
|
||||
|
||||
// Reset previous searches
|
||||
$("#search_results").css('display', 'none');
|
||||
$("#hidden-search_count").val(-1);
|
||||
|
||||
// Show the spinner
|
||||
$("#spinner").css('display', '');
|
||||
|
||||
// Read the target IP and community
|
||||
var target_ip = $('#text-target_ip').val();
|
||||
var community = $('#text-community').val();
|
||||
var starting_oid = $('#text-starting_oid').val();
|
||||
var starting_oid = $('#text-starting_oid').val();
|
||||
var ajax_url = $('#hidden-ajax_url').val();
|
||||
|
||||
// Prepare the AJAX call
|
||||
var params = [
|
||||
"target_ip=" + target_ip,
|
||||
"community=" + community,
|
||||
"starting_oid=" + starting_oid,
|
||||
"action=" + "snmptree",
|
||||
"page=operation/snmpconsole/snmp_browser"
|
||||
];
|
||||
|
||||
// Browse!
|
||||
jQuery.ajax ({
|
||||
data: params.join ("&"),
|
||||
type: 'POST',
|
||||
url: action= ajax_url,
|
||||
async: true,
|
||||
timeout: 120000,
|
||||
success: function (data) {
|
||||
|
||||
// Hide the spinner
|
||||
$("#spinner").css('display', 'none');
|
||||
|
||||
// Load the SNMP tree
|
||||
$("#snmp_browser").html(data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Expand or collapse an SNMP tree node
|
||||
function toggleTreeNode(node) {
|
||||
|
||||
var display = $("#ul_" + node).css('display');
|
||||
var src = $("#anchor_" + node).children("img").attr('src');
|
||||
|
||||
// Show the expanded or collapsed square
|
||||
if (display == "none") {
|
||||
src = src.replace("closed", "expanded");
|
||||
} else {
|
||||
src = src.replace("expanded", "closed");
|
||||
}
|
||||
$("#anchor_" + node).children("img").attr('src', src);
|
||||
|
||||
// Hide or show leaves
|
||||
$("#ul_" + node).toggle();
|
||||
}
|
||||
|
||||
// Expand an SNMP tree node
|
||||
function expandTreeNode(node) {
|
||||
|
||||
if (node == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Show the expanded square
|
||||
var src = $("#anchor_" + node).children("img").attr('src');
|
||||
src = src.replace("closed", "expanded");
|
||||
$("#anchor_" + node).children("img").attr('src', src);
|
||||
|
||||
// Show leaves
|
||||
$("#ul_" + node).css('display', '');
|
||||
}
|
||||
|
||||
// Expand an SNMP tree node
|
||||
function collapseTreeNode(node) {
|
||||
|
||||
if (node == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Show the collapsed square
|
||||
var src = $("#anchor_" + node).children("img").attr('src');
|
||||
src = src.replace("expanded", "closed");
|
||||
$("#anchor_" + node).children("img").attr('src', src);
|
||||
|
||||
// Hide leaves
|
||||
$("#ul_" + node).css('display', 'none');
|
||||
}
|
||||
|
||||
// Expand all tree nodes
|
||||
function expandAll(node) {
|
||||
|
||||
$('#snmp_browser').find('ul').each ( function () {
|
||||
var id = $(this).attr('id').substr(3);
|
||||
expandTreeNode (id);
|
||||
});
|
||||
}
|
||||
|
||||
// Collapse all tree nodes
|
||||
function collapseAll(node) {
|
||||
|
||||
// Reset previous searches
|
||||
$("#search_results").css('display', 'none');
|
||||
$("#hidden-search_count").val(-1);
|
||||
|
||||
$('#snmp_browser').find('ul').each ( function () {
|
||||
var id = $(this).attr('id').substr(3);
|
||||
collapseTreeNode (id);
|
||||
});
|
||||
}
|
||||
|
||||
// Perform an SNMP get request via AJAX
|
||||
function snmpGet (oid) {
|
||||
|
||||
// Empty previous OID data
|
||||
$("#snmp_data").empty();
|
||||
|
||||
// Read the target IP and community
|
||||
var target_ip = $('#text-target_ip').val();
|
||||
var community = $('#text-community').val();
|
||||
var ajax_url = $('#hidden-ajax_url').val();
|
||||
|
||||
// Check for a custom action
|
||||
var custom_action = $('#hidden-custom_action').val();
|
||||
if (custom_action == undefined) {
|
||||
custom_action = '';
|
||||
}
|
||||
|
||||
// Prepare the AJAX call
|
||||
var params = [
|
||||
"target_ip=" + target_ip,
|
||||
"community=" + community,
|
||||
"oid=" + oid,
|
||||
"action=" + "snmpget",
|
||||
"custom_action=" + custom_action,
|
||||
"page=operation/snmpconsole/snmp_browser"
|
||||
];
|
||||
|
||||
// SNMP get!
|
||||
jQuery.ajax ({
|
||||
data: params.join ("&"),
|
||||
type: 'POST',
|
||||
url: action=ajax_url,
|
||||
async: true,
|
||||
timeout: 60000,
|
||||
success: function (data) {
|
||||
$("#snmp_data").html(data);
|
||||
}
|
||||
});
|
||||
|
||||
// Show the data div
|
||||
showOIDData();
|
||||
}
|
||||
|
||||
// Show the div that displays OID data
|
||||
function showOIDData() {
|
||||
$("#snmp_data").css('display', '');
|
||||
}
|
||||
|
||||
// Hide the div that displays OID data
|
||||
function hideOIDData() {
|
||||
|
||||
// Empty previous OID data
|
||||
$("#snmp_data").empty();
|
||||
|
||||
$("#snmp_data").css('display', 'none');
|
||||
}
|
||||
|
||||
// Search the SNMP tree for a matching string
|
||||
function searchText() {
|
||||
|
||||
var text = $('#text-search_text').val();
|
||||
var regexp = new RegExp(text);
|
||||
var search_matches_translation = $('#hidden-search_matches_translation').val();
|
||||
|
||||
// Hide previous search result count
|
||||
$("#search_results").css('display', '');
|
||||
|
||||
// Show the spinner
|
||||
$("#spinner").css('display', '');
|
||||
|
||||
// Collapse previously searched nodes
|
||||
$('.expanded').each( function () {
|
||||
$(this).removeClass('expanded');
|
||||
|
||||
// Remove the leading ul_
|
||||
var node_id = $(this).attr('id').substr(3);
|
||||
|
||||
collapseTreeNode(node_id);
|
||||
});
|
||||
|
||||
// Un-highlight previously searched nodes
|
||||
$('match').removeClass('match');
|
||||
$('span').removeClass('group_view_warn');
|
||||
|
||||
// Hide values
|
||||
$('span.value').css('display', 'none');
|
||||
|
||||
// Disable empty searches
|
||||
var count = 0;
|
||||
if (text != '') {
|
||||
count = searchTreeNode($('#snmp_browser'), regexp);
|
||||
}
|
||||
|
||||
// Hide the spinner
|
||||
$("#spinner").css('display', 'none');
|
||||
|
||||
// Show and save the search result count
|
||||
$("#hidden-search_count").val(count);
|
||||
$("#search_results").text(search_matches_translation + ': ' + count);
|
||||
$("#search_results").css('display', '');
|
||||
|
||||
// Reset the search index
|
||||
$("#hidden-search_index").val(-1);
|
||||
|
||||
// Focus the first match
|
||||
searchNextMatch ();
|
||||
}
|
||||
|
||||
// Recursively search an SNMP tree node trying to match the given regexp
|
||||
function searchTreeNode(obj, regexp) {
|
||||
|
||||
// For each node tree
|
||||
var count = 0;
|
||||
$(obj).children("ul").each( function () {
|
||||
var ul_node = this;
|
||||
|
||||
// Expand if regexp matches one of its children
|
||||
$(ul_node).addClass('expand')
|
||||
|
||||
// Search children for matches
|
||||
$(ul_node).children("li").each( function () {
|
||||
var li_node = this;
|
||||
var text = $(li_node).text();
|
||||
|
||||
// Match!
|
||||
if (regexp.test(text) == true) {
|
||||
|
||||
count++;
|
||||
|
||||
// Highlight in yellow
|
||||
$(li_node).children('span').addClass('group_view_warn');
|
||||
$(li_node).addClass('match');
|
||||
|
||||
// Show the value
|
||||
$(li_node).children('span.value').css('display', '');
|
||||
|
||||
// Expand all nodes that lead to this one
|
||||
$('.expand').each( function () {
|
||||
$(this).addClass('expanded');
|
||||
|
||||
// Remove the leading ul_
|
||||
var node_id = $(this).attr('id').substr(3);
|
||||
|
||||
expandTreeNode(node_id);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Search sub nodes
|
||||
count += searchTreeNode(ul_node, regexp);
|
||||
|
||||
// Do not expand this node if it has not been expanded already
|
||||
$(ul_node).removeClass('expand');
|
||||
});
|
||||
|
||||
return count;
|
||||
}
|
||||
|
||||
// Focus the next search match
|
||||
function searchNextMatch () {
|
||||
var search_index = $("#hidden-search_index").val();
|
||||
var search_count = $("#hidden-search_count").val();
|
||||
|
||||
// Update the search index
|
||||
search_index++;
|
||||
if (search_index >= search_count) {
|
||||
search_index = 0;
|
||||
}
|
||||
|
||||
// Get the id of the next element
|
||||
var id = $('.match:eq(' + search_index + ')').attr('id');
|
||||
|
||||
// Scroll
|
||||
$('#snmp_browser').animate({
|
||||
scrollTop: $('#snmp_browser').scrollTop() + $('#' + id).offset().top - $('#snmp_browser').offset().top
|
||||
}, 1000);
|
||||
|
||||
// Save the search index
|
||||
$("#hidden-search_index").val(search_index);
|
||||
}
|
||||
|
||||
// Focus the previous search match
|
||||
function searchPrevMatch () {
|
||||
var search_index = $("#hidden-search_index").val();
|
||||
var search_count = $("#hidden-search_count").val();
|
||||
|
||||
// Update the search index
|
||||
search_index--;
|
||||
if (search_index < 0) {
|
||||
search_index = search_count - 1;
|
||||
}
|
||||
|
||||
// Get the id of the next element
|
||||
var id = $('.match:eq(' + search_index + ')').attr('id');
|
||||
|
||||
// Scroll
|
||||
$('#snmp_browser').animate({
|
||||
scrollTop: $('#snmp_browser').scrollTop() + $('#' + id).offset().top - $('#snmp_browser').offset().top
|
||||
}, 1000);
|
||||
|
||||
// Save the search index
|
||||
$("#hidden-search_index").val(search_index);
|
||||
}
|
||||
|
||||
// Focus the first search match
|
||||
function searchFirstMatch () {
|
||||
|
||||
// Reset the search index
|
||||
$("#hidden-search_index").val(-1);
|
||||
|
||||
// Focus the first match
|
||||
searchNextMatch();
|
||||
}
|
||||
|
||||
// Focus the last search match
|
||||
function searchLastMatch () {
|
||||
|
||||
// Reset the search index
|
||||
$("#hidden-search_index").val(-1);
|
||||
|
||||
// Focus the last match
|
||||
searchPrevMatch();
|
||||
}
|
||||
Loading…
Reference in New Issue