DataTables for nodes with multiple active IP addresses report

This commit is contained in:
Eric A. Miller
2014-05-29 20:30:28 -04:00
parent 9a11ab08b1
commit 7d5c3f3191
3 changed files with 60 additions and 86 deletions

View File

@@ -1,24 +1,46 @@
[% USE Number.Format %]
<table class="table table-bordered table-condensed table-striped nd_floatinghead">
<table id="data-table" class="table table-striped table-bordered" width="100%" cellspacing="0">
<thead>
<tr>
<th class="nd_center-cell">MAC</th>
<th class="nd_center-cell">Vendor</th>
<th class="nd_center-cell">Location</th>
<th class="nd_center-cell">IPs</th>
<th>MAC</th>
<th>Vendor</th>
<th>Location</th>
<th>IPs</th>
</tr>
</thead>
</tbody>
[% FOREACH row IN results %]
<tr>
<td class="nd_center-cell"><a href="[% search_node %]&q=[% row.mac.upper | uri %]">
[% row.mac.upper | html_entity %]</a>
<td class="nd_center-cell">[% row.vendor | html_entity %]</td>
<td class="nd_center-cell"><a href="[% device_ports %]&q=[% row.switch | uri %]&f=[% row.port | uri %]&c_nodes=on">
[% row.dns || row.name || row.switch | html_entity %] ([% row.port | html_entity %])</a></td>
<td class="nd_center-cell">[% row.ip_count | format_number %]</td>
</tr>
[% END %]
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
var table = $('#data-table').dataTable({
"deferRender": true,
"order": [[ 3, "desc" ]],
"data": [% results %],
"columns": [
{
"data": 'mac',
"render": function(data, type, row, meta) {
return '<a href="[% search_node %]&q=' + encodeURIComponent(data) + '">' + he.encode(data.toUpperCase()) + '</a>';
}
}, {
"data": 'vendor',
"render": function(data, type, row, meta) {
return he.encode(data || '');
}
}, {
"data": 'port',
"render": function(data, type, row, meta) {
return '<a href="[% device_ports %]&q=' + encodeURIComponent(row.switch) + '&f=' + encodeURIComponent(data) + '&c_nodes=on">' + he.encode(row.dns || row.name || row.switch) + '(' + he.encode(data) + ')</a>';
}
}, {
"data": 'ip_count',
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
]
});
});
</script>