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

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>