feature: Add Basic Oxidized Node List (#6017)

* feature: Add Basic Oxidized Node List
This commit is contained in:
Søren Rosiak
2017-02-27 23:32:13 +01:00
committed by Neil Lathwood
parent 55384ad1b0
commit db58fea2d2
2 changed files with 89 additions and 19 deletions

View File

@ -1436,3 +1436,39 @@ function set_image_type()
return header('Content-type: image/png');
}
}
function get_oxidized_nodes_list()
{
global $config;
$context = stream_context_create(array(
'http' => array(
'header' => "Accept: application/json",
)
));
$data = json_decode(file_get_contents($config['oxidized']['url'] . '/nodes?format=json', false, $context), true);
foreach ($data as $object) {
$device = device_by_name($object['name']);
$fa_color = $object['status'] == 'success' ? 'success' : 'danger';
echo "
<tr>
<td>
" . generate_device_link($device) . "
</td>
<td>
<i class='fa fa-square text-" . $fa_color . "'></i>
</td>
<td>
" . $object['time'] . "
</td>
<td>
" . $object['model'] . "
</td>
<td>
" . $object['group'] . "
</td>
</tr>";
}
}

View File

@ -11,22 +11,56 @@
*/
$pagetitle[] = 'Oxidized';
?>
<h3> Oxidized - Config Search </h3>
<hr>
<form class="form-horizontal" action="" method="post">
<br />
<div class="input-group">
<input type="text" class="form-control" id="input-parameter" placeholder="service password-encryption etc.">
<span class="input-group-btn">
<button type="submit" name="btn-search" id="btn-search" class="btn btn-primary">Search</button>
</span>
<div class="col-xs-12">
<h2>Oxidized</h2>
<div class="panel-heading">
<ul class="nav nav-tabs">
<li class="active"><a href="#list" data-toggle="tab">Node List</a></li>
<li><a href="#search" data-toggle="tab">Config Search</a></li>
</ul>
</div>
</form>
<br />
<div id="search-output" class="alert alert-success" style="display: none;"></div>
<br />
<div class="panel with-nav-tabs panel-default">
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade in active" id="list">
<div class="table-responsive">
<table id="oxidized-nodes" class="table table-hover table-condensed table-striped">
<thead>
<tr>
<th data-column-id="hostname" data-order="desc">Hostname</th>
<th data-column-id="last_status">Last Status</th>
<th data-column-id="last_update">Last Update</th>
<th data-column-id="model">Model</th>
<th data-column-id="group">Group</th>
</tr>
</thead>
<tbody>
<?php get_oxidized_nodes_list();?>
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="search">
<form class="form-horizontal" action="" method="post">
<br/>
<div class="input-group">
<input type="text" class="form-control" id="input-parameter"
placeholder="service password-encryption etc.">
<span class="input-group-btn">
<button type="submit" name="btn-search" id="btn-search" class="btn btn-primary">Search</button>
</span>
</div>
</form>
<br/>
<div id="search-output" class="alert alert-success" style="display: none;"></div>
<br/>
</div>
</div>
</div>
</div>
</div>
<script>
$("[name='btn-search']").on('click', function(event) {
$("[name='btn-search']").on('click', function (event) {
event.preventDefault();
var $this = $(this);
var search_in_conf_textbox = $("#input-parameter").val();
@ -38,16 +72,16 @@ $pagetitle[] = 'Oxidized';
search_in_conf_textbox: search_in_conf_textbox
},
dataType: "json",
success: function(data) {
success: function (data) {
$('#search-output').empty();
$("#search-output").show();
if (data.output)
$('#search-output').append('Config appears on the folllowing device(s):<br />');
$.each(data.output, function(row, value) {
$('#search-output').append(value['full_name'] + '<br />');
});
$.each(data.output, function (row, value) {
$('#search-output').append(value['full_name'] + '<br />');
});
},
error: function() {
error: function () {
toastr.error('Error');
}
});