96 lines
2.7 KiB
HTML
96 lines
2.7 KiB
HTML
<div class="container-fluid">
|
|
|
|
<style>
|
|
#system-checks .heading td {
|
|
font-weight: bold;
|
|
font-size: 120%;
|
|
padding-top: 1.5em;
|
|
}
|
|
#system-checks .heading.first td {
|
|
border-top: none;
|
|
padding-top: 0;
|
|
}
|
|
#system-checks .status-error td {
|
|
color: #733;
|
|
}
|
|
#system-checks .status-warning td {
|
|
color: #770;
|
|
}
|
|
#system-checks .status-ok td {
|
|
color: #040;
|
|
}
|
|
#system-checks div.extra {
|
|
display: none;
|
|
margin-top: 1em;
|
|
max-width: 50em;
|
|
word-wrap: break-word;
|
|
}
|
|
#system-checks a.showhide {
|
|
display: none;
|
|
font-size: 85%;
|
|
}
|
|
#system-checks .pre {
|
|
margin: 1em;
|
|
font-family: monospace;
|
|
white-space: pre-wrap;
|
|
}
|
|
</style>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
|
|
<h2>System Status Checks</h2>
|
|
|
|
<table id="system-checks" class="table" style="max-width: 60em">
|
|
<thead>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function show_system_status() {
|
|
$('#system-checks tbody').html("<tr><td colspan='2' class='text-muted'>Loading...</td></tr>")
|
|
api(
|
|
"/system/status",
|
|
"POST",
|
|
{ },
|
|
function(r) {
|
|
$('#system-checks tbody').html("");
|
|
for (var i = 0; i < r.length; i++) {
|
|
var n = $("<tr><td class='status'/><td class='message'><p style='margin: 0'/><div class='extra'/><a class='showhide' href='#'/></tr>");
|
|
if (i == 0) n.addClass('first')
|
|
if (r[i].type == "heading")
|
|
n.addClass(r[i].type)
|
|
else
|
|
n.addClass("status-" + r[i].type)
|
|
if (r[i].type == "ok") n.find('td.status').text("✓")
|
|
if (r[i].type == "error") n.find('td.status').text("✖")
|
|
if (r[i].type == "warning") n.find('td.status').text("?")
|
|
n.find('td.message p').text(r[i].text)
|
|
$('#system-checks tbody').append(n);
|
|
|
|
if (r[i].extra.length > 0) {
|
|
n.find('a.showhide').show().text("show more").click(function() {
|
|
$(this).hide();
|
|
$(this).parent().find('.extra').fadeIn();
|
|
return false;
|
|
});
|
|
}
|
|
|
|
for (var j = 0; j < r[i].extra.length; j++) {
|
|
|
|
var m = $("<div/>").text(r[i].extra[j].text)
|
|
if (r[i].extra[j].monospace)
|
|
m.addClass("pre");
|
|
n.find('> td.message > div').append(m);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
|
|
</div> |