DataTables for nodes with multiple active IP addresses report
This commit is contained in:
		| @@ -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> | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user