mirror of
https://github.com/librenms/librenms.git
synced 2024-09-23 19:39:03 +00:00
Merge pull request #1188 from Rosiak/master
Convert processors page to use bootgrid
This commit is contained in:
commit
651edbe976
67
html/includes/table/processor.inc.php
Normal file
67
html/includes/table/processor.inc.php
Normal file
@ -0,0 +1,67 @@
|
||||
<?php
|
||||
$graph_type = "processor_usage";
|
||||
$where = 1;
|
||||
$sql = " FROM `processors` AS `P` LEFT JOIN `devices` AS `D` ON `P`.`device_id` = `D`.`device_id`";
|
||||
if (is_admin() === FALSE && is_read() === FALSE) {
|
||||
$sql .= " LEFT JOIN `devices_perms` AS `DP` ON `P`.`device_id` = `DP`.`device_id`";
|
||||
$where .= " AND `DP`.`user_id`=?";
|
||||
$param[] = $_SESSION['user_id'];
|
||||
}
|
||||
$sql .= " WHERE $where";
|
||||
if (isset($searchPhrase) && !empty($searchPhrase)) {
|
||||
$sql .= " AND (`hostname` LIKE '%$searchPhrase%' OR `processor_descr` LIKE '%$searchPhrase%')";
|
||||
}
|
||||
$count_sql = "SELECT COUNT(`processor_id`) $sql";
|
||||
$total = dbFetchCell($count_sql,$param);
|
||||
if (empty($total)) {
|
||||
$total = 0;
|
||||
}
|
||||
if (!isset($sort) || empty($sort)) {
|
||||
$sort = '`D`.`hostname`, `P`.`processor_descr`';
|
||||
}
|
||||
$sql .= " ORDER BY $sort";
|
||||
if (isset($current)) {
|
||||
$limit_low = ($current * $rowCount) - ($rowCount);
|
||||
$limit_high = $rowCount;
|
||||
}
|
||||
if ($rowCount != -1) {
|
||||
$sql .= " LIMIT $limit_low,$limit_high";
|
||||
}
|
||||
$sql = "SELECT * $sql";
|
||||
foreach (dbFetchRows($sql,$param) as $processor) {
|
||||
$perc = round($processor['processor_usage'], 0);
|
||||
$graph_array['type'] = $graph_type;
|
||||
$graph_array['id'] = $processor['processor_id'];
|
||||
$graph_array['from'] = $config['time']['day'];
|
||||
$graph_array['to'] = $config['time']['now'];
|
||||
$graph_array['height'] = "20";
|
||||
$graph_array['width'] = "80";
|
||||
$graph_array_zoom = $graph_array;
|
||||
$graph_array_zoom['height'] = "150";
|
||||
$graph_array_zoom['width'] = "400";
|
||||
$link = "graphs/id=" . $graph_array['id'] . "/type=" . $graph_array['type'] . "/from=" . $graph_array['from'] . "/to=" . $graph_array['to'] . "/";
|
||||
$mini_graph = overlib_link($link, generate_graph_tag($graph_array), generate_graph_tag($graph_array_zoom), NULL);
|
||||
$background = get_percentage_colours($perc);
|
||||
$bar_link = overlib_link($link, print_percentage_bar (400, 20, $perc, $perc."%", "ffffff", $background['left'], (100 - $perc)."%" , "ffffff", $background['right']), generate_graph_tag($graph_array_zoom), NULL);
|
||||
|
||||
$response[] = array('hostname' => generate_device_link($processor),
|
||||
'processor_descr' => $processor['processor_descr'],
|
||||
'graph' => $mini_graph,
|
||||
'processor_usage' => $bar_link);
|
||||
if ($_POST['view'] == "graphs") {
|
||||
$graph_array['height'] = "100";
|
||||
$graph_array['width'] = "216";
|
||||
$graph_array['to'] = $config['time']['now'];
|
||||
$graph_array['id'] = $processor['processor_id'];
|
||||
$graph_array['type'] = $graph_type;
|
||||
$return_data = true;
|
||||
include("includes/print-graphrow.inc.php");
|
||||
unset($return_data);
|
||||
$response[] = array('hostname' => $graph_data[0],
|
||||
'processor_descr' => $graph_data[1],
|
||||
'graph' => $graph_data[2],
|
||||
'processor_usage' => $graph_data[3]);
|
||||
} # endif graphs
|
||||
}
|
||||
$output = array('current'=>$current,'rowCount'=>$rowCount,'rows'=>$response,'total'=>$total);
|
||||
echo _json_encode($output);
|
@ -1,83 +1,37 @@
|
||||
<?php
|
||||
<div class="table-responsive">
|
||||
<table id="processor" class="table table-hover table-condensed processor">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-column-id="hostname">Device</th>
|
||||
<th data-column-id="processor_descr">Processor</th>
|
||||
<th data-column-id="graph" data-sortable="false" data-searchable="false"></th>
|
||||
<th data-column-id="processor_usage" data-searchable="false">Usage</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
$graph_type = "processor_usage";
|
||||
|
||||
echo("<div style='margin-top: 5px; padding: 0px;'>");
|
||||
echo(" <table class='table table-condensed'>");
|
||||
|
||||
echo("<tr>
|
||||
<th>Device</th>
|
||||
<th>Processor</th>
|
||||
<th></th>
|
||||
<th>Usage</th>
|
||||
</tr>");
|
||||
|
||||
foreach (dbFetchRows("SELECT * FROM `processors` AS P, `devices` AS D WHERE D.device_id = P.device_id ORDER BY D.hostname") as $proc)
|
||||
<script>
|
||||
var grid = $("#processor").bootgrid({
|
||||
ajax: true,
|
||||
rowCount: [50,100,250,-1],
|
||||
post: function ()
|
||||
{
|
||||
if (device_permitted($proc['device_id']))
|
||||
{
|
||||
$device = $proc;
|
||||
|
||||
// FIXME should that really be done here? :-)
|
||||
$text_descr = $proc['processor_descr'];
|
||||
$text_descr = str_replace("Routing Processor", "RP", $text_descr);
|
||||
$text_descr = str_replace("Switching Processor", "SP", $text_descr);
|
||||
$text_descr = str_replace("Sub-Module", "Module ", $text_descr);
|
||||
$text_descr = str_replace("DFC Card", "DFC", $text_descr);
|
||||
|
||||
$proc_url = "device/device=".$device['device_id']."/tab=health/metric=processor/";
|
||||
|
||||
$mini_url = "graph.php?id=".$proc['processor_id']."&type=".$graph_type."&from=".$config['time']['day']."&to=".$config['time']['now']."&width=80&height=20&bg=f4f4f400";
|
||||
|
||||
$proc_popup = "onmouseover=\"return overlib('<div class=list-large>".$device['hostname']." - ".$text_descr;
|
||||
$proc_popup .= "</div><img src=\'graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['month']."&to=".$config['time']['now']."&width=400&height=125\'>";
|
||||
$proc_popup .= "', RIGHT".$config['overlib_defaults'].");\" onmouseout=\"return nd();\"";
|
||||
|
||||
$perc = round($proc['processor_usage']);
|
||||
|
||||
$background = get_percentage_colours($perc);
|
||||
|
||||
echo(" <tr class=\"health\">
|
||||
<td>".generate_device_link($proc)."</td>
|
||||
<td class=\"tablehead\"><a href='".$proc_url."' $proc_popup>" . $text_descr . "</a></td>
|
||||
<td width=\"90\"><a href=\"".$proc_url."\" $proc_popup><img src=\"$mini_url\" /></a></td>
|
||||
<td width=\"200\"><a href=\"".$proc_url."\" $proc_popup>
|
||||
".print_percentage_bar (400, 20, $perc, $perc."%", "ffffff", $background['left'], (100 - $perc)."%" , "ffffff", $background['right']));
|
||||
echo('</a></td>
|
||||
</tr>');
|
||||
|
||||
if ($vars['view'] == "graphs")
|
||||
{
|
||||
echo(' <tr></tr><tr class="health"><td colspan="5">');
|
||||
|
||||
$daily_graph = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['day']."&to=".$config['time']['now']."&width=211&height=100";
|
||||
$daily_url = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['day']."&to=".$config['time']['now']."&width=400&height=150";
|
||||
|
||||
$weekly_graph = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['week']."&to=".$config['time']['now']."&width=211&height=100";
|
||||
$weekly_url = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['week']."&to=".$config['time']['now']."&width=400&height=150";
|
||||
|
||||
$monthly_graph = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['month']."&to=".$config['time']['now']."&width=211&height=100";
|
||||
$monthly_url = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['month']."&to=".$config['time']['now']."&width=400&height=150";
|
||||
|
||||
$yearly_graph = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['year']."&to=".$config['time']['now']."&width=211&height=100";
|
||||
$yearly_url = "graph.php?id=" . $proc['processor_id'] . "&type=".$graph_type."&from=".$config['time']['year']."&to=".$config['time']['now']."&width=400&height=150";
|
||||
|
||||
echo(" <a onmouseover=\"return overlib('<img src=\'$daily_url\'>', LEFT);\" onmouseout=\"return nd();\">
|
||||
<img src=\"$daily_graph\" border=\"0\"></a> ");
|
||||
echo(" <a onmouseover=\"return overlib('<img src=\'$weekly_url\'>', LEFT);\" onmouseout=\"return nd();\">
|
||||
<img src=\"$weekly_graph\" border=\"0\"></a> ");
|
||||
echo(" <a onmouseover=\"return overlib('<img src=\'$monthly_url\'>', LEFT);\" onmouseout=\"return nd();\">
|
||||
<img src=\"$monthly_graph\" border=\"0\"></a> ");
|
||||
echo(" <a onmouseover=\"return overlib('<img src=\'$yearly_url\'>', LEFT);\" onmouseout=\"return nd();\">
|
||||
<img src=\"$yearly_graph\" border=\"0\"></a>");
|
||||
echo(" </td>
|
||||
</tr>");
|
||||
|
||||
} #end graphs if
|
||||
return {
|
||||
id: "processor",
|
||||
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+"'><span class='glyphicon glyphicon-"+row.ack_ico+"'aria-hidden='true'></span></button>";
|
||||
}
|
||||
},
|
||||
templates: {
|
||||
}
|
||||
|
||||
echo("</table>");
|
||||
echo("</div>");
|
||||
|
||||
?>
|
||||
});
|
||||
</script>
|
||||
|
Loading…
Reference in New Issue
Block a user