feat: NAPALM driver for HPE OfficeConnect 1820/1920S
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.
This commit is contained in:
Christian Manivong
+259
@@ -0,0 +1,259 @@
|
||||
<?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>VLAN Configuration</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">VLAN Configuration</div>
|
||||
<div id="fp_div_title_bar_tooltip">
|
||||
<a class="fp_anchor_tooltip" href="/htdocs/lang/en_us/help/switching/help_vlan_status.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/switching/vlan_status.lsp">
|
||||
|
||||
<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';">
|
||||
|
||||
<input class="fp_button ui-button ui-widget ui-state-default fp_dt_button" type="button" id="b_form1_dt_add" name="b_form1_dt_add" value="Add" >
|
||||
|
||||
<input class="fp_button ui-button ui-widget ui-state-default fp_dt_button" type="button" id="b_form1_dt_edit" name="b_form1_dt_edit" value="Edit" >
|
||||
|
||||
<input class="fp_button ui-button ui-widget ui-state-default fp_dt_button" type="submit" id="b_form1_dt_remove" name="b_form1_dt_remove" value="Remove" onclick="jslib_b_pressed_g='dt_remove';">
|
||||
</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 = [
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_1" value="1" disabled="disabled"><label></label>', '1', 'default', 'Default']
|
||||
,
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_10" value="10" disabled="disabled"><label></label>', '10', 'VLAN0010', 'Static']
|
||||
,
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_20" value="20"><label></label>', '20', 'VLAN0020', 'Static']
|
||||
,
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_30" value="30"><label></label>', '30', 'VLAN0030', 'Static']
|
||||
,
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_40" value="40"><label></label>', '40', 'VLAN0040', 'Static']
|
||||
,
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_50" value="50"><label></label>', '50', 'VLAN0050', 'Static']
|
||||
,
|
||||
['<input type="checkbox" class="chkrow" name="chkrow[]" id="chkrow_60" value="60"><label></label>', '60', 'VLAN0060', 'Static']
|
||||
];
|
||||
|
||||
var aColumns = [
|
||||
{ "sTitle": '<input type="checkbox" class="chkall" name="chkall" id="chkall" value="chkall"><label></label>', "bSearchable": false, "bSortable": false, "sWidth": "2%" },
|
||||
{ "sTitle": "VLAN ID", "sType": "natural-sort" },
|
||||
{ "sTitle": "Name", "sType": "html" },
|
||||
{ "sTitle": "Type", "sType": "html" }
|
||||
];
|
||||
|
||||
// Edit button query string callback function
|
||||
// This function name is specified as the 'fn' parameter on 'modal_button_attrib' for the 'edit' button
|
||||
function fnEdit()
|
||||
{
|
||||
var selected = fp_dt_get_selected($("#sorttable1"));
|
||||
var qString = '';
|
||||
|
||||
if (selected.length == 1)
|
||||
{
|
||||
qString = '?vlan=' + selected[0].cells[0].firstChild.value;
|
||||
}
|
||||
return qString;
|
||||
}
|
||||
|
||||
var vlan_count = 7;
|
||||
var vlan_max = 64;
|
||||
|
||||
// Add button query string callback function
|
||||
// This function name is specified as the 'fn' parameter on 'modal_button_attrib' for the 'add' button
|
||||
function fnAdd()
|
||||
{
|
||||
var qString = '';
|
||||
qString = '?vlancount=' + vlan_count;
|
||||
return qString;
|
||||
}
|
||||
|
||||
$(document).ready( function ()
|
||||
{
|
||||
// Define datatable
|
||||
$('#dynamic_dt1').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="sorttable1"><\/table>' );
|
||||
fp_dt_create("#sorttable1", { aaData: aDataSet, aoColumns: aColumns, dt_btn: true, multi_select: true, rw: true });
|
||||
|
||||
if (vlan_count >= vlan_max)
|
||||
{
|
||||
$("#b_form1_dt_add").button("disable");
|
||||
}
|
||||
|
||||
//Disable add button when we press the data table buttons when it reached to max vlans
|
||||
$("#sorttable1_paginate,#sorttable1_length,#sorttable1_filter").click(function() {
|
||||
if (vlan_count >= vlan_max)
|
||||
{
|
||||
$("#b_form1_dt_add").button("disable");
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
-->
|
||||
</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);
|
||||
});
|
||||
// Bind to the click event for all the matching 'b_form1_dt_add' buttons to open a page as a modal dialog
|
||||
$('[id*="b_form1_dt_add"]').click( function() {
|
||||
var qStr = fnAdd();
|
||||
main_modal_page_open('/htdocs/pages/switching/vlan_status_modal.lsp' + qStr, 'Add VLAN', '580', '290', { btnPost : "Apply", btnClose : "Cancel" } );
|
||||
});
|
||||
|
||||
// Bind to the click event for all the matching 'b_form1_dt_edit' buttons to open a page as a modal dialog
|
||||
$('[id*="b_form1_dt_edit"]').click( function() {
|
||||
var qStr = fnEdit();
|
||||
main_modal_page_open('/htdocs/pages/switching/vlan_status_edit_modal.lsp' + qStr, 'Edit VLAN Configuration', '520', '240', { btnPost : "Apply", btnClose : "Cancel" } );
|
||||
});
|
||||
|
||||
// Bind to the submit event for 'b_form1_dt_remove' to open a modal confirm dialog
|
||||
$('#form1').submit( function(e) {
|
||||
var pattern = /dt_remove/gi;
|
||||
if (jslib_b_pressed_g.match(pattern)) {
|
||||
e.preventDefault();
|
||||
main_confirm_dialog_open('dt_remove', 'Are you sure you want to remove the selected row(s)?'); }
|
||||
});
|
||||
|
||||
$(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>
|
||||
|
||||
Reference in New Issue
Block a user