view release on metacpan or  search on metacpan

share/views/js/device.js  view on Meta::CPAN

    // 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).closest('.nd_nodes-total').next('.nd_collapsing').toggle();
        if ($(this).find('.nd_arrow-up-down-left-down').hasClass('icon-plus-sign-alt')) {
          $(this).html('Hide <div class="nd_arrow-up-down-left-up icon-minus-sign-alt"></div>&nbsp;');
        }
        else {
          $(this).html('Show <div class="nd_arrow-up-down-left-down icon-plus-sign-alt"></div>&nbsp;');
        }
    });

    // 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