Convert device module inventory web report to DataTables server-side processing

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

@@ -3,6 +3,7 @@ package App::Netdisco::Web::Plugin::Report::ModuleInventory;
 use Dancer ':syntax';
 use Dancer::Plugin::DBIC;
 use Dancer::Plugin::Auth::Extensible;
+use App::Netdisco::Util::ExpandParams 'expand_hash';
 
 use App::Netdisco::Web::Plugin;
 use List::MoreUtils ();
@@ -58,6 +59,49 @@ hook 'before_template' => sub {
     }
 };
 
+get '/ajax/content/report/moduleinventory/data' => require_login sub {
+
+    my $rs = schema('netdisco')->resultset('DeviceModule');
+    $rs = $rs->search( { -bool => 'fru' } ) if param('fruonly');
+
+    if ( param('device') ) {
+        my @ips = schema('netdisco')->resultset('Device')
+            ->search_fuzzy( param('device') )->get_column('ip')->all;
+
+        params->{'ips'} = \@ips;
+    }
+
+    $rs = $rs->search_by_field( scalar params )->columns(
+        [   'ip',     'description', 'name',   'class',
+            'type',   'serial',      'hw_ver', 'fw_ver',
+            'sw_ver', 'model'
+        ]
+        )->search(
+        {},
+        {   '+columns' => [qw/ device.dns device.name /],
+            join       => 'device',
+            collapse   => 1,
+        }
+        );
+
+    my $exp_params = expand_hash( scalar params );
+
+    my $recordsTotal = $rs->count;
+
+    my @data = $rs->get_datatables_data($exp_params)->hri->all;
+
+    my $recordsFiltered = $rs->get_datatables_filtered_count($exp_params);
+
+    content_type 'application/json';
+    return to_json(
+        {   draw            => int( param('draw') ),
+            recordsTotal    => int($recordsTotal),
+            recordsFiltered => int($recordsFiltered),
+            data            => \@data,
+        }
+    );
+};
+
 get '/ajax/content/report/moduleinventory' => require_login sub {
 
     my $has_opt = List::MoreUtils::any { param($_) }
@@ -67,7 +111,7 @@ get '/ajax/content/report/moduleinventory' => require_login sub {
     $rs = $rs->search( { -bool => 'fru' } ) if param('fruonly');
     my @results;
 
-    if ($has_opt) {
+    if ( $has_opt && !request->is_ajax ) {
 
         if ( param('device') ) {
             my @ips = schema('netdisco')->resultset('Device')
@@ -84,7 +128,10 @@ get '/ajax/content/report/moduleinventory' => require_login sub {
             {   '+columns' => [qw/ device.dns device.name /],
                 join       => 'device',
                 collapse   => 1,
-            })->hri->all;
+            }
+            )->hri->all;
+        
+        return unless scalar @results;
     }
     else {
         @results = $rs->search(
@@ -95,9 +142,8 @@ get '/ajax/content/report/moduleinventory' => require_login sub {
             }
         )->order_by( { -desc => 'count' } )->hri->all;
         
-    }
-
         return unless scalar @results;
+    }
 
     if ( request->is_ajax ) {
         my $json = to_json( \@results );

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

@@ -1,3 +1,4 @@
+[% USE url %]
 [% IF opt %]
   <table id="data-table" class="table table-striped table-bordered" width="100%" cellspacing="0">
     <thead>
@@ -14,21 +15,6 @@
         <th>FW Version</th>
       </tr>
     </thead>
-
-    <tfoot>
-      <tr>
-        <th>Device</th>
-        <th>Description</th>
-        <th>Name</th>
-        <th>Class</th>
-        <th>Type</th>
-        <th>Model</th>
-        <th>Serial</th>
-        <th>HW Version</th>
-        <th>SW Version</th>
-        <th>FW Version</th>
-      </tr>
-    </tfoot>    
   </table>
 [% ELSE %]
   <table id="data-table" class="table table-striped table-bordered" width="100%" cellspacing="0">
@@ -44,10 +30,16 @@
 <script type="text/javascript">
 $(document).ready(function() {
   var table = $('#data-table').dataTable({
-    "deferRender": true,
-    "data": [% results %],
+    [% IF opt %] 
+    "processing": true,
+    "serverSide": true,
+    "searching": false,
+    "stateSave": true,
+    "pageLength": 25,
+    "order": [[ 0, "desc" ]],
+    "ajax": '/ajax/content/report/moduleinventory/data?[% url(params('query').hash) %]',
     "columns": [
-      [% IF opt %] {
+      {
       "data": 'ip',
       "render": function(data, type, row, meta) {
         return '<a href="[% uri_for('/device') %]?tab=modules&q=' + encodeURIComponent(data) + '">' + he.encode(row.device.dns || row.device.name || row.ip) + '</a>';
@@ -98,7 +90,12 @@ $(document).ready(function() {
           return he.encode(data || '');
         }
       }
-      [% ELSE %] {
+    ]
+    [% ELSE %]
+    "deferRender": true,
+    "data": [% results %],
+    "columns": [
+      {
         "data": 'class',
         "render": function(data, type, row, meta) {
           return '<a href="[% uri_for('/report/moduleinventory') %]?class=' + encodeURIComponent(data) + '">' + he.encode(capitalizeFirstLetter(data + '')) + '</a>';
@@ -109,8 +106,8 @@ $(document).ready(function() {
           return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
         }
       }
-      [% END %]
     ]
+      [% END %]
   });
 });
 </script>