From 3a02a1bce4190ce0d94883709e0a6c362bcb0af3 Mon Sep 17 00:00:00 2001
From: Jonathan Prykop <jonathan@freeside.biz>
Date: Wed, 9 Dec 2015 23:39:52 -0600
Subject: RT#39115: View SNMP info on svc_broadband service

---
 httemplate/elements/broadband_snmp_get-dialog.html |  68 ++++++++
 httemplate/elements/select-mib-popup.html          | 186 ---------------------
 2 files changed, 68 insertions(+), 186 deletions(-)
 create mode 100644 httemplate/elements/broadband_snmp_get-dialog.html
 delete mode 100644 httemplate/elements/select-mib-popup.html

(limited to 'httemplate/elements')

diff --git a/httemplate/elements/broadband_snmp_get-dialog.html b/httemplate/elements/broadband_snmp_get-dialog.html
new file mode 100644
index 000000000..61bb9c763
--- /dev/null
+++ b/httemplate/elements/broadband_snmp_get-dialog.html
@@ -0,0 +1,68 @@
+<%doc>
+Adds a link to display snmp statistics based on broadband_snmp_get export config.
+Performs necessary checks such that, if no such exports are configured for the passed 
+service, returns blank space (ie may be safely invoked even if no exports are configured.)
+
+  <& '/elements/broadband_snmp_get-dialog.html', svc => $svc &>
+
+</%doc>
+% if (@snmp) {
+<& '/elements/xmlhttp.html',
+   'url'  => $fsurl.'misc/xmlhttp-broadband_snmp_get.cgi',
+   'subs' => [ 'broadband_snmp_get_request' ]
+ &>
+<SCRIPT>
+function broadband_snmp_get (svcnum) {
+  var jqd = $( '#broadband_snmp_get_dialog' );
+  if (!jqd.dialog( 'isOpen' )) {
+    jqd.dialog( 'open' );
+  }
+  document.getElementById('broadband_snmp_get_dialog').innerHTML = '<B>Loading...</B>';
+  broadband_snmp_get_request('svcnum',svcnum,
+    function (result) {
+      var objects = JSON.parse(result) || [];
+      if (objects.length) {
+        var table = document.createElement('table');
+        for (i = 0; i < objects.length; i++) {
+          var row = document.createElement('tr');
+          var obj = objects[i];
+          if (obj.error) {
+            var cell = document.createElement('td');
+            cell.colSpan = '2';
+            cell.innerHTML = obj['error'];
+            row.appendChild(cell);
+          } else {
+              var cell = document.createElement('td');
+              cell.innerHTML = obj['label'];
+              row.appendChild(cell);
+              cell = document.createElement('td');
+              cell.innerHTML = obj['value'];
+              row.appendChild(cell);
+          }
+          table.appendChild(row);
+        }
+        var dialog = document.getElementById('broadband_snmp_get_dialog');
+        dialog.innerHTML = '';
+        dialog.appendChild(table);
+      }  // if objects.length
+    }  // function
+  ); // broadband_snmp_get_request
+} // broadband_snmp_get
+</SCRIPT>
+<SPAN ID="broadband_snmp_get_dialog"></SPAN>
+<SPAN ID="broadband_snmp_get_link">
+<A HREF="javascript: void(0)" onclick="broadband_snmp_get('<% $svcnum %>')">(snmp)</A>
+</SPAN>
+<SCRIPT>
+$( '#broadband_snmp_get_dialog' ).dialog({
+  position: { my: "left top", at: "left top", of: "#broadband_snmp_get_link" },
+  autoOpen: false,
+  title: 'SNMP',
+});
+</SCRIPT>
+% } #if @snmp
+<%init>
+my(%opt) = @_;
+my @snmp = $opt{'svc'}->cust_svc->part_svc->part_export('broadband_snmp_get');
+my $svcnum = $opt{'svc'}->svcnum;
+</%init>
diff --git a/httemplate/elements/select-mib-popup.html b/httemplate/elements/select-mib-popup.html
deleted file mode 100644
index f95ce2b97..000000000
--- a/httemplate/elements/select-mib-popup.html
+++ /dev/null
@@ -1,186 +0,0 @@
-<& /elements/header-popup.html &>
-<DIV STYLE="visibility: hidden; position: absolute" ID="measurebox"></DIV>
-<TABLE WIDTH="100%">
-<TR>
-  <TD WIDTH="30%" ALIGN="right">Module:</TD>
-  <TD><SELECT ID="select_module"></SELECT></TD>
-</TR>
-<TR>
-  <TD ALIGN="right">Object:</TD>
-  <TD><INPUT TYPE="text" NAME="path" ID="input_path" SIZE=50 WIDTH="100%"></TD>
-</TR>
-<TR>
-  <TD COLSPAN=2>
-    <SELECT STYLE="width:100%" SIZE=12 ID="select_path"></SELECT>
-  </TD>
-</TR>
-<TR>
-  <TH ALIGN="center" COLSPAN=2 ID="mib_objectID"></TH>
-</TR>
-<TR>
-  <TD ALIGN="right">Module: </TD><TD ID="mib_moduleID"></TD>
-</TR>
-<TR>
-  <TD ALIGN="right">Data type: </TD><TD ID="mib_type"></TD>
-</TR>
-<TR>
-  <TH COLSPAN=2>
-    <BUTTON ID="submit_button" onclick="submit()" DISABLED=1>Continue</BUTTON>
-  </TH>
-</TR>
-</TABLE>
-<& /elements/xmlhttp.html,
-  url   => $p.'misc/xmlhttp-mib-browse.html',
-  subs  => [qw( search get_module_list )],
-&>
-<SCRIPT TYPE="text/javascript">
-
-var selected_mib;
-
-function show_info(state) {
-  document.getElementById('mib_objectID').style.display = 
-    document.getElementById('mib_moduleID').style.display = 
-    document.getElementById('mib_type').style.display = 
-    state ? '' : 'none';
-}
-
-function clear_list() {
-  var select_path = document.getElementById('select_path');
-  select_path.options.length = 0;
-}
-
-var measurebox = document.getElementById('measurebox');
-function add_item(value) {
-  var select_path = document.getElementById('select_path');
-  var input_path = document.getElementById('input_path');
-  var opt = document.createElement('option');
-  var v = value;
-  if ( v.match(/-$/) ) {
-    opt.className = 'leaf';
-    v = v.substring(0, v.length - 1);
-  }
-  var optvalue = v; // may not be the name we display
-  // shorten these if they don't fit in the box
-  if ( v.length > 30 ) { // unless they're already really short
-    measurebox.innerHTML = v;
-    while ( measurebox.clientWidth > select_path.clientWidth - 10
-            && v.match(/^\..*\./) ) {
-      v = v.replace(/^\.[^\.]+/, '');
-      measurebox.innerHTML = v;
-    }
-    if ( optvalue != v ) {
-      v = '...' + v;
-    }
-  }
-  opt.value = optvalue;
-  opt.text = v;
-  opt.selected = (input_path.value == v);
-  select_path.add(opt, null);
-}
-
-var timerID = 0;
-
-function populate(json_result) {
-  var result = JSON.parse(json_result);
-  clear_list();
-  for (var x in result['choices']) {
-    opt = document.createElement('option');
-    add_item(result['choices'][x]);
-  }
-  if ( result['objectID'] ) {
-    selected_mib = result;
-    show_info(true);
-    // show details on the selected node
-    document.getElementById('mib_objectID').innerHTML = result.objectID;
-    document.getElementById('mib_moduleID').innerHTML = result.moduleID;
-    document.getElementById('mib_type').innerHTML = result.type;
-    document.getElementById('submit_button').disabled = !result.type;
-  } else {
-    selected_mib = undefined;
-    show_info(false);
-  }
-}
-
-function populate_modules(json_result) {
-  var result = JSON.parse(json_result);
-  var select_module = document.getElementById('select_module');
-  var opt = document.createElement('option');
-  opt.value = 'ANY';
-  opt.text  = '(any)';
-  select_module.add(opt, null);
-  for (var x in result['modules']) {
-    opt = document.createElement('option');
-    opt.value = opt.text = result['modules'][x];
-    select_module.add(opt, null);
-  }
-}
-
-function dispatch_search() {
-  // called from the interval timer
-  var search_string = document.getElementById('select_module').value + ':' +
-                      document.getElementById('input_path').value;
-
-  search(search_string, populate);
-}
-
-function delayed_search() {
-  // onkeyup handler for the text input
-  // 500ms after the user stops typing, send the search request
-  if (timerID != 0) {
-    clearTimeout(timerID);
-  }
-  timerID = setTimeout(dispatch_search, 500);
-}
-
-function handle_choose_object() {
-  // onchange handler for the selector
-  // when the user picks an option, set the text input to that, and then
-  // search for it as though it was entered
-  var input_path = document.getElementById('input_path');
-  input_path.value = this.value;
-  dispatch_search();
-}
-
-function handle_choose_module() {
-  input_path.value = ''; // just to avoid confusion
-  delayed_search();
-}
-
-function submit() {
-% if ( $callback ) {
-  <% $callback %>;
-  parent.nd(1); // close popup
-% } else {
-  alert(document.getElementById('input_path').value);
-% }
-}
-
-var input_path = document.getElementById('input_path');
-input_path.onkeyup = delayed_search;
-var select_path = document.getElementById('select_path');
-select_path.onchange = handle_choose_object;
-var select_module = document.getElementById('select_module');
-select_module.onchange = handle_choose_module;
-% if ( $cgi->param('curr_value') ) {
-input_path.value = <% $cgi->param('curr_value') |js_string %>;
-% }
-dispatch_search();
-get_module_list('', populate_modules);
-
-</SCRIPT>
-<& /elements/footer.html &>
-<%init>
-my $callback = 'alert("(no callback defined)" + selected_mib.stringify)';
-$cgi->param('callback') =~ /^(\w+)$/;
-if ( $1 ) {
-  # construct the JS function call expresssion
-  $callback = 'window.parent.' . $1 . '(selected_mib';
-  foreach ($cgi->param('arg')) {
-    # pass-through arguments
-    /^(\w+)$/ or next;
-    $callback .= ",'$1'";
-  }
-  $callback .= ')';
-}
-
-</%init>
-- 
cgit v1.2.1