// 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() {
  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'));
          if (mode == 'snapshot_del') {
              $('.nd_snap_btn').toggleClass('btn-success');
              $('.nd_snap_btn').toggleClass('btn-info');
              $('.nd_snap_func').toggleClass('disabled');
          }
        }
        else {
          toastr.success('Queued job to delete '+ 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);
  });
});