[% SET user_can_port_control = user_has_role('port_control') %]
<table id="dp-data-table" class="table table-bordered table-striped" width="100%" cellspacing="0">
</table>

[% IF user_can_port_control %]
<div id="nd_portlog" class="nd_modal nd_deep-horizon modal hide fade" tabindex="-1"
    role="dialog" aria-hidden="true">
  <div class="modal-body">
    <blockquote>
      <ul><li><p>Please provide a reason for changing the Port Configuration</p></li></ul>
    </blockquote>
    <select id="nd_portlog-reason" class="input-block-level" name="reason">
      [% FOREACH pair IN settings.port_control_reasons.pairs %]
        <option[% ' selected="selected"' IF pair.key == 'other' %] value="[% pair.key | html_entity %]">
          [% pair.value | html_entity %]</option>
      [% END %]
    </select>
    <textarea id="nd_portlog-log" class="input-block-level" rows="2" name="log"
      placeholder="Enter a log message"></textarea>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
    <button id="nd_portlog-submit" class="btn btn-info" data-dismiss="modal">Continue</button>
  </div>
</div>
[% END %]

<script type="text/javascript">
//<![CDATA[

$(document).ready(function() {
  var freeDate = moment().subtract( [% params.age_num %], '[% params.age_unit %]' );
  $('#dp-data-table').dataTable({
    "deferRender": true,
    "order": [[ 1, "asc" ]],
    "colVis": {
      "exclude": [ 0 ]
    },
    "columns": [
      {
        "title": '',
        "name": 'icon',
        "data": "up",
        "searchable": false,
        "sortable": false,
        "className": 'nd_center-cell nd_devport-icon',
        "render": function(data, type, row, meta) {
          var cell_str = '<i class="icon-angle-up text-success"></i>';
          if (row.up_admin !== 'up') {
            cell_str = '<i class="icon-remove"></i>';
          } else if (row.up === 'up' && row.stp === 'blocking' && row.vlan_membership.length < 2) {
            cell_str = '<i class="icon-fullscreen text-info"></i>';
          } else if (row.up !== 'up'  && freeDate.isAfter(row.lastchange_stamp)) {
            cell_str = '<i class="icon-arrow-down text-success"></i>';
          } else if (row.up_admin === 'up' && (row.up !== 'up' && row.up !== 'dormant')) {
            cell_str = '<i class="icon-arrow-down text-error"></i>';
          }
          if (row.slave_of) {
            cell_str += '<br/>';
            if (row.agg_master_up_admin != 'up') {
              cell_str += '<small><i class="icon-group muted"></i></small>';
            } else if (row.agg_master_up === 'up') {
              cell_str += '<small><i class="icon-group text-success"></i></small>';
            } else {
              cell_str += '<small><i class="icon-group text-error"></i></small>';
            }
          }
          return cell_str;
        }
      },
      [% FOREACH config IN settings._extra_device_port_cols %]
        [% NEXT UNLESS config.position == 'left' AND params.${config.name} %]
          [% TRY %]
          [% INCLUDE "plugin/${config.name}/device_port_column.tt" %],
          [% CATCH %]
          // dummy content required by Template Toolkit TRY
          [% END %],
      [% END %]
      {
        "title": 'Port',
        "name": 'c_port',
        "data": 'port',
        "type": 'portsort',
        [% IF user_can_port_control AND params.c_admin %]
        "createdCell": function (td, cellData, rowData, row, col) {
            $(td).attr('data-field', 'c_port');
            $(td).attr('data-for-device', he.encode(rowData.ip));
            $(td).attr('data-for-port', he.encode(rowData.port));
        },
        "className": 'nd_editable-cell nd_nowrap',
        [% ELSE %]
        "className": 'nd_nowrap',
        [% END %]
        "render": function(data, type, row, meta) {
          if (type === 'display') {
            var cell_str = '';
            [% IF user_can_port_control AND params.c_admin %]
            if (row.up_admin === 'up') {
              cell_str += '<span class="nd_hand-icon">'
                + '<i class="icon-bullseye" data-action="bounce" rel="tooltip" data-placement="top"'
                + ' data-offset="3" data-animation="" data-title="Bounce Port"></i>'
                + ' <i class="icon-hand-down" rel="tooltip" data-placement="top"'
                + ' data-offset="3" data-animation="" data-title="Disable Port"></i>'
                + '</span>';
            } else {
              cell_str += '<span class="nd_hand-icon">'
                + '<i class="icon-bullseye" data-action="bounce" rel="tooltip" data-placement="top" style="display: none"'
                + ' data-offset="3" data-animation="" data-title="Bounce Port"></i>'
                + ' <i class="icon-hand-up" rel="tooltip" data-placement="top"'
                + ' data-offset="3" data-animation="" data-title="Enable Port"></i>'
                + '</span>';
            }
            cell_str += '<a class="nd_log-icon" href="[% uri_for('/report/portlog') %]?q='
                + encodeURIComponent(row.ip) + '&f='  + encodeURIComponent(row.port) + '">'
                + '<i class="icon-file-text-alt" rel="tooltip" data-placement="top"'
                + ' data-offset="3" data-animation="" data-title="View Port Log"></i></a>';
            [% ELSE %]
            cell_str += '';
            [% END %]
            cell_str += '<a class="nd_this-port-only nd_port-only-first" href="[% uri_for('/device',self_options) %]&q=[% params.q | uri %]&f='
                + encodeURIComponent(row.port) + '&prefer=port">';
            if (row.is_master) {
              cell_str += '<small><i class="icon-group muted"></i></small>&nbsp;';
            }
            cell_str += he.encode(row.port) + '</a>';
            if (row.slave_of) {
              cell_str += '<br/>'
                + '<a class="nd_this-port-only" href="[% uri_for('/device', self_options) %]&q=[% params.q | uri %]&f='
                + encodeURIComponent(row.slave_of) + '&prefer=port">'
                + he.encode(row.slave_of) + '</a>';
            }
            return cell_str;
          }
          else {
            return he.encode(data || '');
          }
        }
      },
      [% FOREACH config IN settings._extra_device_port_cols %]
        [% NEXT UNLESS config.position == 'mid' AND params.${config.name} %]
          [% TRY %]
          [% INCLUDE "plugin/${config.name}/device_port_column.tt" %],
          [% CATCH %]
          // dummy content required by Template Toolkit TRY
          [% END %],
      [% END %]
      {
        "title": 'Description',
        "name": 'c_descr',
        "type": 'portsort',
        "className": 'nd_nowrap',
        "data": "descr",
        "render": function(data, type, row, meta) {
          return type === 'display' ? he.encode(data || '') : data;
        }
      }, {
        "title": 'Type',
        "name": 'c_type',
        "data": "type",
        "render": function(data, type, row, meta) {
          return type === 'display' ? he.encode(data || '') : data;
        }
      }, {
        "title": 'Duplex',
        "name": 'c_duplex',
        "data": "duplex",
        "render": function(data, type, row, meta) {
         if (row.up === 'up' && row.duplex) {
            return he.encode(capitalizeFirstLetter(row.duplex_admin || 'auto') )
                + ' / ' + he.encode(capitalizeFirstLetter(row.duplex) || '');
          }
          else {
            return '';
          }
        }
      }, {
        "title": 'Last Change',
        "name": 'c_lastchange',
        "data": "lastchange_stamp",
      }, {
        "title": 'Name',
        "name": 'c_name',
        "data": "name",
        "type": 'portsort',
        [% IF user_can_port_control AND params.c_admin %]
        "createdCell": function (td, cellData, rowData, row, col) {
            $(td).attr('contenteditable', 'true');
            $(td).attr('data-field', 'c_name');
            $(td).attr('data-for-device', he.encode(rowData.ip));
            $(td).attr('data-for-port', he.encode(rowData.port));
        },
        "className": 'nd_editable-cell  nd_nowrap',
        "render": function(data, type, row, meta) {
          if (type === 'display') {
            return '<i class="icon-edit nd_edit-icon"></i>'
                + '<div class="nd_editable-cell-content">'
                + he.encode(data || '') + '</div>';
          }
          else {
            return data;
          }
        }
        [% ELSE %]
        "render": function(data, type, row, meta) {
          return type === 'display' ? he.encode(data || '') : data;
        }  
        [% END %]
      }, {
        "title": 'Speed',
        "name": 'c_speed',
        "data": "speed",
        "render": function(data, type, row, meta) {
          return type === 'display' ? he.encode(data || '') : data;
        }
      }, {
        "title": 'Port MAC',
        "name": 'c_mac',
        "data": "mac",
        "render": function(data, type, row, meta) {
          return type === 'display' ? he.encode(data || '') : data;
        }
      }, {
        "title": 'MTU',
        "name": 'c_mtu',
        /* mtu is an integer, no need to encode */
        "data": "mtu"
      }, {
        "title": 'Native VLAN',
        "name": 'c_pvid',
        "data": "native_vlan",
        [% IF user_can_port_control AND params.c_admin %]
        "createdCell": function (td, cellData, rowData, row, col) {
            $(td).attr('contenteditable', 'true');
            $(td).attr('data-field', 'c_pvid');
            $(td).attr('data-for-device', he.encode(rowData.ip));
            $(td).attr('data-for-port', he.encode(rowData.port));
        },
        "className": 'nd_editable-cell',
        "render": function ( data, type, row, meta ) {
          if (type === 'display') {
            var cell_str = '<i class="icon-edit nd_edit-icon"></i>'
                + '<div class="nd_editable-cell-content">';
            if (row.native_vlan) {
              /* row.native_vlan is an integer, no need to encode */
              cell_str += row.native_vlan;
            }
            cell_str += '</div>';
            return cell_str;
          }
          else {
            return data;
          }
        }
        [% ELSE %]
        "render": function ( data, type, row, meta ) {
          if (row.native_vlan && type === 'display') {
            return '<a class="nd_linkcell" href="[% uri_for('/search/vlan') %]?q=' + encodeURIComponent(data) + '">' + data + '</a>';
          }
          else {
            return data;
          }
        }
        [% END %]
      }, {
        "title": 'VLAN Membership',
        "name": 'c_vmember',
        "type": 'natural',
        "data": null,
        "render": function ( data, type, row, meta ) {
          if (type === 'display' && row.vlan_membership) {
            var cell_str = '';
            var arr = row.vlan_membership;
            arr = arr.sort(function(a, b){return a-b});
            arr = jQuery.map( arr, function( a ) {
              return '<a href="[% uri_for('/search/vlan') %]?q=' + a + '">' + a + '</a>';
            });
            if (row.vlan_membership.length > 10) {
              return '<div class="nd_vlan-total">('
                + row.vlan_membership.length
                + ')</div><span class="nd_linkcell nd_collapse-vlans">'
                + '<div class="nd_arrow-up-down-left icon-chevron-up icon-large"></div>Show VLANs</span>'
                + '<div class="nd_collapsing nd_collapse-pre-hidden">' + arr.join(", ")
                + '</div>';
            }
            else {
              return row.vlan_membership ? arr.join(", ") : "";
            }
          }
          else {
            return row.vlan_membership ? row.vlan_membership.join(", ") : "";
          }
        }
      }, {
        "title": 'PoE',
        "name": 'c_power',
        "data": "power_admin",
        "defaultContent": "",
        "className": 'nd_nowrap',
        [% IF user_can_port_control AND params.c_admin %]
        "createdCell": function (td, cellData, rowData, row, col) {
            if (row.power_admin && row.power_admin === 'true') {
              $(td).attr('data-action', 'false');
            }
            else {
              $(td).attr('data-action', 'true');
            }
            $(td).attr('data-action', 'false');
            $(td).attr('data-field', 'c_power');
            $(td).attr('data-for-device', he.encode(rowData.ip));
            $(td).attr('data-for-port', he.encode(rowData.port));
        },
        [% END %]
        "render": function ( data, type, row, meta ) {
          if (type === 'display') {
            var cell_str = '';
            if (row.power_admin && row.power_admin === 'true') {
              [% IF user_can_port_control AND params.c_admin %]
              cell_str += '<i class="icon-off nd_power-icon nd_power-on" '
                + 'rel="tooltip" data-placement="top" data-offset="3" '
                + 'data-animation="" data-title="Disable Power"></i>';
              [% ELSE %]
              cell_str += '<i class="icon-off nd_power-on"></i>';
              [% END %]
              cell_str += '<span> ';
                if (row.power && row.power > 0) {
                  cell_str += row.power + '&nbsp;mW';
                }
                else {
                  cell_str += he.encode(row.power_status || '');
                }
              cell_str += '<span>';
              return cell_str;
            }
            else {
              [% IF user_can_port_control AND params.c_admin %]
              cell_str += '<i class="icon-off nd_power-icon" '
                + 'rel="tooltip" data-placement="top" data-offset="3" '
                + 'data-animation="" data-title="Enable Power"></i>';
              [% ELSE %]
              cell_str += '<i class="icon-off"></i>';
              [% END %]
            }
          }
          else {
            return data;
          }
        }
      }, {
        "title": 'SSID',
        "name": 'c_ssid',
        "data": "null",
        "defaultContent": "",
        "render": function ( data, type, row, meta ) {
          if (row.ssids && type === 'display') {
            var arr = row.ssids;
            arr = arr.sort();
            arr = jQuery.map( arr, function( a ) {
              return he.encode(a || '');
            });
            return row.ssids ? arr.join(", ") : "";
          }
          else {
            return row.ssids ? row.ssids.join(", ") : "";
          }
        }
      }, {
        "title": 'Connected Devices and Nodes',
        "name": 'c_neighbors',
        "data": "null",
        "defaultContent": "",
        "render": function ( data, type, row, meta ) {
          var cell_str = '';
          var d_suffix = '[% settings.domain_suffix %]';
            if (row.remote_ip || row.is_uplink) {
              if (row.neighbor_alias_ip) {
                cell_str += '<i class="icon-link';
                if (row.manual_topo) {
                  cell_str += ' text-warning';
                }
                cell_str += '"></i>&nbsp;';
                if (row.remote_type && row.remote_type.match(/ip.phone/i)) {
                  cell_str += '<i class="icon-phone"></i>&nbsp;';
                }
                else if (row.remote_type && row.remote_type.match(/(cisco\s+AIR-[L|C]?AP|-K9W8-|^AP:\s)/)) {
                  cell_str += '<i class="icon-signal"></i>&nbsp;';
                }
                cell_str += '<a href="[% uri_for('/device', self_options) %]&q='
                  + encodeURIComponent(row.neighbor_alias_ip) + '">';
                var n_dns = row.neighbor_alias_dns ? row.neighbor_alias_dns.replace(d_suffix, '') : '';
                cell_str += he.encode(n_dns || row.neighbor_alias_ip) + '</a>';
                if (row.remote_port) {
                  cell_str += ' - '
                    + '<a href="[% uri_for('/device', self_options) %]&q='
                    + encodeURIComponent(row.neighbor_alias_ip)
                    + '&f=' + encodeURIComponent(row.remote_port)
                    + '&prefer=port">' + he.encode(row.remote_port || '') + '</a>';
                }
                cell_str += '<br/>';
                if (row.remote_id || row.remote_type) {
                  cell_str += '<span class="neigh_id nd_collapse-pre-hidden"> (';
                  if (row.remote_id) {
                    cell_str += ' id: ' + he.encode(row.remote_id);
                  }
                  else if (row.remote_type) {
                    cell_str += ' type: ' + he.encode(row.remote_type);
                  }
                  cell_str += ' )<br/> </span>';
                }
              }
              else if (row.remote_ip) {
                cell_str += '<i class="icon-unlink text-error"></i>&nbsp;';
                if (row.remote_type && row.remote_type.match(/ip.phone/i)) {
                  cell_str += '<i class="icon-phone"></i>&nbsp;';
                }
                else if (row.remote_type && row.remote_type.match(/(cisco\s+AIR-[L|C]?AP|-K9W8-|^AP:\s)/)) {
                  cell_str += '<i class="icon-signal"></i>&nbsp;';
                }
                cell_str += '<a href="[% search_node %]&q='
                  + encodeURIComponent(row.remote_ip) + '">'
                  + he.encode(row.remote_ip || '');
                if (row.remote_port) {
                  cell_str += ' - ' + he.encode(row.remote_port || '');
                }
                cell_str += '</a><br/>';
                if (row.remote_id || row.remote_type) {
                  cell_str += '<span class="neigh_id nd_collapse-pre-hidden"> (';
                  if (row.remote_id) {
                    cell_str += ' id: ' + he.encode(row.remote_id);
                  }
                  else if (row.remote_type) {
                    cell_str += ' type: ' + he.encode(row.remote_type);
                  }
                  cell_str += ' )<br/> </span>';
                }
              }
              else {
                cell_str += '<i class="icon-unlink text-error"></i>&nbsp; (possible uplink)';
              }
            }
            cell_str += '<span class="c_nodes nd_collapse-pre-hidden">';
            var macfmt = '[% params.mac_format %]';
            for (index = 0; index < row.nodes.length; ++index) {
              if ((row.remote_ip || row.is_uplink) && index === 0 ) {
                cell_str += '<br/>';
              }
              if (row.nodes[index].active === 0) {
                cell_str += '<span class="n_archived nd_collapse-pre-hidden">';
                if (index > 0 ) {
                  cell_str += '<br/>';
                }
                cell_str += '<i class="icon-book"></i>&nbsp; ';
              }
              else if (index > 0 && row.nodes[index].active !== 0) {
                cell_str += '<br/>';
              }
              if (row.remote_type && row.remote_type.match(/ip.phone/i)) {
                cell_str += '<i class="icon-phone"></i>&nbsp;';
              }
              else if (row.nodes[index].ssids || (row.remote_type && row.remote_type.match(/(cisco\s+AIR-[L|c]?AP|-K9W8-|^AP:\s)/))) {
                cell_str += '<i class="icon-signal"></i>&nbsp;';
              }
              cell_str += '<a href="[% search_node %]&q=';
              var fmac = formatMacAddress(row.nodes[index].mac, macfmt);
              cell_str += encodeURIComponent(fmac) + '">'
                + he.encode(fmac) + '</a>';

              // n_vendor
              if (row.nodes[index].abbrev) {
                cell_str += '<span class="n_vendor nd_collapse-pre-hidden"> ('
                  + '<a href="[%+ uri_for('/report/nodevendor') %]?vendor='
                  + encodeURIComponent(row.nodes[index].abbrev) + '">'
                  + he.encode(row.nodes[index].abbrev || '') + '</a>)</span>';
              }

              if (row.nodes[index].vlans.length > 0) {
                var vl = row.nodes[index].vlans ? row.nodes[index].vlans.join(", ") : "";
                cell_str += ' (on vlan ' + vl + ')';
              }

              // n_ssid
              if (row.nodes[index].ssids && row.nodes[index].ssids.length > 0) {
                var arr = row.nodes[index].ssids;
                arr = arr.sort();
                arr = jQuery.map( arr, function( a ) {
                  return '<a href="[% uri_for('/report/portssid') %]?ssid=' + encodeURIComponent(a) + '">' + he.encode(a) + '</a>';
                });
                cell_str += '<span class="n_ssid nd_collapse-pre-hidden"> (SSID: ' + arr.join(" ") + ')</span>';
              }

              // n_age
              cell_str += '<span class="n_age nd_collapse-pre-hidden"> (';
              var now = moment();
              var t_last = moment(row.nodes[index].time_last);
              cell_str += t_last.from(now) + ')</span>';

              // n_ip
              if (row.nodes[index].ip && row.nodes[index].ip.length > 0) {
                cell_str += '<span class="n_ip nd_collapse-pre-hidden">';
                for (idx = 0; idx < row.nodes[index].ip.length; ++idx) {
                  if (row.nodes[index].ip_active[idx] === 0) {
                    cell_str += '<span class="n_archived nd_collapse-pre-hidden">';
                    cell_str += '<br/>&nbsp; <i class="icon-book"></i>&nbsp; ';
                  }
                  else {
                    cell_str += '<br/>&nbsp;';
                  }
                  cell_str += '<a href="[% search_node %]&q='
                    + encodeURIComponent(row.nodes[index].ip[idx]) + '">';
                  if (row.nodes[index].dns[idx]) {
                    cell_str += he.encode(row.nodes[index].dns[idx])
                      + ' ( ' + he.encode(row.nodes[index].ip[idx]) + ' )</a>';
                  }
                  else {
                    cell_str += he.encode(row.nodes[index].ip[idx]) + '</a>';
                  }
                  if (row.nodes[index].ip_active[idx] === 0) {
                    cell_str += '</span>';
                  }
                }
                cell_str += '</span>';
              }

              // n_netbios
              if (row.nodes[index].nbname) {
                cell_str += '<span class="n_netbios nd_collapse-pre-hidden">'
                  + '<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\\\\<a href="[% uri_for('/report/netbios') %]?domain=';
                var nb_dom_uri = row.nodes[index].nbname ? encodeURIComponent(row.nodes[index].domain) : 'blank';
                var nb_dom = row.nodes[index].nbname ? he.encode(row.nodes[index].domain) : '(Blank Domain)';
                cell_str += nb_dom_uri + '" title="Nodes in this Domain">' + nb_dom + '</a>\\'
                  + '<a href="[% search_node %]&q=' + encodeURIComponent(row.nodes[index].nbname) + '">'
                  + he.encode(row.nodes[index].nbname) + '</a>'
                  + '<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
                var nb_user = row.nodes[index].nbuser ? he.encode(row.nodes[index].nbuser) : '[No User]';
                cell_str += nb_user + '@'
                  + '<a href="[% search_node %]&q='
                  + encodeURIComponent(row.nodes[index].nb_ip) + '">'
                  + he.encode(row.nodes[index].nb_ip) + '</a></span>';
              }

              if (row.nodes[index].active === 0) {
                cell_str += '</span>';
              }
            }
            cell_str += '</span>';
            return cell_str;
        }
      }, {
        "title": 'Spanning Tree',
        "name": 'c_stp',
        "data": "stp",
        "render": function(data, type, row, meta) {
          return type === 'display' ? he.encode(data || '') : data;
        }
      }, {
        "title": 'Status',
        "name": 'c_up',
        "data": "up",
      },
      [% FOREACH config IN settings._extra_device_port_cols %]
        [% NEXT UNLESS config.position == 'right' AND params.${config.name} %]
          [% TRY %]
          [% INCLUDE "plugin/${config.name}/device_port_column.tt" %],
          [% CATCH %]
          // dummy content required by Template Toolkit TRY
          [% END %]
      [% END %]
    ],
    "data": [% results %],
[% INCLUDE 'ajax/datatabledefaults.tt' -%]
  });

});
//]]>
</script>