Bennett Blodinger 07574b27d8 Move to Font Awesome
Keeps the look more in line with the navigation bar icons.
In the future with Bootstrap 4, Glyphicons will not be included, so this
starts the transistions away.
2016-09-22 10:44:17 -04:00

39 lines
1.5 KiB
PHP

<div class="table-responsive">
<table id="mempool" class="table table-hover table-condensed mempool">
<thead>
<tr>
<th data-column-id="hostname">Device</th>
<th data-column-id="mempool_descr">Memory</th>
<th data-column-id="graph" data-sortable="false" data-searchable="false"></th>
<th data-column-id="mempool_used" data-searchable="false">Used</th>
<th data-column-id="mempool_perc" data-searchable="false">Usage</th>
</tr>
</thead>
</table>
</div>
<script>
var grid = $("#mempool").bootgrid({
ajax: true,
rowCount: [25,50,100,250,-1],
post: function ()
{
return {
id: "mempool",
view: '<?php echo $vars['view']; ?>'
};
},
url: "ajax_table.php",
formatters: {
"status": function(column,row) {
return "<h4><span class='label label-"+row.extra+" threeqtr-width'>" + row.msg + "</span></h4>";
},
"ack": function(column,row) {
return "<button type='button' class='btn btn-"+row.ack_col+" btn-sm command-ack-alert' data-target='#ack-alert' data-state='"+row.state+"' data-alert_id='"+row.alert_id+"' name='ack-alert' id='ack-alert' data-extra='"+row.extra+"'><i class='fa fa-"+row.ack_ico+"'aria-hidden='true'></i></button>";
}
},
templates: {
}
});
</script>