DataTables for device PoE status report

This commit is contained in:
Eric A. Miller
2014-06-19 19:00:37 -04:00
parent d79c011bf0
commit f136332833
4 changed files with 227 additions and 82 deletions

View File

@@ -3,6 +3,7 @@ package App::Netdisco::Web::Plugin::Report::DevicePoeStatus;
use Dancer ':syntax'; use Dancer ':syntax';
use Dancer::Plugin::DBIC; use Dancer::Plugin::DBIC;
use Dancer::Plugin::Auth::Extensible; use Dancer::Plugin::Auth::Extensible;
use App::Netdisco::Util::ExpandParams 'expand_hash';
use App::Netdisco::Web::Plugin; use App::Netdisco::Web::Plugin;
@@ -14,20 +15,45 @@ register_report(
} }
); );
get '/ajax/content/report/devicepoestatus' => require_login sub { get '/ajax/content/report/devicepoestatus/data' => require_role admin => sub {
my $results = schema('netdisco')->resultset('Device') send_error( 'Missing parameter', 400 )
->with_poestats_as_hashref; unless ( param('draw') && param('draw') =~ /\d+/ );
return unless scalar $results; my $rs = schema('netdisco')->resultset('Virtual::DevicePoeStatus');
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/devicepoestatus' => require_login sub {
if ( request->is_ajax ) { if ( request->is_ajax ) {
template 'ajax/report/devicepoestatus.tt', { results => $results, }, template 'ajax/report/devicepoestatus.tt', {}, { layout => undef };
{ layout => undef };
} }
else { else {
my @results
= schema('netdisco')->resultset('Virtual::DevicePoeStatus')
->hri->all;
return unless scalar @results;
header( 'Content-Type' => 'text/comma-separated-values' ); header( 'Content-Type' => 'text/comma-separated-values' );
template 'ajax/report/devicepoestatus_csv.tt', template 'ajax/report/devicepoestatus_csv.tt',
{ results => $results, }, { results => \@results, },
{ layout => undef }; { layout => undef };
} }
}; };

View File

@@ -114,15 +114,15 @@
<br/>PS1 [[% d.ps1_type | html_entity %]]: [% d.ps1_status | html_entity %] <br/>PS1 [[% d.ps1_type | html_entity %]]: [% d.ps1_status | html_entity %]
<br/>PS2 [[% d.ps2_type | html_entity %]]: [% d.ps2_status | html_entity %]</td> <br/>PS2 [[% d.ps2_type | html_entity %]]: [% d.ps2_status | html_entity %]</td>
</tr> </tr>
[% IF d.power_modules.size %] [% IF p.size %]
<tr> <tr>
<td>PoE Status</td> <td>PoE Status</td>
<td> <td>
[% FOREACH m IN d.power_modules %] [% FOREACH m IN p %]
[% UNLESS m.module == 1 %] [% UNLESS m.module == 1 %]
<br/> <br/>
[% END %] [% END %]
Module [% m.module %]: [% m.status | html_entity %], [% m.capable_ports %] power-capable ports, [% m.powered_ports %] powered ([% m.disabled_ports %] admin disabled, [% m.errored_ports %] errors), [% m.pwr_committed %]/[% m.power %] watts committed. Module [% m.module %]: [% m.status | html_entity %], [% m.poe_capable_ports %] power-capable ports, [% m.poe_powered_ports %] powered ([% m.poe_disabled_ports %] admin disabled, [% m.poe_errored_ports %] errors), [% m.poe_power_committed %]/[% m.power %] watts committed.
[% END %] [% END %]
</td> </td>
</tr> </tr>

View File

