DataTables for nodes with multiple active IP addresses report

Netdisco/lib/App/Netdisco/DB/ResultSet/Node.pm

@@ -125,68 +125,4 @@ sub delete {
   }
 }
 
-=head2 with_multi_ips_as_hashref
-
-This is a modifier for C<search()> which returns a list of hash references
-for nodes within the search criteria with multiple IP addresses.  Each hash
-reference contains the keys:
-
-=over 4
-
-=item mac
-
-Node MAC address.
-
-=item switch
-
-IP address of the device where the node is attached.
-
-=item port
-
-Port on the device where the node is attached.
-
-=item dns
-
-DNS name of the device where the node is attached.
-
-=item name
-
-C<sysName> of the device where the node is attached.
-
-=item ip_count
-
-Count of IP addresses associated with the node.
-
-=item vendor
-
-Vendor string based upon the node OUI.
-
-=back
-
-=cut
-
-sub with_multi_ips_as_hashref {
-  my ( $rs, $cond, $attrs ) = @_;
-
-  my @return = $rs->search(
-    {},
-    { result_class => 'DBIx::Class::ResultClass::HashRefInflator',
-      select       => [ 'mac', 'switch', 'port' ],
-      join         => [qw/device ips oui/],
-      '+columns'   => [
-        { 'dns'      => 'device.dns' },
-        { 'name'     => 'device.name' },
-        { 'ip_count' => { count => 'ips.ip' } },
-        { 'vendor'   => 'oui.company' }
-      ],
-      group_by =>
-        [qw/ me.mac me.switch me.port device.dns device.name oui.company/],
-      having => \[ 'count(ips.ip) > ?', [ count => 1 ] ],
-      order_by => { -desc => [qw/count/] },
-    }
-  )->all;
-
-  return \@return;
-}
-
 1;

Netdisco/lib/App/Netdisco/Web/Plugin/Report/NodeMultiIPs.pm

@@ -15,19 +15,35 @@ register_report(
 );
 
 get '/ajax/content/report/nodemultiips' => require_login sub {
-    my $results = schema('netdisco')->resultset('Node')
+    my @results = schema('netdisco')->resultset('Node')->search(
-        ->with_multi_ips_as_hashref;
+        {},
+        {   select     => [ 'mac', 'switch', 'port' ],
+            join       => [qw/device ips oui/],
+            '+columns' => [
+                { 'dns'      => 'device.dns' },
+                { 'name'     => 'device.name' },
+                { 'ip_count' => { count => 'ips.ip' } },
+                { 'vendor'   => 'oui.company' }
+            ],
+            group_by => [
+                qw/ me.mac me.switch me.port device.dns device.name oui.company/
+            ],
+            having => \[ 'count(ips.ip) > ?', [ count => 1 ] ],
+            order_by => { -desc => [qw/count/] },
+        }
+    )->hri->all;
 
-    return unless scalar $results;
+    return unless scalar @results;
 
     if ( request->is_ajax ) {
-        template 'ajax/report/nodemultiips.tt', { results => $results, },
+        my $json = to_json( \@results );
+        template 'ajax/report/nodemultiips.tt', { results => $json },
             { layout => undef };
     }
     else {
         header( 'Content-Type' => 'text/comma-separated-values' );
         template 'ajax/report/nodemultiips_csv.tt',
-            { results => $results, },
+            { results => \@results },
             { layout  => undef };
     }
 };

Netdisco/share/views/ajax/report/nodemultiips.tt

@@ -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>MAC</th>
-      <th class="nd_center-cell">Vendor</th>
+      <th>Vendor</th>
-      <th class="nd_center-cell">Location</th>
+      <th>Location</th>
-      <th class="nd_center-cell">IPs</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>
+