51 lines
1.3 KiB
Plaintext
51 lines
1.3 KiB
Plaintext
<table id="data-table" class="table table-striped table-bordered" width="100%" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th>Device</th>
|
|
<th>Port</th>
|
|
<th>Description</th>
|
|
<th>Duplex</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
var table = $('#data-table').dataTable({
|
|
"processing": true,
|
|
"stateSave": true,
|
|
"pageLength": [% settings.table_pagesize %],
|
|
"language": {
|
|
"search": 'Filter records: '
|
|
},
|
|
"deferRender": true,
|
|
"data": [% results %],
|
|
"columns": [
|
|
{
|
|
"data": 'ip',
|
|
"render": function(data, type, row, meta) {
|
|
return he.encode(row.device.dns || row.device.name || row.ip);
|
|
}
|
|
}, {
|
|
"data": 'port',
|
|
"render": function(data, type, row, meta) {
|
|
return '<a href="[% device_ports %]&q=' + encodeURIComponent(row.ip) + '&f=' + encodeURIComponent(data) + '&c_duplex=on">' + he.encode(data) + '</a>';
|
|
}
|
|
}, {
|
|
"data": 'name',
|
|
"render": function(data, type, row, meta) {
|
|
return he.encode(data || '');
|
|
}
|
|
}, {
|
|
"data": 'duplex',
|
|
"searchable": false,
|
|
"orderable": false,
|
|
"render": function(data, type, row, meta) {
|
|
return he.encode(capitalizeFirstLetter(data));
|
|
}
|
|
}
|
|
]
|
|
});
|
|
});
|
|
</script>
|