@@ -1,60 +1,185 @@
[% USE Number.Format %] <table id="data-table" class="table table-bordered table-hover" width="100%" cellspacing="0">
<div class="accordion" id="accordion-radio-pwr"> <thead>
[% count = 0 %] <tr>
[% FOREACH row IN results %] <th>IP</th>
[% NEXT UNLESS row.power_modules.size %] <th>DNS</th>
[% count = count + 1 %] <th>Name</th>
<div class="accordion-group"> <th>Model</th>
<div class="accordion-heading"> <th>Location</th>
<a class="accordion-toggle" data-toggle="collapse" data-target="#collapse-[% count %]" href="#collapse-[% count %]"> <th>PoE<br>Module</th>
<i class="icon-chevron-down"></i> &nbsp; <th class="nd_center-cell">Supply</th>
[% row.dns || row.name %] &nbsp; <th class="nd_center-cell">Power<br>(W)</th>
( [% row.model %] ) &nbsp; <th class="nd_center-cell">Capable<br>Ports</th>
[% IF row.location %] <th class="nd_center-cell">Powered<br>Ports</th>
Location: [% row.location %] <th class="nd_center-cell">Disabled<br>Ports</th>
[% END %] <th class="nd_center-cell">Errored<br>Ports</th>
</a> <th class="nd_center-cell">Committed<br>(W)</th>
</div> <th class="nd_center-cell">Delivering<br>(W)</th>
<div id="collapse-[% count %]" class="accordion-body collapse in"> </tr>
<div class="accordion-inner"> </thead>
<table class="table table-bordered table-condensed"> <tbody>
<thead> [% FOREACH row IN results %]
<tr> <tr>
<th>PoE<br>Module</th> <td>[% row.ip %]</td>
<th class="nd_center-cell">Power<br>(W)</th> <td>[% row.dns %]</td>
<th class="nd_center-cell">Supply</th> <td>[% row.name %]</td>
<th class="nd_center-cell">Capable<br>Ports</th> <td>[% row.model %]</td>
<th class="nd_center-cell">Powered<br>Ports</th> <td>[% row.location %]</td>
<th class="nd_center-cell">Disabled<br>Ports</th> <td>[% row.module %]</td>
<th class="nd_center-cell">Errored<br>Ports</th> <td class="nd_center-cell">[% row.power %]</td>
<th class="nd_center-cell">Committed<br>(W)</th> <td class="nd_center-cell">[% row.status %]</td>
<th class="nd_center-cell">Delivering<br>(W)</th> <td class="nd_center-cell">[% row.poe_capable_ports %]</td>
</tr> <td class="nd_center-cell">[% row.poe_powered_ports %]</td>
</thead> <td class="nd_center-cell">[% row.poe_disabled_ports %]</td>
<tbody> <td class="nd_center-cell">[% row.poe_errored_ports %]</td>
[% FOREACH m IN row.power_modules %] <td class="nd_center-cell">[% row.poe_power_committed %]</td>
<tr> <td class="nd_center-cell">[% row.poe_power_delivering %]</td>
<td class="nd_center-cell">[% m.module %]</td> </tr>
<td class="nd_center-cell">[% m.power | format_number %]</td> [% END %]
<td class="nd_center-cell">[% m.status %]</td> </tbody>
<td class="nd_center-cell">[% m.capable_ports %]</td> </table>
<td class="nd_center-cell">[% m.powered_ports %]</td>
<td class="nd_center-cell">[% m.disabled_ports %]</td> <style>
<td class="nd_center-cell">[% m.errored_ports %]</td> tr.group,
<td class="nd_center-cell">[% m.pwr_committed | format_number %]</td> tr.group:hover {
<td class="nd_center-cell">[% m.pwr_delivering | format_number %]</td> background-color: #ddd !important;
</tr> }
[% END %] </style>
</tbody>
</table>
</div>
</div>
</div>
[%END%]
</div>
<script> <script>
$('.accordion').on('show hide', function (n) { function groupString(d) {
$(n.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-chevron-up icon-chevron-down'); "use strict";
}); var s = '';
s = s + 'Device: ';
s = s + '<a href="[% uri_for('/device') %]?tab=details&q=' + encodeURIComponent(d.ip) + '">';
s = s + he.encode(d.dns || d.name || d.ip);
if (d.dns || d.name) {
s = s + ' (' + he.encode(d.ip) + ') ';
}
s = s + '</a> Model: ' + he.encode(d.model || '');
s = s + he.encode(d.location ? ' Location: ' + d.location : '');
return s;
}
$(document).ready(function() {
var table = $('#data-table').DataTable({
"processing": true,
"stateSave": true,
"pageLength": 25,
"language": {
"search": 'Filter records: '
},
"serverSide": true,
"ajax": '/ajax/content/report/devicepoestatus/data',
"order": [[ 0, 'asc' ]],
"columns": [
{
// Grouping column
"data": 'ip',
"visible": false
}, {
// Included for filtering
"data": 'dns',
"visible": false
}, {
// Included for filtering
"data": 'name',
"visible": false
}, {
// Included for filtering
"data": 'model',
"visible": false
}, {
// Included for filtering
"data": 'location',
"visible": false
}, {
"data": 'module',
"searchable": false
}, {
"data": 'status',
"className": "nd_center-cell",
"render": function(data, type, row, meta) {
return he.encode(data || '');
}
}, {
"data": 'power',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}, {
"data": 'poe_capable_ports',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}, {
"data": 'poe_powered_ports',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}, {
"data": 'poe_disabled_ports',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}, {
"data": 'poe_errored_ports',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}, {
"data": 'poe_power_committed',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}, {
"data": 'poe_power_delivering',
"className": "nd_center-cell",
"searchable": false,
"render": function(data, type, row, meta) {
return data.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
],
"drawCallback": function ( settings ) {
var api = this.api();
var rows = api.rows( {page:'current'} ).nodes();
var last=null;
api.column(0, {page:'current'} ).data().each( function ( group, i ) {
if ( last !== group ) {
var row_data = api.row( i ).data();
$(rows).eq( i ).before(
'<tr class="group"><td colspan="9">' + groupString(row_data) + '</td></tr>'
);
last = group;
}
} );
}
} );
// Order by the grouping
$('#data-table tbody').on( 'click', 'tr.group', function () {
var currentOrder = table.order()[0];
if ( currentOrder[0] === 0 && currentOrder[1] === 'asc' ) {
table.order( [ 0, 'desc' ] ).draw();
}
else {
table.order( [ 0, 'asc' ] ).draw();
}
} );
} );
</script> </script>

View File

@@ -4,22 +4,16 @@
'Errored Ports' 'Committed (W)' 'Delivering (W)' ]) %] 'Errored Ports' 'Committed (W)' 'Delivering (W)' ]) %]
[% FOREACH row IN results %] [% FOREACH row IN results %]
[% NEXT UNLESS row.power_modules.size %]
[% mydlist = [] %] [% mydlist = [] %]
[% mydevice = row.dns || row.name %] [% mydevice = row.dns || row.name || row.ip %]
[% mydlist.push(mydevice) %] [% mydlist.push(mydevice) %]
[% mydlist.push(row.model) %] [% FOREACH col IN [ row.model row.location row.module row.power row.status
[% mydlist.push(row.location) %] row.poe_capable_ports row.poe_powered_ports
[% FOREACH m IN row.power_modules %] row.poe_disabled_ports row.poe_errored_ports
[% myplist = [] %] row.poe_power_committed row.poe_power_delivering
[% FOREACH col IN [ m.module m.power m.status m.capable_ports ] %]
m.powered_ports m.disabled_ports m.errored_ports [% mydlist.push(col) %]
m.pwr_committed m.pwr_delivering
] %]
[% myplist.push(col) %]
[% END %]
[% CALL mydlist.splice(3, 9, myplist ) %]
[% CSV.dump(mydlist) %]
[% END %] [% END %]
[% CSV.dump(mydlist) %]
[%END%] [%END%]