These switches have no CLI at all — no SSH, no Telnet and no ArubaOS-Switch REST API — so the ProCurve driver cannot serve them despite the shared vendor. The only management surface is the web UI, which ships its table data as JavaScript array literals; those parse with ast.literal_eval, so the driver needs no HTML parser and no dependency beyond napalm/requests. Read-only by design: the platform exposes a single administrator account with no privilege levels, and serves HTTPS only after a certificate has been uploaded, so the polling credential is necessarily the admin credential over a plain channel. Implements get_facts, get_interfaces, get_vlans, get_vlans_detail and get_mac_address_table, plus HTTP/SNMP fingerprints for discovery. Tested against an HPE OfficeConnect 1820 8G PoE+ (65W), J9982A, PT.02.19.
227 lines
7.6 KiB
HTML
227 lines
7.6 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<!-- Copyright © 2017-2022 Hewlett Packard Enterprise Development LP. -->
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>MAC Table</title>
|
|
<link rel="shortcut icon" href="/htdocs/login/favicon.ico?">
|
|
<link type="text/css" media="screen" rel="stylesheet" href="/htdocs/static/bt1707389424/css/jquery-ui-1.12.1.custom.css">
|
|
<link type="text/css" media="screen" rel="stylesheet" href="/htdocs/static/bt1707389424/jquery/datatables_1_9_4/css/jquery.dataTables_themeroller.css">
|
|
<link type="text/css" media="screen" rel="stylesheet" href="/htdocs/static/bt1707389424/css/style_datatables_custom.css">
|
|
<link type="text/css" media="screen" rel="stylesheet" href="/htdocs/static/bt1707389424/css/style_common_pages.css">
|
|
<link type="text/css" media="screen" rel="stylesheet" href="/htdocs/static/bt1707389424/css/tabs.css">
|
|
<!--[if ie 7]>
|
|
<link rel="stylesheet" href="/htdocs/static/bt1707389424/css/style_browser_fixups_ie7.css" type="text/css">
|
|
<![endif]-->
|
|
<!--[if gte ie 7]>
|
|
<link rel="stylesheet" href="/htdocs/static/bt1707389424/css/style_browser_fixups_ie7plus.css" type="text/css">
|
|
<![endif]-->
|
|
<script type="text/javascript" src="/htdocs/static/bt1707389424/jquery/jquery_3_5_1/jquery-3.5.1.min.js"></script>
|
|
<script type="text/javascript" src="/htdocs/static/bt1707389424/jquery/jquery_ui_1_12_1/jquery-ui-1.12.1.min.js"></script>
|
|
<script type="text/javascript" src="/htdocs/static/bt1707389424/jquery/datatables_1_9_4/jquery.dataTables.min.js"></script>
|
|
</head>
|
|
|
|
<body class="ui-state-default fp_jqtds_page_body fp_corner_bottom">
|
|
<a name="focus_top" id="focus_top"></a>
|
|
|
|
<div id="fp_div_page_title_bar" class="fp_jqtds_h1">
|
|
<div id="fp_div_page_title_text">MAC Table</div>
|
|
<div id="fp_div_title_bar_tooltip">
|
|
<a class="fp_anchor_tooltip" href="/htdocs/lang/en_us/help/base/help_mac_address_table.lsp" target="_blank">
|
|
<img src="/htdocs/static/bt1707389424/images/icon_help_black24-helpText.png" title="Help" alt="Help" border="0">
|
|
</a>
|
|
</div><!-- fp_div_title_bar_tooltip -->
|
|
</div><!-- fp_div_page_title_bar -->
|
|
|
|
<div class="fp_page_container">
|
|
|
|
<form id="form1" name="form1" method="post" action="/htdocs/pages/base/mac_address_table.lsp">
|
|
|
|
<div class="fp_sub_container">
|
|
<table id="fp_page_table_content" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
|
|
<tr> <!-- Max Entries supported -->
|
|
<td class="ui-widget-content fp_data_label">Maximum Entries Supported</td>
|
|
<td class="ui-widget-content fp_data_value">8000</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- fp_sub_container -->
|
|
|
|
<hr class="first"></hr>
|
|
<div class="fp_sub_container">
|
|
<div id="dynamic_dt1"></div>
|
|
</div> <!-- fp_sub_container -->
|
|
|
|
<div id="page_buttons" class="fp_button_row">
|
|
<input class="fp_button ui-button ui-widget ui-state-default fp_primary_button" type="submit" id="b_form1_refresh" name="b_form1_refresh" value="Refresh" onclick="jslib_b_pressed_g='refresh';">
|
|
</div> <!-- fp_button_row -->
|
|
</form> <!-- form1 -->
|
|
|
|
</div><!-- fp_page_container -->
|
|
|
|
<script type="text/javascript" language="JavaScript">
|
|
<!--
|
|
var jslib_msgs = parent.jslib_msgs_tbl;
|
|
-->
|
|
</script>
|
|
<script type="text/javascript" src="/htdocs/static/bt1707389424/js/web-utils-combo.js"></script>
|
|
<script type="text/javascript" src="/htdocs/static/bt1707389424/jquery/plugins/jquery-plugins-combo.js"></script>
|
|
<script type="text/javascript" src="/htdocs/static/bt1707389424/jquery/datatables_1_9_4/jquery.dataTables-plugins.js"></script>
|
|
<script type="text/javascript" src="/htdocs/lang/en_us/culture/globalize.culture.en-US.20120606.js"></script>
|
|
|
|
<script type="text/javascript" language="JavaScript">
|
|
<!--
|
|
|
|
var aDataSet = [
|
|
['1', '00:11:22:33:44:01', '7', '7', 'Learned']
|
|
,
|
|
['10', '00:11:22:33:44:02', '4', '4', 'Learned']
|
|
,
|
|
['10', '00:11:22:33:44:03', '3', '3', 'Learned']
|
|
,
|
|
['10', '00:11:22:33:44:04', '8', '8', 'Learned']
|
|
,
|
|
['10', '00:11:22:33:44:05', 'CPU', '53', 'Management']
|
|
,
|
|
['10', '00:11:22:33:44:06', '8', '8', 'Learned']
|
|
,
|
|
['30', '00:11:22:33:44:07', '3', '3', 'Learned']
|
|
,
|
|
['30', '00:11:22:33:44:08', '4', '4', 'Learned']
|
|
,
|
|
['30', '00:11:22:33:44:09', '7', '7', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:0A', '3', '3', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:0B', '3', '3', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:0C', '3', '3', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:0D', '3', '3', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:0E', '3', '3', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:0F', '3', '3', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:10', '6', '6', 'Learned']
|
|
,
|
|
['50', '00:11:22:33:44:09', '7', '7', 'Learned']
|
|
];
|
|
|
|
var aColumns = [
|
|
{ "sTitle": "VLAN ID", "sType": "natural-sort" },
|
|
{ "sTitle": "MAC Address" },
|
|
{ "sTitle": "Interface", "sType": "natural-sort" },
|
|
{ "sTitle": "Interface Index", "sType": "natural-sort" },
|
|
{ "sTitle": "Status" }
|
|
];
|
|
|
|
|
|
$(document).ready(function()
|
|
{
|
|
// table pagination and sorting
|
|
$('#dynamic_dt1').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="sorttable1"><\/table>' );
|
|
fp_dt_create("#sorttable1", { aaData: aDataSet, aoColumns: aColumns });
|
|
});
|
|
-->
|
|
</script>
|
|
|
|
<script type="text/javascript" language="JavaScript">
|
|
<!--
|
|
$(document).ready( function()
|
|
{
|
|
var page_is_valid = true;
|
|
|
|
// format all culture-specific elements using the current locale
|
|
culture_format(parent.culture);
|
|
|
|
|
|
var myNav = navigator.userAgent.toLowerCase();
|
|
var isIe = false;
|
|
if (myNav.indexOf('msie') != -1)
|
|
{
|
|
var myVer = parseInt(myNav.split('msie')[1]);
|
|
}
|
|
|
|
if ((isIe == true) && (myVer < 8)) {
|
|
$('input[type=radio],[type=checkbox]').live('click', function () {
|
|
this.blur();
|
|
this.focus();
|
|
});
|
|
}
|
|
|
|
$(':input').bind('keypress', function(e) {
|
|
var key = (window.event) ? window.event.keyCode : e.which; // IE vs. FF
|
|
var $this = $(this);
|
|
if ( ($this.is(':not(:button, :submit, :reset, textarea)')) ) {
|
|
return (key != 13);
|
|
}
|
|
});
|
|
|
|
$(".fp_button").button();
|
|
$(".fp_button_cancel").button();
|
|
|
|
$('form input[type="reset"]').click(function(e) {
|
|
if( $('#sorttable1').length ){
|
|
fp_dt_reset_handler("#sorttable1");
|
|
}
|
|
return jslib_form_reset(this.form);
|
|
});
|
|
|
|
$(":submit,:button").click(function(e) {
|
|
// remember which button was clicked last by storing into hidden field
|
|
var button = $(this).attr("id");
|
|
var form_id = $(e.target).closest("form").attr("id");
|
|
if (form_id)
|
|
{
|
|
$("#b_"+form_id+"_clicked").val(button);
|
|
}
|
|
page_is_valid = jslib_form_validate(document.forms[0]);
|
|
|
|
return page_is_valid;
|
|
});
|
|
|
|
// add a hidden field to each form to record which submit button
|
|
// was clicked so that it gets presented in the POST data
|
|
$("form").each(function() {
|
|
var $this = $(this);
|
|
var bid = "b_" + $this.attr("id") + "_clicked";
|
|
var b_clicked = '<input type="hidden" id="' + bid + '" name="' + bid + '">';
|
|
$(b_clicked).appendTo($this);
|
|
});
|
|
$(window).resize(function() {
|
|
if(this.resizeTO) clearTimeout(this.resizeTO);
|
|
this.resizeTO = setTimeout(function() {
|
|
$(this).trigger('resizeEnd');
|
|
}, 500);
|
|
});
|
|
$(window).bind('resizeEnd', function() {
|
|
iframe_auto_resize();
|
|
});
|
|
iframe_auto_resize();
|
|
$('form input[type="submit"]').click(function(e) {
|
|
var form_id = $(e.target).closest("form").attr("id");
|
|
var f_s = "b_"+form_id+"_submit";
|
|
var f_r = "b_"+form_id+"_refresh";
|
|
var f_click = $("#b_"+form_id+"_clicked").val();
|
|
if (((f_click == f_s) || (f_click == f_r)) && page_is_valid)
|
|
{
|
|
parent.progress_modal_open();
|
|
}
|
|
});
|
|
parent.progress_modal_handler(parent.ple.PAGE_LOADED);
|
|
|
|
focus_init("focus_top");
|
|
});
|
|
-->
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|