  // used by the tabbing interface to make sure the correct  // ajax content is loaded  var path = 'device';  // fields in the Device Search Options form (Device tab)  var form_inputs = $("#ports_form .clearfix input").not('[type="checkbox"]')      .add("#ports_form .clearfix select");  // this is called by do_search to support local code  // which might need to act on the newly inserted content  // but which cannot use jQuery delegation via .on()  function inner_view_processing(tab) {    // LT wanted the page title to reflect what's on the page :)    document.title = $('#nd_device-name').text()      +' - '+ $('#'+ tab + '_link').text();    // used for contenteditable cells to find out whether the user has made    // changes, and only reset when they submit or cancel the change    var dirty = false;    // activate modals, tooltips and popovers    $('.nd_modal').modal({show: false});    $("[rel=tooltip]").tooltip({live: true});    $("[rel=popover]").popover({live: true});  }  // on load, establish global delegations for now and future  $(document).ready(function() {    // BUG: CWE-79 Improper Neutralization of Input During Web Page Generation ('Cross-site Scripting')    // var tab = '[% tab.tag %]'    // FIXED:    var tab = '[% tab.tag | html_entity %]'    var target = '#' + tab + '_pane';    var portfilter = $('#ports_form').find("input[name=f]");    // sidebar form fields should change colour and have trash/copy icon    form_inputs.each(function() {device_form_state($(this))});    form_inputs.change(function() {device_form_state($(this))});    // sidebar collapser events trigger change of up/down arrow    $('.collapse').on('show', function() {      $(this).siblings().find('.nd_arrow-up-down-right')        .toggleClass('icon-chevron-up icon-chevron-down');    });    $('.collapse').on('hide', function() {      $(this).siblings().find('.nd_arrow-up-down-right')        .toggleClass('icon-chevron-up icon-chevron-down');    });    // if the user edits the filter box, revert to automagical search    $('#ports_form').on('input', "input[name=f]", function() {      $('#nd_ports-form-prefer-field').attr('value', '');    });    // handler for trashcan icon in port filter box    $('.nd_field-clear-icon').click(function() {      portfilter.val('');      $('#nd_ports-form-prefer-field').attr('value', '');      $('#ports_form').trigger('submit');      device_form_state(portfilter); // will hide copy icons    });    // allow port filter to have a preference for port/name/vlan    $('#ports_form').on('click', '.nd_device-port-submit-prefer', function() {      event.preventDefault();      $('#nd_ports-form-prefer-field').attr('value', $(this).data('prefer'));      $(this).parents('form').submit();    });    // clickable device port names can simply resubmit AJAX rather than    // fetch the whole page again.    $('#ports_pane').on('click', '.nd_this-port-only', function(event) {      event.preventDefault(); // link is real so prevent page submit      var port = $(this).text();      port = $.trim(port);      portfilter.val(port);      $('.nd_field-clear-icon').show();      // make sure we're preferring a port filter      $('#nd_ports-form-prefer-field').attr('value', 'port');      $('#ports_form').trigger('submit');      device_form_state(portfilter); // will hide copy icons    });    // VLANs column list collapser trigger    // it's a bit of a faff because we can't easily use Bootstrap's collapser    $('#ports_pane').on('click', '.nd_collapse-vlans', function() {        $(this).siblings('.nd_collapsing').toggle();        if ($(this).find('.nd_arrow-up-down-left').hasClass('icon-chevron-up')) {          $(this).html('<div class="nd_arrow-up-down-left icon-chevron-down icon-large"></div>Hide VLANs');        }        else {          $(this).html('<div class="nd_arrow-up-down-left icon-chevron-up icon-large"></div>Show VLANs');        }    });    // refresh tooltips when the datatables table is updated    $('#ports_pane').on('draw.dt', function() {        $("[rel=tooltip]").tooltip({live: true});    });    // netmap show controls    $('#nd_showips').change(function() {      if ($(this).prop('checked')) {        graph.inspect().main.nodes.each(function(n) {          if (n['ORIG_LABEL'] != n['ID']) {            n['LABEL'] = n['ORIG_LABEL'] + ' ' + n['ID'];          }        });        graph.wrapLabels(true).start();      } else {        graph.inspect().main.nodes.each(function(n) {          n['LABEL'] = n['ORIG_LABEL'];        });        graph.wrapLabels(false).start();      }    });    $('#nd_showspeed').change(function() {      $('.nd_netmap-linklabel').css('fill',        ($(this).prop('checked') ? 'black' : 'none')      );    });    // netmap pin/release controls    $('#nd_netmap-releaseall').on('click', function(event) {      event.preventDefault();      graph.releaseFixedNodes().resume();    });    $('#nd_netmap-releaseonly').on('click', function(event) {      event.preventDefault();      graph.inspect().main.nodes        .filter(function(n) { return n.selected })        .each(function(n) { n.fixed = false });      graph.resume();    });    $('#nd_netmap-pinonly').on('click', function(event) {      event.preventDefault();      graph.inspect().main.nodes        .filter(function(n) { return n.selected })        .each(function(n) { n.fixed = true });    });    $('#nd_netmap-zoomtodevice').on('click', function(event) {      event.preventDefault();      var node = graph.nodeDataById( graph['nd2']['centernode'] );      graph.zoomSmooth(node.x, node.y, node.radius * 125);    });    $('#nd_netmap-save').on('click', function(event) {      event.preventDefault();      saveMapPositions();    });    // activity for admin tasks in device details    $('#details_pane').on('click', '.nd_adminbutton', function(event) {      // stop form from submitting normally      event.preventDefault();      // what purpose - discover/macsuck/arpnip      var mode = $(this).attr('name');      var tr = $(this).closest('tr');      // submit the query      $.ajax({        type: 'POST'        ,async: true        ,dataType: 'html'        ,url: uri_base + '/ajax/control/admin/' + mode        ,data: tr.find('input[data-form="' + mode + '"],textarea[data-form="' + mode + '"]').serializeArray()        ,success: function() {          if (mode != 'delete') {            toastr.info('Requested '+ mode +' for device '+ tr.data('for-device'));          }          else {            toastr.success('Deleted device '+ tr.data('for-device'));          }        }        // skip any error reporting for now        // TODO: fix sanity_ok in Netdisco Web        ,error: function() {          toastr.error('Failed to '+ mode +' device '+ tr.data('for-device'));        }      });    });    // clear any values in the delete confirm dialog    $('#details_pane').on('hidden', '.nd_modal', function () {      $('#nd_devdel-log').val('');      $('#nd_devdel-archive').attr('checked', false);    });  });