selftest on admin page (WIP)
This commit is contained in:
@@ -782,12 +782,6 @@ html, body {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.boxedcontent.alertbox {
|
||||
background-color: #F52;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.egg_col_x5_0 {
|
||||
fill: #eeeeee;
|
||||
}
|
||||
@@ -858,7 +852,7 @@ html, body {
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.consistency_result_ok, .consistency_result_warn, .consistency_result_err {
|
||||
.consistency_result_ok, .consistency_result_warn, .consistency_result_err, .consistency_result_intermed, .consistency_result_running {
|
||||
min-width: 400px;
|
||||
color: #222222;
|
||||
border: 1px solid #888;
|
||||
@@ -878,6 +872,15 @@ html, body {
|
||||
background: #FF0000;
|
||||
}
|
||||
|
||||
.consistency_result_intermed {
|
||||
background: #EEEEEE;
|
||||
}
|
||||
|
||||
.consistency_result_running {
|
||||
background: #DDDDDD;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.admincontent .boxedcontent hr {
|
||||
width: 95%;
|
||||
height: 1px;
|
||||
@@ -891,6 +894,54 @@ html, body {
|
||||
color: #BB2222;
|
||||
}
|
||||
|
||||
.boxedcontent.alertbox {
|
||||
background-color: #FF4444;
|
||||
color: #222222;
|
||||
border: 1px solid #AA4444;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.boxedcontent.alertbox .bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.boxedcontent.warnbox {
|
||||
background-color: #FFA726;
|
||||
color: #333333;
|
||||
border: 1px solid #444444;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.boxedcontent.warnbox .bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.boxedcontent.graybox {
|
||||
background-color: #888888;
|
||||
color: #222222;
|
||||
border: 1px solid #444444;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.boxedcontent.graybox .bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.boxedcontent.successbox {
|
||||
background-color: #168B00;
|
||||
color: #222222;
|
||||
border: 1px solid #444444;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.boxedcontent.successbox .bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* 400px */
|
||||
#loginform div {
|
||||
display: flex;
|
||||
|
||||
13
www/data/css/styles.min.css
vendored
13
www/data/css/styles.min.css
vendored
@@ -152,7 +152,6 @@ html,body{margin:0;padding:0;height:100%}
|
||||
.about_circles{display:flex;flex-direction:column}
|
||||
.about_circles a{margin:5px 0}
|
||||
.about_circles .iconbutton_light span{text-align:left}
|
||||
.boxedcontent.alertbox{background-color:#F52;font-weight:bold;text-align:center}
|
||||
.egg_col_x5_0{fill:#eee}
|
||||
.egg_col_x5_1{fill:#6bcdff}
|
||||
.egg_col_x5_2{fill:#00a1f3}
|
||||
@@ -168,12 +167,22 @@ html,body{margin:0;padding:0;height:100%}
|
||||
.kvl_100 div span:first-child{min-width:100px}
|
||||
.kvl_200 div span:first-child{min-width:200px}
|
||||
.kvl_300 div span:first-child{min-width:300px}
|
||||
.consistency_result_ok,.consistency_result_warn,.consistency_result_err{min-width:400px;color:#222;border:1px solid #888;padding:0 5px;margin:1px 0}
|
||||
.consistency_result_ok,.consistency_result_warn,.consistency_result_err,.consistency_result_intermed,.consistency_result_running{min-width:400px;color:#222;border:1px solid #888;padding:0 5px;margin:1px 0}
|
||||
.consistency_result_ok{background:#0f0}
|
||||
.consistency_result_warn{background:#ff0}
|
||||
.consistency_result_err{background:red}
|
||||
.consistency_result_intermed{background:#eee}
|
||||
.consistency_result_running{background:#ddd;border:1px solid #000}
|
||||
.admincontent .boxedcontent hr{width:95%;height:1px;border:0;color:#FFFFFF00;background:-moz-radial-gradient(circle,rgba(0,0,0,0.1),rgba(0,0,0,0));background:-webkit-radial-gradient(circle,rgba(0,0,0,0.1) 0,rgba(0,0,0,0) 100%)}
|
||||
.admindberr{color:#b22}
|
||||
.boxedcontent.alertbox{background-color:#f44;color:#222;border:1px solid #a44;font-weight:bold;text-align:center}
|
||||
.boxedcontent.alertbox .bc_data{padding-top:2px;padding-bottom:2px}
|
||||
.boxedcontent.warnbox{background-color:#ffa726;color:#333;border:1px solid #444;font-weight:bold;text-align:center}
|
||||
.boxedcontent.warnbox .bc_data{padding-top:2px;padding-bottom:2px}
|
||||
.boxedcontent.graybox{background-color:#888;color:#222;border:1px solid #444;font-weight:bold;text-align:center}
|
||||
.boxedcontent.graybox .bc_data{padding-top:2px;padding-bottom:2px}
|
||||
.boxedcontent.successbox{background-color:#168b00;color:#222;border:1px solid #444;font-weight:bold;text-align:center}
|
||||
.boxedcontent.successbox .bc_data{padding-top:2px;padding-bottom:2px}
|
||||
#loginform div{display:flex;flex-direction:column}
|
||||
#loginform div button{margin:10px 0;padding:0}
|
||||
.loginerror{display:flex;background:#f44;color:#222;border:1px solid #a44;border-radius:2px;font-weight:bold;padding:0 5px;margin:5px 0 20px 0}
|
||||
|
||||
@@ -112,12 +112,6 @@
|
||||
|
||||
}
|
||||
|
||||
.boxedcontent.alertbox {
|
||||
background-color: #F52;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@if $CFG_EGG_THEME == 'standard'
|
||||
{
|
||||
// ==== STANDARD ====
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
.kvl_200 div span:first-child { min-width: 200px; }
|
||||
.kvl_300 div span:first-child { min-width: 300px; }
|
||||
|
||||
.consistency_result_ok, .consistency_result_warn, .consistency_result_err {
|
||||
.consistency_result_ok, .consistency_result_warn, .consistency_result_err, .consistency_result_intermed, .consistency_result_running {
|
||||
min-width: 400px;
|
||||
color: $COL_ADMIN_STATUS_FG;
|
||||
border: $COL_ADMIN_STATUS_BORDER;
|
||||
@@ -49,9 +49,11 @@
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
.consistency_result_ok { background: $COL_ADMIN_OK; }
|
||||
.consistency_result_warn { background: $COL_ADMIN_WARN; }
|
||||
.consistency_result_err { background: $COL_ADMIN_ERROR; }
|
||||
.consistency_result_ok { background: $COL_ADMIN_OK; }
|
||||
.consistency_result_warn { background: $COL_ADMIN_WARN; }
|
||||
.consistency_result_err { background: $COL_ADMIN_ERROR; }
|
||||
.consistency_result_intermed { background: $COL_ADMIN_INTERMED; }
|
||||
.consistency_result_running { background: $COL_ADMIN_RUNNING; border: $COL_ADMIN_STATUS_BORDER_ACTIVE; }
|
||||
|
||||
|
||||
.admincontent .boxedcontent hr {
|
||||
@@ -63,4 +65,52 @@
|
||||
background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.0) 100%);
|
||||
}
|
||||
|
||||
.admindberr { color: $COL_ADMIN_STATUS_DB_ERROR; }
|
||||
.admindberr { color: $COL_ADMIN_STATUS_DB_ERROR; }
|
||||
|
||||
.boxedcontent.alertbox {
|
||||
background-color: $COL_TOAST_ERROR_BG;
|
||||
color: $COL_TOAST_ERROR_FG;
|
||||
border: $COL_TOAST_ERROR_BORDER;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.boxedcontent.warnbox {
|
||||
background-color: $COL_TOAST_WARN_BG;
|
||||
color: $COL_TOAST_WARN_FG;
|
||||
border: $COL_TOAST_WARN_BORDER;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.boxedcontent.graybox {
|
||||
background-color: $COL_TOAST_GRAY_BG;
|
||||
color: $COL_TOAST_GRAY_FG;
|
||||
border: $COL_TOAST_GRAY_BORDER;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.boxedcontent.successbox {
|
||||
background-color: $COL_TOAST_SUCCESS_BG;
|
||||
color: $COL_TOAST_SUCCESS_FG;
|
||||
border: $COL_TOAST_SUCCESS_BORDER;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.bc_data {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -115,9 +115,21 @@ $COL_FOOTER_FG: #CCCCCC;
|
||||
|
||||
// ------------------------------------
|
||||
|
||||
$COL_TOAST_ERROR_FG: #222222;
|
||||
$COL_TOAST_ERROR_BG: #FF4444;
|
||||
$COL_TOAST_ERROR_BORDER: 1px solid #AA4444;
|
||||
$COL_TOAST_ERROR_FG: #222222;
|
||||
$COL_TOAST_ERROR_BG: #FF4444;
|
||||
$COL_TOAST_ERROR_BORDER: 1px solid #AA4444;
|
||||
|
||||
$COL_TOAST_WARN_FG: #333333;
|
||||
$COL_TOAST_WARN_BG: #FFA726;
|
||||
$COL_TOAST_WARN_BORDER: $LAYER1_BORDER;
|
||||
|
||||
$COL_TOAST_GRAY_FG: #222222;
|
||||
$COL_TOAST_GRAY_BG: #888888;
|
||||
$COL_TOAST_GRAY_BORDER: $LAYER1_BORDER;
|
||||
|
||||
$COL_TOAST_SUCCESS_FG: #222222;
|
||||
$COL_TOAST_SUCCESS_BG: #168B00;
|
||||
$COL_TOAST_SUCCESS_BORDER: $LAYER1_BORDER;
|
||||
|
||||
// ------------------------------------
|
||||
|
||||
@@ -149,12 +161,15 @@ $AOC_DESCRIPTION_BG: #333333;
|
||||
|
||||
// ------------------------------------
|
||||
|
||||
$COL_ADMIN_OK: #00FF00;
|
||||
$COL_ADMIN_WARN: #FFFF00;
|
||||
$COL_ADMIN_ERROR: #FF0000;
|
||||
$COL_ADMIN_OK: #00FF00;
|
||||
$COL_ADMIN_WARN: #FFFF00;
|
||||
$COL_ADMIN_ERROR: #FF0000;
|
||||
$COL_ADMIN_INTERMED: #EEEEEE;
|
||||
$COL_ADMIN_RUNNING: #DDDDDD;
|
||||
|
||||
$COL_ADMIN_STATUS_FG: #222222;
|
||||
$COL_ADMIN_STATUS_BORDER: 1px solid #888;
|
||||
$COL_ADMIN_STATUS_BORDER_ACTIVE: 1px solid #000;
|
||||
|
||||
$COL_ADMIN_STATUS_DB_ERROR: #BB2222;
|
||||
|
||||
|
||||
@@ -69,4 +69,60 @@ function startAjaxReplace(target, url)
|
||||
},
|
||||
async: true
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function refreshConsistencyDisplay(skip)
|
||||
{
|
||||
let i = 0;
|
||||
for (let apibutton of $('.consistence_ajax_handler').toArray())
|
||||
{
|
||||
if (i++ !== skip) continue;
|
||||
|
||||
const filter = $(apibutton).data('filter');
|
||||
|
||||
$(apibutton).removeClass('consistency_result_intermed');
|
||||
$(apibutton).addClass('consistency_result_running');
|
||||
|
||||
$.ajax('/api/site::selftest?filter=' + filter)
|
||||
.done((data, status, xhr) =>
|
||||
{
|
||||
let json = JSON.parse(data);
|
||||
$(apibutton).removeClass('consistency_result_intermed');
|
||||
$(apibutton).removeClass('consistency_result_running');
|
||||
|
||||
if (json.result === 0)
|
||||
{
|
||||
$(apibutton).addClass('consistency_result_ok');
|
||||
$(apibutton).text(json.message+" ");
|
||||
}
|
||||
else if (json.result === 1)
|
||||
{
|
||||
$(apibutton).addClass('consistency_result_warn');
|
||||
$(apibutton).text(json.message+" ");
|
||||
}
|
||||
else if (json.result === 2)
|
||||
{
|
||||
$(apibutton).addClass('consistency_result_err');
|
||||
$(apibutton).text(json.message+" ");
|
||||
}
|
||||
|
||||
setTimeout(() => refreshConsistencyDisplay(skip+1), 300);
|
||||
})
|
||||
.fail((xhr, status, err) =>
|
||||
{
|
||||
$(apibutton).removeClass('consistency_result_intermed');
|
||||
$(apibutton).removeClass('consistency_result_running');
|
||||
|
||||
$(apibutton).addClass('consistency_result_err');
|
||||
$(apibutton).text(err+" ");
|
||||
|
||||
setTimeout(() => refreshConsistencyDisplay(skip+1), 300);
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
$(function()
|
||||
{
|
||||
setTimeout(() => refreshConsistencyDisplay(0), 200);
|
||||
});
|
||||
Reference in New Issue
Block a user