DataTables for port utilization report
This commit is contained in:
		| @@ -1,4 +1,4 @@ | ||||
| <table class="table table-bordered table-condensed table-hover nd_floatinghead"> | ||||
| <table id="data-table" class="table table-striped table-bordered nd_floatinghead" width="100%" cellspacing="0"> | ||||
|   <thead> | ||||
|     <tr> | ||||
|       <th>Device</th> | ||||
| @@ -8,16 +8,43 @@ | ||||
|       <th class="nd_center-cell">Free</th> | ||||
|     </tr> | ||||
|   </thead> | ||||
|   </tbody> | ||||
|     [% WHILE (row = results.next) %] | ||||
|     <tr> | ||||
|       <td><a href="[% device_ports %]&q=[% row.ip | uri %]">[% row.dns || row.ip | html_entity %]</a></td> | ||||
|       <td class="nd_center-cell">[% row.port_count %]</td> | ||||
|       <td class="nd_center-cell">[% row.ports_in_use %]</td> | ||||
|       <td class="nd_center-cell">[% row.ports_shutdown %]</td> | ||||
|       <td class="nd_center-cell">[% row.ports_free %]</td> | ||||
|     </tr> | ||||
|     [% END %] | ||||
|   </tbody> | ||||
| </table> | ||||
|  | ||||
| <script type="text/javascript"> | ||||
| $(document).ready(function() { | ||||
|     var table = $('#data-table').dataTable({ | ||||
|         "deferRender": true, | ||||
|         "data": [% results %], | ||||
|         "columns": [ | ||||
|            { | ||||
|                 data: 'ip', | ||||
|                 render: function(data, type, row, meta) { | ||||
|                     return '<a href="[% device_ports %]&q=' + data + '">' + (row.dns || row.ip) + '</a>'; | ||||
|                 } | ||||
|             }, { | ||||
|                 data: 'port_count', | ||||
|                 render: function(data, type, full, meta) { | ||||
|                     return data.replace(/\B(?=(\d{3})+(?!\d))/g, ","); | ||||
|                 } | ||||
|             }, { | ||||
|                 data: 'ports_in_use', | ||||
|                 render: function(data, type, full, meta) { | ||||
|                     return data.replace(/\B(?=(\d{3})+(?!\d))/g, ","); | ||||
|                 } | ||||
|             }, { | ||||
|                 data: 'ports_shutdown', | ||||
|                 render: function(data, type, full, meta) { | ||||
|                     return data.replace(/\B(?=(\d{3})+(?!\d))/g, ","); | ||||
|                 } | ||||
|             }, { | ||||
|                 data: 'ports_free', | ||||
|                 render: function(data, type, full, meta) { | ||||
|                     return data.replace(/\B(?=(\d{3})+(?!\d))/g, ","); | ||||
|                 } | ||||
|             } | ||||
|         ] | ||||
|     }); | ||||
|  | ||||
| }); | ||||
| </script> | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user