135/netdisco
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

DataTables for module inventory report

Browse Source
This commit is contained in:
Eric A. Miller
2014-05-19 23:20:01 -04:00
parent 98e5305604
commit e85df67d76
2 changed files with 121 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Netdisco/lib/App/Netdisco/Web/Plugin/Report/ModuleInventory.pm
View File

@@ -67,6 +67,7 @@ get '/ajax/content/report/moduleinventory' => require_login sub {
my $rs = schema('netdisco')->resultset('DeviceModule');
$rs = $rs->search({-bool => 'fru'}) if param('fruonly');
my @results;
if ($has_opt) {
@@ -77,25 +78,32 @@ get '/ajax/content/report/moduleinventory' => require_login sub {
params->{'ips'} = \@ips;
}
$rs = $rs->search_by_field( scalar params )->prefetch('device')
->limit( param('limit') )->hri;
}
@results = $rs->search_by_field( scalar params )->columns(
[ qw/ ip description name class type serial hw_ver fw_ver sw_ver model /
]
)->search(
{},
{ '+columns' => [qw/ device.dns device.name /],
join => 'device',
collapse => 1,
})->limit( param('limit') )->hri->all;
}
else {
$rs = $rs->search(
@results = $rs->search(
{},
{ select => [ 'class', { count => 'class' } ],
as => [qw/ class count /],
group_by => [qw/ class /]
}
)->order_by( { -desc => 'count' } )->hri;
)->order_by( { -desc => 'count' } )->hri->all;
}
return unless $rs->has_rows;
return unless scalar @results;
if ( request->is_ajax ) {
my $results = to_json (\@results);
template 'ajax/report/moduleinventory.tt',
{ results => $rs, opt => $has_opt },
{ results => $results, opt => $has_opt },
{ layout => undef };
}
else {

165
Netdisco/share/views/ajax/report/moduleinventory.tt
View File

@@ -1,6 +1,5 @@
[% USE Number.Format %]
[% IF opt %]
<table class="table table-bordered table-condensed table-striped nd_floatinghead">
<table id="data-table" class="table table-striped table-bordered table-fixed-header" width="100%" cellspacing="0">
<thead>
<tr>
<th>Device</th>
@@ -14,71 +13,117 @@
<th>SW Version</th>
<th>FW Version</th>
</tr>
</thead>
</tbody>
[% WHILE (row = results.next) %]
<tr>
<td>
<a class="nd_linkcell"
href="[% uri_for('/device') %]?tab=modules&q=[% row.device.ip | uri %]">
[% row.device.dns || row.device.name || row.device.ip | html_entity %]</a>
</td>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?description=[% row.description | uri %]">
[% row.description | html_entity %]</a>
</td>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?name=[% row.name | uri %]">
[% row.name | html_entity %]</a>
</td>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?class=[% row.class | uri %]">
[% row.class.ucfirst | html_entity %]</a>
</td>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?type=[% row.type | uri %]">
[% row.type | html_entity %]</a>
</td>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?model=[% row.model | uri %]">
[% row.model | html_entity %]</a>
</td>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?serial=[% row.serial | uri %]">
[% row.serial | html_entity %]</a>
</td>
<td>[% row.hw_ver | html_entity %]</td>
<td>[% row.sw_ver | html_entity %]</td>
<td>[% row.fw_ver | html_entity %]</td>
</tr>
[% END %]
</tbody>
</thead>
</table>
[% ELSE %]
<table class="table table-bordered table-condensed table-striped nd_floatinghead">
<table id="data-table" class="table table-striped table-bordered table-fixed-header" width="100%" cellspacing="0">
<thead>
<tr>
<th>Class</th>
<th>Count</th>
</tr>
</thead>
</tbody>
[% WHILE (row = results.next) %]
<tr>
<td>
<a class="nd_linkcell"
href="[% uri_for('/report/moduleinventory') %]?class=[% row.class | uri %]">
[% row.class.ucfirst | html_entity %]</a>
</td>
<td>[% row.count | format_number %]</td>
</tr>
[% END %]
</tbody>
</table>
[% END %]
<script type="text/javascript">
function capitaliseFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
function fhForceRedraw(fixedHeaders) {
for (var i = 0; i < fixedHeaders.length; i++) {
fixedHeaders[i]._fnUpdateClones(true); // force redraw
fixedHeaders[i]._fnUpdatePositions();
}
}
$(document).ready(function() {
var table = $('#data-table').dataTable({
"deferRender": true,
"data": [% results %],
"columns": [
[% IF opt %] {
data: 'ip',
render: function(data, type, row, meta) {
return '<a href="[% uri_for('/device') %]?tab=modules&q=' + data + '">' + (row.device.dns || row.device.name || row.ip) + '</a>';
}
}, {
data: 'description',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?description=' + data + '">' + data + '</a>';
}
}, {
data: 'name',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?name=' + data + '">' + data + '</a>';
}
}, {
data: 'class',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?class=' + data + '">' + capitaliseFirstLetter(data) + '</a>';
}
}, {
data: 'type',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?type=' + data + '">' + data + '</a>';
}
}, {
data: 'model',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?model=' + data + '">' + data + '</a>';
}
}, {
data: 'serial',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?serial=' + data + '">' + data + '</a>';
}
}, {
data: 'hw_ver'
}, {
data: 'sw_ver'
}, {
data: 'fw_ver'
}
[% ELSE %] {
data: 'class',
render: function(data, type, full, meta) {
return '<a href="[% uri_for('/report/moduleinventory') %]?class=' + data + '">' + capitaliseFirstLetter(data) + '</a>';
}
}, {
data: 'count',
render: function(data, type, full, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
[% END %]
]
});
var fixedHeaders = [];
$('.table-fixed-header').each(function() {
fixedHeaders.push(
new FixedHeader(this, {
'offsetTop': 40 // offset for bootstrap navbar
}));
});
$(window).resize(function() {
fhForceRedraw(fixedHeaders);
});
$('.table-fixed-header').on('draw.dt', function() {
fhForceRedraw(fixedHeaders);
});
$('#nd_sidebar-toggle-img-out').click(function() {
fhForceRedraw(fixedHeaders);
});
$('#nd_sidebar-toggle-img-in').click(function() {
fhForceRedraw(fixedHeaders);
});
});
</script>