external/mailinabox
1
0
Fork 0
mirror of https://github.com/mail-in-a-box/mailinabox.git synced 2025-04-04 00:17:06 +00:00
Code Issues Releases Wiki Activity

feat(status page): Add summary of ok/error/warning counts

Browse Source
This commit is contained in:
Hugh Secker-Walker 2022-11-17 14:26:57 +00:00
parent 3314c4f7de
commit 0b7a49cb53
1 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
management/templates/system-status.html
View File

@ -10,13 +10,13 @@
border-top: none; border-top: none;
padding-top: 0; padding-top: 0;
} }
#system-checks .status-error td { #system-checks .status-error td, .summary-error {
color: #733; color: #733;
} }
#system-checks .status-warning td { #system-checks .status-warning td, .summary-warning {
color: #770; color: #770;
} }
#system-checks .status-ok td { #system-checks .status-ok td, .summary-ok {
color: #040; color: #040;
} }
#system-checks div.extra { #system-checks div.extra {
@ -52,6 +52,9 @@
</div> <!-- /col --> </div> <!-- /col -->
<div class="col-md-pull-3 col-md-8"> <div class="col-md-pull-3 col-md-8">
<div id="system-checks-summary">
</div>
<table id="system-checks" class="table" style="max-width: 60em"> <table id="system-checks" class="table" style="max-width: 60em">
<thead> <thead>
</thead> </thead>
@ -64,6 +67,9 @@
<script> <script>
function show_system_status() { function show_system_status() {
const summary = $('#system-checks-summary');
summary.html("");
$('#system-checks tbody').html("<tr><td colspan='2' class='text-muted'>Loading...</td></tr>") $('#system-checks tbody').html("<tr><td colspan='2' class='text-muted'>Loading...</td></tr>")
api( api(
@ -93,6 +99,14 @@ function show_system_status() {
{ }, { },
function(r) { function(r) {
$('#system-checks tbody').html(""); $('#system-checks tbody').html("");
const ok_symbol = "✓";
const error_symbol = "✖";
const warning_symbol = "?";
let num_ok = 0;
let num_error = 0;
let num_warning = 0;
for (var i = 0; i < r.length; i++) { 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>"); 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 (i == 0) n.addClass('first')
@ -100,9 +114,20 @@ function show_system_status() {
n.addClass(r[i].type) n.addClass(r[i].type)
else else
n.addClass("status-" + r[i].type) 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 == "ok") {
if (r[i].type == "warning") n.find('td.status').text("?") ++num_ok;
n.find('td.status').text(ok_symbol);
}
else if (r[i].type == "error") {
++num_error;
n.find('td.status').text(error_symbol);
}
else if (r[i].type == "warning") {
++num_warning;
n.find('td.status').text(warning_symbol);
}
n.find('td.message p').text(r[i].text) n.find('td.message p').text(r[i].text)
$('#system-checks tbody').append(n); $('#system-checks tbody').append(n);
@ -122,8 +147,14 @@ function show_system_status() {
n.find('> td.message > div').append(m); n.find('> td.message > div').append(m);
} }
} }
})
// Summary counts
const all_ok = (num_error + num_warning == 0) ? 'All ' : '';
summary.append($('<span class="summary-ok"/>').text(`${all_ok}${num_ok} ${ok_symbol} Ok`));
if (num_error > 0) summary.append($('<span class="summary-error"/>').text(`, ${num_error} ${error_symbol} Error`));
if (num_warning > 0) summary.append($('<span class="summary-warning"/>').text(`, ${num_warning} ${warning_symbol} Warning`));
if (num_error > 0 || num_warning > 0) summary.append($('<span/>').text(`, out of ${num_ok + num_error + num_warning} checks`));
})
} }
var current_privacy_setting = null; var current_privacy_setting = null;